@import  url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    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:#54667a;
}
.logo img{
  max-width: 100px;
  max-height: 45px;
}

.navbar-header {
    background:#ffffff;
}

.navbar-top-links>li>a {
    color:#54667a;
}

.navbar-top-links>li>a:hover {
    color:#666666;
}

.sidebar .sidebar-head {
    background:#ffffff;
    color:#54667a;
}

.sidebar .sidebar-head h3 {
    color:#54667a;
}

.right-sidebar {}

.sidebar {
    background:#ffffff;
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}

.sidebar .label-custom {
    background:#f4f4f4;
}
#side-menu li a {
    color:#54667a;
}

#side-menu li a {
    color:#54667a;
    border-left: 0px solid #54667a;
}

#side-menu>li>a:hover,
#side-menu>li>a:focus {
    background:rgba(0, 0, 0, 0.07);
}

#side-menu>li>a.active {
    background:#FF007F;
    color:;
    font-weight: 500;
}

#side-menu ul>li>a:hover {
    color:rgba(0, 0, 0, 0.07);
    font-weight: 500;
}

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

.user-profile .user-pro-body .u-dropdown {
    color: #54667a;
}

.bg-theme {
    background-color: #707cd2 !important;
}

.bg-theme-dark {
    background-color: #3f51b5 !important;
}

.btn-custom {
    background: #3f51b5;
    border: 1px solid #3f51b5;
    color: #ffffff;
}

.btn-custom:hover {
    background: #3f51b5;
    opacity: 0.8;
    color: #ffffff;
    border: 1px solid #3f51b5;
}

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

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

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background: #3f51b5;
    color: #ffffff;
}

.login-box,
.login-box .white-box {
    background-color:#ffffff;
    color:#54667a;
}

.login-box .text-dark {
    color:#54667a !important;
}

#recoverform .form-control:focus,
#recoverform .form-control.focus,
#recoverform .form-control,
#loginform .form-control:focus,
#loginform .form-control.focus,
#loginform .form-control {
    padding: 0px 10px;
    color:#54667a;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13));
}
#loginform input::placeholder{color:rgba(0, 0, 0, 0.4);}
#loginform input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.4);}
#loginform input::-moz-placeholder{color:rgba(0, 0, 0, 0.4);}
#loginform input:-moz-placeholder{color:rgba(0, 0, 0, 0.4);}
#loginform input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.4);}
#recoverform input::placeholder{color:rgba(0, 0, 0, 0.4);}
#recoverform input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.4);}
#recoverform input::-moz-placeholder{color:rgba(0, 0, 0, 0.4);}
#recoverform input:-moz-placeholder{color:rgba(0, 0, 0, 0.4);}
#recoverform input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.4);}

#recoverform .text-muted {
    color:#54667a;
}

#recoverform h3 {
    color:#54667a;
}

.login-box .btn-info {
    background-color:#FF007F;
    color:#fff;
    border: 1px solid #FF007F;
}

#recoverform .btn-primary {
    background-color:#FF007F;
    color:#fff;
    border: 1px solid #FF007F;
}