@import url("https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700");

.skin-wwow .main-header .navbar {
    background-color: #af242a;
}

.skin-wwow .main-header .navbar .nav > li > a {
    color: #fff;
}

.skin-wwow .main-header .navbar .nav > li > a:hover, .skin-wwow .main-header .navbar .nav > li > a:active, .skin-wwow .main-header .navbar .nav > li > a:focus, .skin-wwow .main-header .navbar .nav .open > a, .skin-wwow .main-header .navbar .nav .open > a:hover, .skin-wwow .main-header .navbar .nav .open > a:focus, .skin-wwow .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}

.skin-wwow .main-header .navbar .sidebar-toggle {
    color: #fff;
}

.skin-wwow .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}

.skin-wwow .main-header .navbar .sidebar-toggle {
    color: #fff;
}

.skin-wwow .main-header .navbar .sidebar-toggle:hover {
    /* background-color: #ffc468; */
    background-color: transparent;
}

@media (max-width: 767px) {
    .skin-wwow .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-wwow .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

    .skin-wwow .main-header .navbar .dropdown-menu li a:hover {
        background: #af242a;
    }
}

.skin-wwow .main-header .logo {
    background-color: #fff;
    color: #fff;
    border-bottom: 0 solid transparent;
}

/* .skin-wwow .main-header .logo:hover {
    opacity: 0.8;
} */

.skin-wwow .main-header li.user-header {
    background-color: #af242a;
}

.skin-wwow .content-header {
    background: url("../img/wwow-background.png");
    background-size: contain;
}

.skin-wwow .wrapper, .skin-wwow .main-sidebar, .skin-wwow .left-side {
    background-color: #222d32;
}

.skin-wwow .user-panel > .info, .skin-wwow .user-panel > .info > a {
    color: #fff;
}

.skin-wwow .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-wwow .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-wwow .sidebar-menu > li:hover > a, .skin-wwow .sidebar-menu > li.active > a {
    color: #fff;
    background: #1e282c;
    border-left-color: #af242a;
}

.skin-wwow .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-wwow .sidebar a {
    color: #b8c7ce;
}

.skin-wwow .sidebar a:hover {
    text-decoration: none;
}

.skin-wwow .treeview-menu > li > a {
    color: #8aa4af;
}

.skin-wwow .treeview-menu > li.active > a, .skin-wwow .treeview-menu > li > a:hover {
    color: #fff;
}

.skin-wwow .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

.skin-wwow .sidebar-form input[type="text"], .skin-wwow .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.skin-wwow .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}

.skin-wwow .sidebar-form input[type="text"]:focus, .skin-wwow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}

.skin-wwow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}

.skin-wwow .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}

.skin-wwow.layout-top-nav .main-header > .logo {
    background-color: #fff;
    color: #fff;
    border-bottom: 0 solid transparent;
}

/* .skin-wwow.layout-top-nav .main-header > .logo:hover {
    opacity: 0.8;
} */

.skin-wwow .content-wrapper {
    background-color: #F5F4F4;
}

.skin-wwow .pagination > .active > a, 
.skin-wwow .pagination > .active > a:focus, 
.skin-wwow .pagination > .active > a:hover, 
.skin-wwow .pagination > .active > span, 
.skin-wwow .pagination > .active > span:focus, 
.skin-wwow .pagination > .active > span:hover {
    background-color: #af242a;
    border-color: #af242a;
    color: #fff;
}

.skin-wwow .pagination > li > a:focus, 
.skin-wwow .pagination > li > a:hover, 
.skin-wwow .pagination > li > span:focus, 
.skin-wwow .pagination > li > span:hover {
    color: #af242a;
}

.skin-wwow .btn-primary {
    background-color: #af242a;
    border-color: #af242a;
}

.skin-wwow .bg-orange {
    background-color: #af242a !important;
}

.skin-wwow .bg-red {
    background-color: #E14253 !important;
}

.skin-wwow .form-control:focus {
    border-color: #af242a;
}

.skin-wwow .box {
    border-top-color: #747B83;
  }
  
.skin-wwow .box-orange {
    background-color: #af242a !important;
    color: #fff !important;
}

.skin-wwow .btn-primary:hover, 
.skin-wwow .btn-primary:active, 
.skin-wwow .btn-primary.hover {
    background-color: #af242a;
    opacity: 0.8;
}

.multiselect__option--highlight:after,
.multiselect__option--highlight,
.multiselect__tag {
    background: #af242a !important;
}


.multiselect__tag-icon:focus, 
.multiselect__tag-icon:hover {
    background: #fbbc58 !important;
}

.multiselect__tag-icon:after {
    color: #222d32 !important;
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
    color: #fff !important;
}

.text-wwow {
    color: #af242a !important;
}

.skin-wwow .content {
    background: #ECE9E6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #F5F4F4, #FFFFFF);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #F5F4F4, #FFFFFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.messages-menu>.dropdown-menu,.navbar-nav>.tasks-menu>.dropdown-menu{
    width:140px;
    padding:0 0 0 0;
    margin:0;
    top:100%
}
.navbar-nav>.user-menu>.dropdown-menu>li,.navbar-nav>.messages-menu>.dropdown-menu>li,.navbar-nav>.tasks-menu>.dropdown-menu>li{
    position:relative
}
.navbar-nav>.user-menu>.dropdown-menu>li.header,.navbar-nav>.messages-menu>.dropdown-menu>li.header,.navbar-nav>.tasks-menu>.dropdown-menu>li.header{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    background-color:#ffffff;
    padding:7px 10px;
    border-bottom:1px solid #f4f4f4;
    color:#444444;
    font-size:14px
}
.navbar-nav>.user-menu>.dropdown-menu>li.footer>a,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    font-size:12px;
    background-color:#fff;
    padding:7px 10px;
    border-bottom:1px solid #eeeeee;
    color:#444 !important;
    text-align:center;
}
@media (max-width:991px){
    .navbar-nav>.user-menu>.dropdown-menu>li.footer>a,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{
        background:#fff !important;
        color:#444 !important;
    }
}
.navbar-nav>.user-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover{
    text-decoration:none;
    font-weight:normal;
}
.navbar-nav>.user-menu>.dropdown-menu>li .menu,.navbar-nav>.messages-menu>.dropdown-menu>li .menu,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu{
    max-height:200px;
    margin:0;
    padding:0;
    list-style:none;
    overflow-x:hidden;
}
.navbar-nav>.user-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{
    display:block;
    white-space:nowrap;
    border-bottom:1px solid #f4f4f4
}
.navbar-nav>.user-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover{
    background:#f4f4f4;
    text-decoration:none;
}
.navbar-nav>.user-menu>.dropdown-menu>li .menu>li>a{
    color:#444444;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:10px;
}
.navbar-nav>.user-menu>.dropdown-menu>li .menu>li>a>.glyphicon,.navbar-nav>.user-menu>.dropdown-menu>li .menu>li>a>.fa,.navbar-nav>.user-menu>.dropdown-menu>li .menu>li>a>.ion{
    width:20px;
}