.skin-blue .main-header .navbar {
	border-bottom: 1px solid #d2d6de;
    background-color: white !important;
    height: 80px !important;
}
.skin-blue .main-header .logo {
    background-color: #fff !important;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.set_logoimg {
    width: 117px;
    height: 43px;
}
.set_menu{
	margin-top:35px;
}
.set_name{
	font-size: 18px !important;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    
    color: #48311b;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #3b2a19;
}
.skin-black-light .main-header {
	border-bottom: 1px solid #d2d6de;
}
.control-sidebar .control-sidebar-dark .control-sidebar-open{
	top: 50px!important;
	height: 100% !important;
}
.set_footerbtn{
	margin-top:6% !important;
}
.showshado {
    height: 100%;
    width: 100%;
    background-color: black;
    background-position: 0px -700px;
    background-size: cover;
    padding-bottom: 300px;
    position: fixed;
    animation: scrollBgGridLinks 35s linear;
    -mozkit-animation: scrollBgGridLinks 35s linear;
    -webkit-animation: scrollBgGridLinks 35s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    top: 0;
    z-index: 1000;
    opacity: 0.5;
    display: block;
}

.hideshado {
    height: 100%;
    width: 100%;
    background-color: black;
    background-position: 0px -700px;
    background-size: cover;
    padding-bottom: 300px;
    position: fixed;
    animation: scrollBgGridLinks 35s linear;
    -mozkit-animation: scrollBgGridLinks 35s linear;
    -webkit-animation: scrollBgGridLinks 35s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    top: 0;
    z-index: 0;
    opacity: 0;
    display: none;
}
.setslider{
	height:100% !important;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #577F00 !important;
    border-color: #577F00 !important;
}
.btn-primary {
    background-color: #577F00 ;
    border-color: #577F00 !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
    background-color: #577F00 !important;
}
.btn-primary:hover {
	color: #fff;
    background-color: #577F00 !important;
    border-color: #577F00 !important;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #577F00 !important;
    border-color: #577F00 !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #577F00 !important;
    border-color: #577F00 !important;
}
.hidden-xs {
    color: #48311b;
}
.skin-blue .main-header li.user-header {
    background-color: #b4d25b;
}
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #a5ca39;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #a5ca39;
    border-color: #a5ca39;
}
input:checked + .slider {
    background-color: #577F00 !important;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #a5ca39 !important;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
hr {
    margin-top: 15px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #473119 !important;
}
#show_side hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #473119 !important;
}

.set_close{
    font-size: 19px !important;
	cursor:pointer!important;
	color:black !important;
	float: right!important;
	margin-right: 13px!important;
}
.sidebarleft{
    width: 50% !important;    
    overflow: hidden;
}
/* 
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {  
    .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
        width: 50% !important;
		overflow: hidden;
    }  
    .add-text-menu{
        left: calc(100% - 64%);
        position: absolute;
        top: 7px;
    }
    .add-date-import {
        left: calc(100% - 69%);
        position: absolute;
        top: 17px;
        color: #577f00;
    }
    .add-text-menu-new {
        left: calc(90% - 30%);
        position: absolute;
        top: 7px;
    } 
}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
        width: 50% !important;
    }
    .add-text-menu{
        left: calc(100% - 62%);
        position: absolute;
        top: 7px;
    }
}

/* 
	##Device = Tablets, Ipads (portrait)
	##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
        width: 78% !important;
	}
	#btn-upload-book{
		margin-left: 70px ;
    }
    .add-text-menu{
        left: calc(100% - 94%);
        position: absolute;
        top: 7px;
    }
    #customerDataTable #example1_wrapper {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .add-date-import {
        left: calc(100% - 94%);
        position: absolute;
        top: 7px;
        color: #577f00;
    }
    .add-text-menu-new {
        left: calc(100% - 58%);
        position: absolute;
        top: 7px;
    }
}

@media (min-width: 1023px) and (max-width: 1281px) {
    .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
        width: 78% !important;
	}
	#btn-upload-book{
		margin-left: 70px ;
    }
    .add-text-menu{
        left: calc(100% - 84%);
        position: absolute;
        top: 7px;
    }
    #customerDataTable #example1_wrapper {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .add-date-import {
        left: calc(100% - 84%);
        position: absolute;
        top: 7px;
        color: #577f00;
    }
    .add-text-menu-new {
        left: calc(100% - 46%);
        position: absolute;
        top: 7px;
    }
}

@media (min-width: 467px) and (max-width: 767px) {
    .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
        width: 78% !important;
	}
	#btn-upload-book{
		margin-left: 70px ;
    }
    .add-text-menu{
        left: calc(100% - 94%);
        position: absolute;
        top: 7px;
    }
    #customerDataTable #example1_wrapper {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .add-date-import {
        left: calc(100% - 94%);
        position: absolute;
        top: 7px;
        color: #577f00;
    }
    .add-text-menu-new {
        left: calc(100% - 58%);
        position: absolute;
        top: 7px;
    }
}
/* 
	##Device = Tablets, Ipads (landscape)
	##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
		width: 83% !important;
	}
	#btn-upload-book{
		margin-left: 70px ;
	}
	.add-text-menu{
        left: calc(100% - 80%);
        position: absolute;
        top: 7px;
    }
    #customerDataTable #example1_wrapper {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }
}

/* 
	##Device = Low Resolution Tablets, Mobiles (Landscape)
	##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
	
	.control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
		width: 100% !important;
	}
	#btn-upload-book{
		margin-left: 70px ;
    }
    .add-text-menu{
        left: calc(100% - 77%);
        position: absolute;
        top: 7px;
    }
    #customerDataTable #example1_wrapper {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }
	
}

/* 
	##Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
        width: 100% !important;
    }
    .add-text-menu{
        left: calc(100% - 77%);
        position: absolute;
        top: 7px;
    }
    .content-header {
        position: relative;
        padding: 50px 20px 0 20px;
    }
    #customerDataTable #example1_wrapper {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .add-date-import {
        left: calc(100% - 95%);
        position: absolute;
        top: 17px;
        color: #577f00;
    }
    .add-text-menu-new {
        left: calc(100% - 60%);
        position: absolute;
        top: 1px;
    }
} 
.control-sidebar-dark, .control-sidebar-dark+.control-sidebar-bg {
    background-color:white!important; 
}
/* Profile Icon css */
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
height: auto;
padding: 8px;
text-align: -webkit-left;
border-bottom: 1px solid #d2d6de;
}
.username{
font-size: 17px;
color: white;
margin-left: 10px;
font-weight: 500;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
background-color: #b4d25b;
padding: 10px;
}
.error{
	color:red!important;
}
.main-header {
   /* position: relative !important;*/
    /* z-index: 1030 !important; */
    height: 80px !important;
	/*border-bottom: 1px solid #d2d6de;*/
    background-color: white !important;
}
footer{
    position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.sidebar-toggle{
	height: 80px;
    padding-top: 30px !important;
}
.control-sidebar>.tab-content {
    padding: 40px 15px;    
}
.navbar-nav>li>a {
    padding-top: 30px;
    padding-bottom: 30px;
}
.content-header {
    position: relative;
    padding: 36px 15px 0 15px;
}

.control-sidebar-open .set_btnright{
	position: fixed;
	bottom: 30px;
	right: 13px;
}
.main-header{
	border-bottom: 1px solid #d2d6de;
}
#create_order_transport[disabled]{
    background-color: #577F00 !important;
}

#product-modal .product-list-hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mb-4{
    margin-bottom: 24px;
}