/*
 * Skin: Orange
 * ------------
 */
.skin-orange .main-header .navbar {
    background-color: #F8955C;
}
.skin-orange .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.skin-orange .main-header .navbar .nav > li > a:hover,
.skin-orange .main-header .navbar .nav > li > a:active,
.skin-orange .main-header .navbar .nav > li > a:focus,
.skin-orange .main-header .navbar .nav .open > a,
.skin-orange .main-header .navbar .nav .open > a:hover,
.skin-orange .main-header .navbar .nav .open > a:focus,
.skin-orange .main-header .navbar .nav > .active > a {
    /*background: rgba(0, 0, 0, 0.1);*/
    background: #f98934;
    color: #f6f6f6;
}
.skin-orange .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}
.skin-orange .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    /*background: rgba(0, 0, 0, 0.1);*/
    background: #f98934;
}
.skin-orange .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-orange .main-header .navbar .sidebar-toggle:hover {
    /*background-color: #2C2C2C;*/
    background-color: #f98934;
}
@media (max-width: 767px) {
    .skin-orange .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-orange .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-orange .main-header .navbar .dropdown-menu li a:hover {
        /*background: #2C2C2C;*/
        background: #f98934;
    }
}
.skin-orange .main-header .logo {
    background-color: #E97017;
    color: #ffffff;
}
.skin-orange .main-header .logo:hover {
    background-color: #F8955C;
    /*background-color: #2C2C2C;*/
}
.skin-orange .main-header li.user-header {
    background-color: #F8955C;
}
.skin-orange .content-header {
    background: transparent;
}
.skin-orange .wrapper,
.skin-orange .main-sidebar,
.skin-orange .left-side {
    background-color: #ffffff;
}
.skin-orange .user-panel > .info,
.skin-orange .user-panel > .info > a {
    color: #fff;
}
.skin-orange .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-orange .sidebar-menu > li:hover > a,
.skin-orange .sidebar-menu > li.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #F8955C;
}
.skin-orange .sidebar-menu > li > .treeview-menu {
    background: #2c3b41;
}
.skin-orange .sidebar a {
    color: #b8c7ce;
}

.skin-orange .treeview-menu > li > a {
    color: #8aa4af;
}
.skin-orange .treeview-menu > li.active > a,
.skin-orange .treeview-menu > li > a:hover {
    color: #ffffff;
}
.skin-orange .sidebar-form {
    border: 1px solid #374850;
}
.skin-orange .sidebar-form input[type="text"],
.skin-orange .sidebar-form .btn {
    background-color: #374850;
}
.skin-orange .sidebar-form input[type="text"] {
    color: #666;
}
.skin-orange .sidebar-form input[type="text"]:focus,
.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-orange .sidebar-form .btn {
    color: #999;
}



a {
    color: #F8955C;
}

a:active, a:focus, a:hover {
    /*color: #2C2C2C;*/
    color: #F8955C;
}


.dropdown-menu>li>a {
    /*color: #F8955C !important;*/
    color: #2C2C2C !important;
}

.user-menu:hover
,.user-menu > a:hover{
    /*background: rgba(0, 0, 0, 0.1) !important;*/
    background: #F8955C !important;
    color: #f6f6f6 !important;
}




.orange-color{
    color:#F8955C;
}


.theme{
    color:#F8955C;
}

.bg-theme
,.bg-orange
{
    background-color:#F8955C !important;
}


.box.box-solid.box-theme{
    border:1px solid #F8955C
}
.box.box-theme{
    border-top-color:#F8955C
}
.box.box-theme>.box-header{
    color:#fff;
    background:#F8955C
}

.box.box-theme>.box-header.with-border{
    border-bottom:1px solid #F8955C
}


.box.box-orange{
    border-top-color:#f98934
}

.sidebar .nav-tabs-custom>.nav-tabs>li.active>a {
    color: #ffffff !important;
    border-top: 3px solid #F8955C;
}


.infoBox .carTitle{
    color:#f98934;
}


.marker-labels {
    color: #f98934;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all {
    .icheckbox_flat-orange,
    .iradio_flat-orange {
        background-image: url('/src/ui/plugins/iCheck/flat/orange@2x.png');
    }
}

.icheckbox_flat-orange,
.iradio_flat-orange {
    background-image: url('/src/ui/plugins/iCheck/flat/orange.png');
}


.container-login100 {
    /*background : url('/serv/img/login_dealer/logistplus/bg.jpg');*/


    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.wrap-login100 {
    width: 390px;
    padding: 20px 20px 20px 20px;
    background: rgba(255, 255, 255, 0.95) !important;
}

.login100-form {
    width: 350px;
}


.focus-input100 {
    color: #f98934 !important;
}


.input100:focus + .focus-input100 + .symbol-input100 {
    color: #F8955C !important;
}
.input100 {
    background-color: #ffffff !important;
}



.login100-form-btn {
    color: #fff !important;
    background: #f98934 !important;
}

.login100-form-btn:hover {
    /*background: #2C2C2C !important;*/
    background: #F8955C !important;
}

.navbar-brand{
    background-color: #F8955C;
}

.dropdown:hover{
    cursor: pointer;
}

.dropdown-menu>li>a:focus
, .dropdown-menu>li>a:hover {
    color: white !important;
    /*background-color: #2C2C2C !important;*/
    background-color: #F8955C !important;
}

@media (max-width: 767px){
    .open>.dropdown-menu {
        background-color: #f98934 !important;
    }
    .dropdown-menu>li>a:focus
    , .dropdown-menu>li>a:hover {
        /*background-color: #2C2C2C !important;*/
        background-color: #F8955C !important;
    }
}




.preLoader > div > div {
    background: #F8955C;
}


.preLoader > span {
    color: #F8955C;
}

.btn[class*='bg-']:hover {
    -webkit-box-shadow: inset 0 0 100px #f98934;
    box-shadow: inset 0 0 100px #f98934;
}

.app-logo{
    /*border-radius: 90px !important;*/
    /*-webkit-box-shadow: 3px 3px 13px rgb(0 0 0 / 14%) !important;*/
    /*box-shadow: 3px 3px 13px rgb(0 0 0 / 14%) !important;*/
}