.skin-blue .main-header .navbar {
    /* background-image: linear-gradient(to right, rgba(255, 78, 0), rgba(255, 132, 78)); */
    background-color: white;
    box-shadow: 5px 10px 7px whitesmoke;
}

.skin-blue .main-header .navbar .nav>li>a {
    color: #0f6940;
}

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

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #0f6940;
    width: 40px;
    font-size: 14px;
}

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

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #0f6940;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: rgb(236, 236, 236)
}

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

.skin-blue .main-header .logo {
    /* background-image: linear-gradient(to right, rgba(255, 78, 0), rgba(255, 78, 0));
    color: #fff;
    border-bottom: 0 solid transparent */
    background-color: white;
    box-shadow: 5px 10px 7px whitesmoke;
}


/*             
            .skin-blue .main-header .logo:hover {
                /* background-color: #357ca5 */



.skin-blue .main-header li.user-header {
    background-color: rgb(229, 116, 66);
}
.skin-blue .content-header {
    background: transparent
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: white;
    box-shadow: 12px 18px 13px whitesmoke;
}
.skin-blue .user-panel>.info,
.skin-blue .user-panel>.info>a {
    color: #fff
}
.skin-blue .sidebar-menu>li.header {
    color: #fff;
    background: #0F6940;
    font-weight: bolder;
    font-size: 14px;
}
.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
    color: #000;
    background: #ececec;
    border-left-color: rgb(255, 125, 69);
    font-weight: bold
}
.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}
.skin-blue .sidebar {
    height: 100%;
    overflow: auto;
    position: fixed;
    left: 0;
    top: 50px;
    width: inherit;
    padding-bottom: 50px;
}
.skin-blue .sidebar::-webkit-scrollbar {
    width: 5px;
}  
.skin-blue .sidebar::-webkit-scrollbar-track {
    background: #f1f1f1; 
}   

.skin-blue .sidebar::-webkit-scrollbar-thumb {
    background: #888; 
  }
  .skin-blue .sidebar::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }


.wrapper{
    overflow: hidden;
}
  .content-wrapper .table-responsive{
    height: calc(100vh - 275px);
    overflow: auto;
    overflow-x: hidden;
  }
  .content-wrapper .table-responsive::-webkit-scrollbar {
    height: 5px;
    width:5px;
  }
  
  .content-wrapper .table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
  .content-wrapper .table-responsive::-webkit-scrollbar-thumb {
    background: #888; 
  }
  .content-wrapper .table-responsive::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
  .gradientbt {
    background: #0F6940;
    color: white;
}

.skin-blue .sidebar a {
    color: black;
}
.skin-blue .sidebar a:hover {
    text-decoration: none
}
.skin-blue .treeview-menu>li>a {
    color: #8aa4af
}
.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover {
    color: #fff
}
.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .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-blue .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-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-blue .sidebar-form .btn {
    color: #ffff;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}
.skin-blue.layout-top-nav .main-header>.logo {
    background-color: rgb(00, 126, 167);
    color: #ffff;
    border-bottom: 0 solid transparent
}
.skin-blue.layout-top-nav .main-header>.logo:hover {
    background-color: rgb(00, 126, 167)
}

@media(max-width:767px){
    .skin-blue .sidebar {
        top: 62px;
    }
}