@media (min-width: 1024px) {
.page-container{}
.left-sidebar ul li a.active:after,.left-sidebar ul li a.active:before{
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	z-index:2;
}

.left-sidebar ul li a.active:after{border-left-color: #023d22;border-width: 12px;margin-top: -12px;}
.left-sidebar.closepanel{width:20px;}
.left-sidebar.closepanel ul{opacity:0;width:0px;}
.left-sidebar.closepanel #leftmenu-toggle {
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180eg);
    -ms-transform: rotate(-180deg);
}
.left-sidebar.closepanel+.right-content{width:98%;}
.left-sidebar #menu-dei span {background-position: 0 -60px;}
.left-sidebar #menu-maintenanace span {background-position: 0 -120px;}
.left-sidebar #menu-settings span {background-position: 0 -180px;}
.left-sidebar #menu-reports span {background-position: 0 -240px;}
.left-sidebar #menu-logout {display:none;}
.tabsnav li{margin:0 10px -4px 10px;}
.tabsnav li:first-child{margin-left:0px;}
.tabsnav li:before{}
.tabsnav li a span.tabtext{display:block;}
.tabsnav li a span.tabicon{display:none;}
.tabsnav li a{height:50px;}
.tabsnav li.active a:after {
    content: "\f0d8";
    font: normal normal normal 27px/1 FontAwesome;
    position: relative;
    bottom: 5px;
    text-align: center;
    margin: 0px auto;
    left: 50%;
    margin-left: -10px;
    color: #F0AE00;
}
.tabsnav li a:after {
    content: "\f0d8";
    font: normal normal normal 27px/1 FontAwesome;
    position: relative;
    bottom: 5px;
    text-align: center;
    margin: 0px auto;
    left: 50%;
    margin-left: -10px;
    color: transparent;
}
.loaderclosepanel {width: calc(100% - 40px)!important;}
}

@media (max-width: 992px) {
#loader .spinner {left:35%;}
#mainContentloader {top:240px;left:0;width:100%;}
#tabContentloader {top:0;left:0;width:100%;}
header .page-title{font-size: 18px; margin-left: 10px;}
#nav-icon {display:block;}
.left-sidebar #leftmenu-toggle{display:none;}
.left-sidebar,.left-sidebar ul{width:0px;}
.left-sidebar ul{opacity:0;}
.left-sidebar ul li a span{background-size: 50px auto;width: 50px; height: 50px;}
.left-sidebar ul li a{font-size:12px;}
.left-sidebar #menu-dei span {background-position: 0 -50px;}
.left-sidebar #menu-maintenanace span {background-position: 0 -100px;}
.left-sidebar #menu-settings span {background-position: 0 -150px;}
.left-sidebar #menu-report span {background-position: 0 -200px;}
.left-sidebar #menu-logout span {background-position: 0 -250px;}
.left-sidebar{ position:absolute; top:70px; z-index:2;min-height:800px;}
.right-content {width:100%;/* display:block; */z-index:1;margin-left:0;}
body.openmenu .left-sidebar{width:80px;}
body.openmenu .left-sidebar ul{opacity:1;width:auto;}
body .right-content .modal-backdrop{opacity:0.5;}
body.openmenu .right-content{}
body.openmenu .right-content .modal-backdrop{}
/** Start :: Weather / Greeting settings **/
header .greetings{padding:0;}
header .weather-widget{height:25px;}
header .weather-widget,header .user-greeting{position:absolute; right:0;}
header .weather-widget{top:5px; background-position: 0 0; background-size: 20px auto; white-space: nowrap; min-width:auto;}
header .user-greeting,header .weather-widget h2{line-height:16px;}
header .user-greeting{top:45px; white-space: nowrap; border:0;padding:0;}
header .user-greeting, header .user-greeting span{font-size: 16px;}
header .weather-widget h2{padding-left:10px; margin-right:10px; font-family: 'FOSTBOLD';}
header .weather-widget h2, header .weather-widget span,header .user-greeting span.username{display:inline-block}
header .user-greeting span.username{margin-left:5px;}
header .weather-widget h2, header .weather-widget span{font-size:15px;}
header .user-greeting a{display:none;}	
header .user-greeting .fa{margin-left:5px;}
/** End :: Weather / Greeting settings **/
.page-container{margin-top:75px;}
#form-deitemplate .sectionblock.toggle, #form-deitemplate .sectionblock.noborder h4{width:98%;}
}
@media (max-width: 830px)  {
#loader .spinner {left:30%;}
#scope-filter-box .filter-box {width:250px;}
.responsivemodal{width:98%;}
.form-inline.form-half .form-group{width:100%;}
.form-inline.form-half > .form-group:last-child{margin-left:0;}
.responsivemodal .form-group input[type='text'],.responsivemodal .form-group input[type='text'],.responsivemodal .form-group select{padding:0;width:100%!important;}

}
@media (max-width: 767px)  {
.scopeFilterMsg{margin: 410px 0 0 0;}
#loader .spinner {left:25%;}
#mainContentloader {top:370px;}
#tabContentloader {top:40px;}
header{height:60px;}
header .wm-logo{margin-left:20px;}
header .wm-logo img{width: 90px;}
header .page-title{font-size: 28px; margin:-5px 0 0 20px;}
.sectionblock{padding:10px;}
.sectioncontent{margin-top:20px;/* width: auto; *//* border: 1px solid #000; */}
#scope-filter-box .filter-box {width:100%; margin:0 0 10px 0;}
#scope-filter-box .filter-box.box-buttons {float:right;margin:0;}
.tabsnav li{margin:0 0 -4px 0;}
.tabsnav li a{font-size:12px;padding-bottom:0;}
.tabsnav li a span.tabtext{display:none;}
.tabsnav li a span.tabicon{display:block;}
.tabsnav .nav-tabs > li > a > span.tabicon{width:60px;height:60px;}
#settings-tabs .tabsnav li.resources span.tabicon  {background-position: -120px 0;}
#settings-tabs .tabsnav li.resources.active span.tabicon  {background-position: -120px -60px;}

#settings-tabs .tabsnav li.equipment span.tabicon  {background-position: -180px 0;}
#settings-tabs .tabsnav li.equipment.active span.tabicon  {background-position: -180px -60px;}

#settings-tabs .tabsnav li.deitemplate span.tabicon  {background-position: -240px 0;}
#settings-tabs .tabsnav li.deitemplate.active span.tabicon  {background-position: -240px -60px;}

#settings-tabs .tabsnav li.zone span.tabicon  {background-position: -300px 0;}
#settings-tabs .tabsnav li.zone.active span.tabicon  {background-position: -300px -60px;}

#dei-tabs .tabsnav li.checkout span.tabicon  {background-position: 0 0;}
#dei-tabs .tabsnav li.checkout.active span.tabicon  {background-position: 0 -60px;}

#dei-tabs .tabsnav li.checkin span.tabicon  {background-position: -60px 0;}
#dei-tabs .tabsnav li.checkin.active span.tabicon  {background-position: -60px -60px;}
.tab-pane h2.tabtitle{display:block;}
.mainbtnssec1{float:right;margin:-30px 0 0 0;}
}

@media (max-width: 600px)  {
#loader .spinner {left:20%;}
header .wm-logo{
width: 85px;
}
}

@media (max-width: 450px)  {
#loader .spinner {left:10%;}
}