@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);

.preloader {
   width: 100%;
   height: 100%;
   top: 0;
   position: fixed;
   z-index: 99999;
   background: #fff
}

.preloader .cssload-speeding-wheel {
   position: absolute;
   top: calc(50% - 3.5px);
   left: calc(50% - 3.5px)
}

body {
   background: #fff
}

.logo i {
   color: #fff
}

.navbar-header,
.right-sidebar .rpanel-title {
   background: #e70513;
   /*background: -moz-linear-gradient(left, #d93c17 1%, #ff704f 100%);
   background: -webkit-linear-gradient(left, #d93c17 1%, #ff704f 100%);
   background: linear-gradient(to right, #d93c17 1%, #ff704f 100%)*/
}

.bg-title .breadcrumb .active {
   color: #e70513
}

.sidebar-nav,
sidebar {
   background: #fff
}

#side-menu li a {
   color: #8d9498
}

.sidebar-nav ul#side-menu li a.active {
   color: #2b2b2b
}

.sidebar-nav ul#side-menu li a.active i {
   color: #e70513
}

.sidebar-nav #side-menu>li:hover>a {
   color: #2b2b2b
}

#side-menu ul>li>a:hover,
.sidebar-nav #side-menu>li:hover>a i {
   color: #e70513
}

#side-menu ul>li>a.active {
   color: #2b2b2b;
   font-weight: 500
}

.fix-sidebar .top-left-part {
   background: #d93c17
}

.bg-theme {
   background-color: #e70513 !important
}

.chat-list .odd .chat-text {
   background: #e70513
}

.btn-custom {
   background: #e70513;
   border: 1px solid #e70513;
   color: #fff
}

.btn-custom:hover {
   background: #e70513;
   opacity: .8;
   color: #fff;
   border: 1px solid #e70513
}

.customtab li.active a,
.customtab li.active a:focus,
.customtab li.active a:hover {
   border-bottom: 2px solid #e70513;
   color: #e70513
}

.tabs-vertical li.active a,
.tabs-vertical li.active a:focus,
.tabs-vertical li.active a:hover {
   background: #e70513;
   border-right: 2px solid #e70513
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
   background: #e70513;
   color: #fff
}