html {
   -ms-overflow-style: scrollbar;/*stop ie scrollbar to overlap content*/
}
body, html {
	height: 100%
}

.body-default{
	padding-top: 0;	
	background:#fff ;
	}
.body-default .page{		
	background-color: transparent;
    height: 100%;
    margin: 0 !important;
    padding: 0;
	}
.site-menubar-unfold .site-navbar .navbar-container {
	margin-left: 260px
}
/* Navbar 
========================================================================== */
.site-navbar {
	background: #fff;
	border-color: #e7e7e7;
	z-index:1600;
}
.site-navbar .navbar-toggle {
	border: none;
	background: none;
	font-size: 18px;
	margin-top: 10px;
	padding: 2px 0
}
.navbar-nav .menu-bars {
	font-size: 21px
}
.site-navbar .navbar-toggle:hover, .site-navbar .navbar-toggle:focus {
	background: none;
	border: none
}
.site-navbar .navbar-nav > .open > a, .site-navbar .navbar-nav > .open > a:hover, .site-navbar .navbar-nav > .open > a:focus {
	background: #fafafa
}
.site-navbar .navbar-nav > .active > a, .site-navbar .navbar-nav > .active > a:hover, .site-navbar .navbar-nav > .active > a:focus {
	background: #fafafa
}
.site-navbar .dropdown-menu > li > a {
	color: #666;
	padding: 8px 20px
}
.navbar-nav .navbar-search {
	padding-top: 9px;
	padding-bottom: 9px
}
.navbar-nav  .navbar-add-job{
	padding-top: 9px;
	padding-bottom: 9px
}
.navbar-nav .navbar-avatar {
	padding-top: 9px;
	padding-bottom: 9px
}
.navbar-nav .navbar-alerts {
	padding-top: 13px;
	padding-bottom: 13px
}
.dropdown-menu .divider {
	margin: 0
}
.avatar-img {
    border: 0 none;
    border-radius: 1000px;
    height: auto;
    max-width: 32px;
    width: 32px;
}
.user-avatar {
	border-radius: 1000px;
	display: inline-block;
	position: relative;
	vertical-align: super;
	white-space: nowrap;
	width: 32px;
}

.alerts-icon {
	vertical-align: middle
}
.blinking {
	-webkit-animation-name: animation;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	animation-name: animation;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-play-state: running;
	color: #777;
}
 @-webkit-keyframes animation {
0% {
color:#d9534f;
}
25.0% {
color:#d9534f;
}
50.0% {
color:#f5f5f5;
}
75.0% {
color:#d9534f;
}
100.0% {
color:#d9534f;
}
}
 @keyframes animation {
0% {
color:#d9534f;
}
25.0% {
color:#d9534f;
}
50.0% {
color:#f5f5f5;
}
75.0% {
color:#d9534f;
}
100.0% {
color:#d9534f;
}
}
.dropdown-alerts, .dropdown-2x {
	min-width: 320px;
	padding-bottom: 1px
}
.dropdown-2x {
	min-width: 320px;
	padding-bottom: 1px
}
.dropdown-fixed-height-m{
height:400px;
overflow:auto;
overflow-x:hidden;	
}

.dropdown-menu-header {
	padding: 10px 20px
}
.dropdown-alerts .dropdown-menu-header {
	padding: 10px 20px
}
.dropdown-alerts .dropdown-menu-footer {
	background: #f5f5f5
}
.dropdown-alerts li {
	position: relative
}
.dropdown-alerts .label {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.app-logo-wrapper {
	width: 260px
}
.app-logo{
max-height:50px;
max-width:260px;	
}
.navbar-brand {
	padding: 0;
	float: none;
}
.app-logo {
	margin-left: auto;
	margin-right: auto
}
.mobile-menubar-toggle {
	font-size: 21px;
	color: #777;
	display: none;
	margin-top: 8px
}
.navbar-alerts .alert-has-pop {
	display: inline-block
}/*fix ie*/
@media (max-width:767px) {
.app-logo-wrapper {
	width: 260px;
	margin: 0 auto
}
.mobile-menubar-toggle {
	display: block
}
.menubar-toggle {
	display: none
}
.navbar-header {
	float: none
}
}
.dropdown-menu {
	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s
}
.navbar-nav .dropdown-menu {
	/*color: #22849f;
	font-size: 14px;*/
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* End Navbar 
========================================================================== */	
/* Left global menu 
========================================================================== */ 
.site-menubar-unfold .site-menubar {
	width: 260px;
}
.site-menubar {
		background: #17b3a3  none repeat scroll 0 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	color: rgba(255, 255, 255, 1);
	
	height: calc(100% - 50px);
	position: fixed;
	top: 51px;
	z-index: 1400;
}
.custom-site-menu-icon {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	
}
.ifleet-icon {
	background: url(../../resources/images/left-global-menu/ifleet-icon.png) no-repeat
}
.ifleet-dispatch-icon {
	background: url(../../resources/images/left-global-menu/idispatch-icon.png) no-repeat
}
.imaintenance-icon {
	background: url(../../resources/images/left-global-menu/imaintenance-icon.png) no-repeat
}
.masarak-admin-icon {
	background: url(../../resources/images/left-global-menu/masarak-admin-icon.png) no-repeat
}
.iasset-icon {
	background: url(../../resources/images/left-global-menu/iasset-icon.png) no-repeat
}
.qtraffic-icon {
	background: url(../../resources/images/left-global-menu/qtraffic-icon.png) no-repeat
}
.psr-icon {
	background: url(../../resources/images/left-global-menu/psr-icon.png) no-repeat
}
.menu-awsome-icons{ vertical-align:middle; font-size:24px; text-align:center}
.centralized-ul{display: table; margin: 0 auto;}
.global-social li {margin:0 15px}
.global-social li a { color:rgba(255, 255, 255, 1); font-size:24px}
.copyright{color:rgba(255, 255, 255, 1); font-size:12px; }
.global-menu-links li a {
    color:rgba(255, 255, 255, 1);
    font-size: 12px;
    padding: 0 8px;
}

/*sidemenu*/
.site-menubar-body {
	height: calc(100% - 50px);/*related to footer height*/ 

}
.user-section{
    background:#597159;
    padding:30px 15px;	
	border-bottom:5px solid #efc700;
}
.avatar-img {
    border: 0 none;
    border-radius: 1000px;
    height: auto;
    max-width: 32px;
    width: 32px;
}
.user-avatar {
	border-radius: 1000px;
	display: inline-block;
	position: relative;
	vertical-align: super;
	white-space: nowrap;
		
}
.menubar-avatar{
color:#fff;
font-weight:400	
}
.site-menubar ul {
	padding: 0;
	margin: 0;
	list-style: none
}
.site-menubar a {
	outline: 0
}
.site-menubar a:focus, .site-menubar a:hover {
	text-decoration: none
}
.site-menubar.site-menubar-light {
		background: #fff;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 2px 4px rgba(0,0,0,.08)
}
.site-menubar.site-menubar-light .scrollable-inverse.scrollable .scrollable-bar-handle {
	background: rgba(163,175,183,.6)
}
.site-menubar-section {
	padding: 0 15px;
	margin-top: 50px;
	margin-bottom: 50px
}

.copy-rights-pos{ 
  margin-top:150px;

}
.site-menubar-section>h4, .site-menubar-section>h5 {
	color: #76838f
}
.site-menubar-section .progress:last-child {
	margin-bottom: 0
}
.site-menubar-footer {
	position: fixed;
	bottom: 0;
	z-index: 1400;
	display: block
}
.site-menubar-footer .brand-logo-container {	



	
	background: rgba(255,255,255,0.8) none repeat scroll 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    height: 50px;/*update here*/
    padding: 0px 20px;
	
}
.site-menubar-footer .masarak-logo {	
	margin:3px 0
}
.site-menubar-footer>a:focus, .site-menubar-footer>a:hover {
	background-color: #1e2427
}
.site-menubar-light .site-menubar-footer>a {
	background-color: #e4eaec
}
.site-menubar-light .site-menubar-footer>a:focus, .site-menubar-light .site-menubar-footer>a:hover {
	background-color: #d5dee1
}
.site-menu {
	padding-bottom: 20px;
	overflow-y: hidden;
	font-size: 14px
}
.site-menu-item>a {
	white-space: nowrap;
	cursor: pointer
}
.site-menu-icon {
	display: inline-block;
	text-align: center;
	font-size:20px;/*only for clwp*/
	vertical-align:middle;/*only for clwp*/
}
.site-menu-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle
}
.site-menu-arrow {
	position: relative;
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 400;
	-webkit-transition: -webkit-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	text-rendering: auto;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.site-menu-arrow:before {
	content: '\f107'
}
.site-menu-arrow, .site-menu-badge, .site-menu-label {
	position: absolute;
	right: 30px;
	display: inline-block;
	vertical-align: middle
}
.site-menu .badge, .site-menu .label {
	padding: 2px 5px 3px;
	font-size: 12px;
	font-weight: 300
}
.site-menu-item {
	position: relative;
	white-space: nowrap
}
.site-menu-item a {
	display: block;
	color: rgba(255,255,255,1)
}
.site-menu-item.is-hidden {
	opacity: 0
}
.site-menu-item.is-shown {
	opacity: 1
}
.site-menu>.site-menu-item {
	padding: 0
}
.site-menu>.site-menu-item.open {
	background: rgba(0, 0, 0, 0.1);
}
.site-menu>.site-menu-item.open>a {
	color: #fff;
	background: rgba(0,0,0, 0.1);
}
.site-menu>.site-menu-item.open.hover>a {
	background: rgba(0,0,0, 0.1);
}
.site-menu>.site-menu-item.hover>a, .site-menu>.site-menu-item:hover>a {
	color: rgba(255,255,255,.8);
	background-color: rgba(255,255,255,.02)
}
.site-menu>.site-menu-item.active {
	background: #17b3a3  ;
	border-top: 1px solid rgba(0,0,0,.04);
	border-bottom: 1px solid rgba(0,0,0,.04)
}
.site-menu>.site-menu-item.active>a {
	color: #fff;
	background: rgba(0,0,0, 0.1);
}
.site-menu>.site-menu-item.active.hover>a {
	background: rgba(0,0,0, 0.1);
}
.site-menu .site-menu-sub {
	padding: 5px 0;
	margin: 0;
	font-size: 14px;
	background: rgba(0,0,0, 0.1);
}
.site-menu .site-menu-sub .site-menu-sub {margin:0 0 0 5px}
.site-menu .site-menu-sub .site-menu-item {
	line-height: 34px;
	color: rgba(255,255,255,1);
	background: rgba(0,0,0, 0.1);
}
.site-menu .site-menu-sub .site-menu-item.has-sub {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent
}
.site-menu .site-menu-sub .site-menu-item>a {
	padding: 0 30px
}
.site-menu .site-menu-sub .site-menu-item.open {
	background: rgba(0,0,0,.06)
}
.site-menu .site-menu-sub .site-menu-item.open>a {
	color: #fff
}
.site-menu .site-menu-sub .site-menu-item.open.hover>a {
	background-color: transparent
}
.site-menu .site-menu-sub .site-menu-item.hover>a, .site-menu .site-menu-sub .site-menu-item:hover>a {
	color: rgba(255,255,255,.8);
	background-color: rgba(255,255,255,.02)
}
.site-menu .site-menu-sub .site-menu-item.active {
	background: rgba(0,0,0,.06)
}
.site-menu .site-menu-sub .site-menu-item.active>a {
	color: #fff
}
.site-menu .site-menu-sub .site-menu-item.active.hover>a {
	background-color: transparent
}
.site-menubar-light .site-menu-item a {
	color: rgba(118,131,143,.9)
}
.site-menubar-light .site-menu-item.hover>a, .site-menubar-light .site-menu-item:hover>a {
	background: rgba(0,0,0, 0.1);
}
.site-menubar-light .site-menu>.site-menu-item.open {
	background: rgba(53,131,202,.05)
}
.site-menubar-light .site-menu>.site-menu-item.open>a {
	color: #62a8ea
}
.site-menubar-light .site-menu>.site-menu-item.hover, .site-menubar-light .site-menu>.site-menu-item:hover {
	background-color: rgba(53,131,202,.05)
}
.site-menubar-light .site-menu>.site-menu-item.hover>a, .site-menubar-light .site-menu>.site-menu-item:hover>a {
	color: #62a8ea
}
.site-menubar-light .site-menu>.site-menu-item.active {
	background: rgba(53,131,202,.05)
}
.site-menubar-light .site-menu>.site-menu-item.active>a {
	color: #62a8ea
}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.open {
	background: rgba(53,131,202,.03)
}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.open>a {
	color: #62a8ea
}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover, .site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover {
	background-color: rgba(53,131,202,.03)
}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover>a, .site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover>a {
	color: #62a8ea
}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover.open, .site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover.open {
	background-color: rgba(53,131,202,.03)
}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.active {
	background: rgba(53,131,202,.03)
}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.active>a {
	color: #62a8ea
}
.site-gridmenu {
	position: fixed;
	top: 50px;
	bottom: 0;
	z-index: 1500;
	padding: 20px 0;
	visibility: hidden;
	background-color: #263238;
	opacity: 0
}
.js>.site-gridmenu {
	-webkit-transition: opacity .5s ease 0s, visibility 0s;
	-o-transition: opacity .5s ease 0s, visibility 0s;
	transition: opacity .5s ease 0s, visibility 0s
}
.site-gridmenu-active>.site-gridmenu {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .5s ease 0s;
	-o-transition: opacity .5s ease 0s;
	transition: opacity .5s ease 0s
}
.site-gridmenu-active>.site-gridmenu ul {
	opacity: 1;
	-webkit-transform: rotateX(0);
	transform: rotateX(0)
}
.site-gridmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	opacity: .4;
	-webkit-transition: -webkit-transform .5s ease 0s, opacity .5s ease 0s;
	-o-transition: -o-transform .5s ease 0s, opacity .5s ease 0s;
	transition: transform .5s ease 0s, opacity .5s ease 0s;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg)
}
.site-gridmenu li {
	float: left;
	width: 50%;
	text-align: center
}
.site-gridmenu li>a {
	display: block;
	padding: 30px 15px;
	color: #a3afb7
}
.site-gridmenu li .icon {
	display: block;
	margin-bottom: 10px;
	font-size: 32px
}
.site-gridmenu li:hover>a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background-color: rgba(255,255,255,.02)
}
body.site-gridmenu-active {
	overflow: hidden
}
.site-gridmenu-toggle:after {
	position: relative;
	top: -1px;
	right: -3px;
	display: inline-block;
	font-family: 'Web Icons';
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	content: '\f183';
	opacity: 0;
	-webkit-transition: opacity .15s;
	-o-transition: opacity .15s;
	transition: opacity .15s;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	text-rendering: auto;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.site-gridmenu-active .site-gridmenu-toggle:after {
	opacity: 1
}

/* End Global left menu 
========================================================================== */
/* Page 
========================================================================== */
.page {
	position: relative;
	min-height: -webkit-calc(100% - 0px);
	min-height: calc(100% - 0px);
	background: #f1f4f5
}
.page-content {
	padding: 20px;
}
.page-content:blank
{
    display:none;
}


.site-menubar-unfold .page, .site-menubar-unfold .site-footer {
	margin-left: 260px
}
 @media (max-width:767px) {
.page {
	min-height: -webkit-calc(100% - 0px);
	min-height: calc(100% - 0px)
}
}
.page-header+.page-content {
	padding-top: 0
}
.page-title {
	margin-top: 0;
	margin-bottom: 0;
	/*font-size: 26px*/
}
.page-title>.icon {
	margin-right: .3em
}
.page-description {
	color: #a3afb7
}
.page-header {
	position: relative;
	padding: 20px;
	margin-top: 0;
	margin-bottom: 0;
	background: rgba(0,0,0, 0.1);;
	border-bottom: none
}
.page-header-actions {
	position: absolute;
	top: 50%;
	right: 30px;
	margin: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.page-header-actions .btn-icon {
	margin-left: 6px
}
.page-header-actions>* {
	margin-bottom: 0
}
.page-header .breadcrumb {

	padding: 0;
	margin: 0
}
.page-header-bordered {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	background-color: #fff;
	border-bottom: 1px solid transparent
}
.page-header-tabs {
	padding-bottom: 0
}
.page-header-tabs .nav-tabs-line {
	margin-top: 5px;
	border-bottom-color: transparent
}
.page-header-tabs .nav-tabs-line>li>a {
	padding: 5px 20px
}
.page-aside {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 350px;
	overflow-y: hidden;
	background: #fff;
	border-right: 1px solid #e4eaec;
	-webkit-transition: visibility .1s ease, top .3s ease, left .5s ease;
	-o-transition: visibility .1s ease, top .3s ease, left .5s ease;
	transition: visibility .1s ease, top .3s ease, left .5s ease
}
.page-aside+.page-main {
	margin-left: 350px
}
/*.large-aside .page-aside+.page-main {
	margin-left: 580px
}*/

.page-aside .list-group-item.active, .page-aside .list-group-item.active:focus, .page-aside .list-group-item.active:hover {
	z-index: 0
}
.page-aside-fixed .page-aside {
	position: fixed;
	top: 50px;
	height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px)
}
.page-aside-fixed .page-aside-inner {
	height: 100%;
	overflow-y: scroll
}
.page-aside-fixed .site-footer {
	margin-left: 260px
}
.page-aside-section {
	position: relative
}
.page-aside-section:first-child {
	padding-top: 22px
}
.page-aside-section:last-child {
	margin-bottom: 22px
}
.page-aside-section:after {
	position: relative;
	display: block;
	margin: 22px;
	content: '';
	border-bottom: 1px solid #e4eaec
}
.page-aside-section:last-child:after {
	display: none
}
.page-aside-switch {
	position: absolute;
	top: -webkit-calc(50% - 25px);
	top: calc(50% - 25px);
	left: -webkit-calc(100% - 1px);
	left: calc(100% - 1px);
	display: none;
	padding: 15px 8px 15px 4px;
	line-height: 1;
	cursor: pointer;
	background-color: #fff;
	border-radius: 0 100px 100px 0;
	-webkit-box-shadow: 1px 0 3px rgba(0,0,0,.2);
	box-shadow: 1px 0 3px rgba(0,0,0,.2)
}
.page-aside-switch .wb-chevron-right {
	display: inline
}
.page-aside-switch .wb-chevron-left {
	display: none
}
.page-aside-title {
	padding: 10px 30px;
	margin: 20px 0 10px;
	overflow: hidden;
	font-weight: 500;
	color: #526069;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default
}
.page-aside .list-group {
	margin-bottom: 22px
}
.page-aside .list-group-item {
	padding: 13px 30px;
	margin-bottom: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: none
}
.page-aside .list-group-item .icon {
	color: #a3afb7
}
.page-aside .list-group-item .item-right {
	float: right
}
.page-aside .list-group-item:focus, .page-aside .list-group-item:hover {
	color: #62a8ea;
	background-color: #f3f7f9;
	border: none
}
.page-aside .list-group-item:focus>.icon, .page-aside .list-group-item:hover>.icon {
	color: #62a8ea
}
.page-aside .list-group-item.active {
	color: #62a8ea;
	background-color: transparent
}
.page-aside .list-group-item.active>.icon {
	color: #62a8ea
}
.page-aside .list-group-item.active:focus, .page-aside .list-group-item.active:hover {
	color: #62a8ea;
	background-color: #f3f7f9;
	border: none
}
.page-aside .list-group-item.active:focus>.icon, .page-aside .list-group-item.active:hover>.icon {
	color: #62a8ea
}
.page-aside .list-group.has-actions .list-group-item {
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 36px;
	cursor: pointer
}
.page-aside .list-group.has-actions .list-group-item .list-editable {
	position: relative;
	display: none
}
.page-aside .list-group.has-actions .list-group-item .list-editable .input-editable-close {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	-webkit-appearance: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: rgba(0,0,0, 0.1);;
	border: 0;
	outline: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.page-aside .list-group.has-actions .list-group-item .list-editable .form-group {
	margin: 0
}
.page-aside .list-group.has-actions .list-group-item .item-actions {
	position: absolute;
	top: 6px;
	right: 20px;
	display: none
}
.page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon {
	padding-right: 2px;
	padding-left: 2px;
	background-color: transparent
}
.page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon:hover .icon {
	color: #62a8ea
}
.page-aside .list-group.has-actions .list-group-item .item-actions .icon {
	margin: 0
}
.page-aside .list-group.has-actions .list-group-item:hover .item-right {
	display: none
}
.page-aside .list-group.has-actions .list-group-item:hover .item-actions {
	display: block
}
.page-aside .list-group.has-actions .list-group-item:hover .item-actions .icon {
	color: #76838f
}
@media (max-width:1199px) {
.page-aside {
	width: 260px
}
.page-aside+.page-main {
	margin-left: 260px
}
.page-aside-fixed .site-footer {
	margin-left: 260px
}
}
@media (max-width:767px) {
.page-aside {
	position: fixed;
	top: 50px;
	left: -260px;
	z-index: 1100;
	width: 260px;
	height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px);
	overflow-y: visible;
	visibility: visible;
	border-color: transparent
}
.site-navbar-collapse-show .page-aside {
	top: 132px;
	height: -webkit-calc(100% - 132px);
	height: calc(100% - 132px)
}
.site-menubar-changing .page-aside, .site-menubar-open .page-aside {
	height: 100%
}
.page-aside .page-aside-inner {
	height: 100%;
	background-color: #fff;
	border-right: 1px solid #e4eaec
}
.page-aside.open {
	left: 0
}
.site-menubar-changing .page-aside.open, .site-menubar-open .page-aside.open {
	visibility: hidden
}
.page-aside.open .page-aside-switch .wb-chevron-right {
	display: none
}
.page-aside.open .page-aside-switch .wb-chevron-left {
	display: inline
}
.page-aside+.page-main {
	margin-left: 0
}
.page-aside-fixed .page-aside {
	left: -260px!important
}
.page-aside-fixed .page-aside.open {
	left: 0!important
}
.page-aside-fixed .site-footer {
	margin-left: 0!important
}
.page-aside-switch {
	display: block
}
}
/* End Page 
========================================================================== */
/* Footer 
========================================================================== */
.site-footer {
	height: 44px;
	padding: 10px 30px;
	background-color: rgba(0,0,0,.02);
	border-top: 1px solid #e4eaec
}
.site-footer:after, .site-footer:before {
	display: table;
	content: " "
}
.site-footer:after {
	clear: both
}
 @media (max-width:480px) {
.site-footer {
	height: 50px
}
}
@media (max-width:480px) {
.site-footer-actions, .site-footer-legal, .site-footer-right {
	display: block;
	float: none;
	text-align: center
}
}
/* End Footer 
========================================================================== */
.layout-full {
	height: 100%
}
body.layout-full {
	padding-top: 0
}
.layout-full .page {
	height: 100%;
	padding: 0;
	margin: 0!important;
	background-color: transparent
}
.layout-full>.loader {
	margin-left: 0!important
}
.site-menubar-fold .app-logo{
	display:none;
}
.site-menubar-fold .page, .site-menubar-fold .site-footer {
	margin-left: 90px
}
.site-menubar-fold.page-aside-fixed .page-aside {
	left: 90px
}
.site-menubar-fold.page-aside-fixed .site-footer {
	margin-left: 350px
}
@media (min-width:768px) {
.site-menubar-fold .site-navbar .navbar-header {
	width: 260px
}
}
@media (min-width:768px) {
.site-menubar-fold .site-navbar .navbar-container {
	margin-left: 90px
}
}
.site-menubar-fold .site-navbar .navbar-brand {
	float: none;
	text-align: center
}
.site-menubar-fold .site-navbar .navbar-brand-text {
	display: none
}
.site-menubar-fold .site-menu {
	overflow: visible
}
.site-menubar-fold .site-menu-category {
	height: 2px;
	margin: 0;
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background: #17b3a3  
}
.site-menubar-fold .site-menu-category:first-child {
	visibility: hidden
}
.site-menubar-fold .site-menu>.site-menu-item {
	font-size: 14px
}
.site-menubar-fold .site-menu>.site-menu-item>a {
	height: 60px;
	line-height: 60px
}
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon, .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	text-align: center;
	-webkit-transition: visibility .25s, opacity .25s;
	-o-transition: visibility .25s, opacity .25s;
	transition: visibility .25s, opacity .25s
}
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-arrow {
	visibility: hidden;
	-webkit-transition: visibility 0;
	-o-transition: visibility 0;
	transition: visibility 0
}
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-title, .site-menubar-fold   .site-menubar-footer , .site-menubar-fold   .site-menubar-section  {
	visibility: hidden;
	opacity: 0
}

.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon {
	margin-right: 0;
	font-size: 27px;
	visibility: visible;
	opacity: 1;
	/*margin: 19px 30px;*/
	margin-top:22px
}

.site-menubar-fold .site-menu>.site-menu-item>a .custom-site-menu-icon  {margin:19px 33px; width:24px}
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-badge {
	top: -15px;
	left: 50px
}
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-label {
	display: none
}
.site-menubar-fold .site-menu>.site-menu-item.active {
	border-top: none;
	border-bottom: none
}
.site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-icon, .site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-icon, .site-menubar-fold .site-menu>.site-menu-item.open>a .site-menu-icon {
	visibility: hidden;
	opacity: 0
}
.site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-title, .site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-title, .site-menubar-fold .site-menu>.site-menu-item.open>a .site-menu-title {
	visibility: visible;
	opacity: 1
}
.site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-badge, .site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-badge, .site-menubar-fold .site-menu>.site-menu-item.open>a .site-menu-badge {
	display: none
}
.site-menubar-fold .site-menu .site-menu-sub .site-menu-sub {
	display: none
}
.site-menubar-fold .site-menu .site-menu-sub .site-menu-item.open>a .site-menu-arrow {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}
.site-menubar-fold .site-menu .site-menu-sub .site-menu-item.open>.site-menu-sub {
	display: block
}
.site-menubar-fold .site-menu .site-menu-sub .site-menu-item:not(.open)>a .site-menu-arrow {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}
.site-menubar-fold .site-menu .site-menu-sub .site-menu-item:not(.open)>.site-menu-sub {
	display: none
}
.site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub {
	position: absolute;
	top: 0;
	left: 90px;
	width: 240px;
	overflow-y: auto;
	visibility: hidden;
	background: #17b3a3  ;
	opacity: 0;
	-webkit-transition: visibility .25s, opacity .25s;
	-o-transition: visibility .25s, opacity .25s;
	transition: visibility .25s, opacity .25s
}
.site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub-up {
	top: auto;
	bottom: 0
}
.site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub .site-menu-item>a {
	padding: 0 30px
}
.site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub .site-menu-icon {
	margin-right: .5em
}
.site-menubar-fold .site-menu>.site-menu-item.hover>.site-menu-sub {
	visibility: visible;
	opacity: 1
}
.site-menubar-fold .site-menubar-light .site-menu-category {
	background: rgba(53,131,202,.05)
}
.site-menubar-fold .site-menubar-light .site-menu>.site-menu-item>.site-menu-sub {
	background: #f3f8fb;
	-webkit-box-shadow: 2px 1px 2px rgba(0,0,0,.08);
	box-shadow: 2px 1px 2px rgba(0,0,0,.08)
}
.site-menubar-fold .site-menubar {
	width: 90px
}
.site-menubar-fold .site-menubar-section {
	padding: 30px;
	margin-top: 0;
	border-top: 2px solid #17b3a3  ;
	border-bottom: 2px solid #17b3a3  
}
.site-menubar-fold .site-menubar-section>h4, .site-menubar-fold .site-menubar-section>h5 {
	display: none
}
.site-menubar-fold .site-menubar-light .site-menubar-section {
	border-top: 2px solid rgba(53,131,202,.05);
	border-bottom: 2px solid rgba(53,131,202,.05)
}
.site-menubar-fold .site-gridmenu {
	width: 90px
}
.site-menubar-fold .site-gridmenu li {
	float: none;
	width: 100%
}
.site-menubar-fold .site-gridmenu li>a {
	padding: 15px 0
}
.site-menubar-fold .site-gridmenu-toggle:after {
	display: none
}
.site-menubar-fold .site-menubar-footer {
	width: 90px
}
.site-menubar-fold .site-menubar-footer>a {
	display: none
}
.site-menubar-fold .site-menubar-footer>a.fold-show {
	display: block;
	float: none;
	width: 100%
}
.site-menubar-fold.site-menubar-changing .site-menu>.site-menu-item>.site-menu-sub {
	display: none
}
.site-menubar-unfold .page, .site-menubar-unfold .site-footer {
	margin-left: 260px
}
.site-menubar-unfold.page-aside-fixed .page-aside {
	left: 260px
}
.site-menubar-unfold.page-aside-fixed .site-footer {
	margin-left: 520px
}
@media (min-width:768px) {
.site-menubar-unfold .site-navbar .navbar-header {
	width: 260px
}
}
@media (min-width:768px) {
.site-menubar-unfold .site-navbar .navbar-container {
	margin-left: 260px
}
}
.site-menubar-unfold .site-menu-category {
	padding: 0 24px;
	margin-top: 20px;
	font-size: 15px;
	line-height: 38px;
	color: #76838f;
	text-transform: uppercase;
	-webkit-transition: all .25s, font .1s .15s, color .1s .15s;
	-o-transition: all .25s, font .1s .15s, color .1s .15s;
	transition: all .25s, font .1s .15s, color .1s .15s
}
.site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title {
	font-size: 14px
}
.site-menubar-unfold .site-menu-icon {
	margin-right: 10px
}
.site-menubar-unfold .site-menu-title {
	display: inline-block;
	max-width: 160px
}
.site-menubar-unfold .site-menu-title:first-child {
	margin-left: 22px
}
.site-menubar-unfold .site-menu .site-menu-sub {
	display: none
}
.site-menubar-unfold .site-menu-item {
	line-height: 34px;
	-webkit-transition: -webkit-transform .1s, all .25s, border 0;
	-o-transition: -o-transform .1s, all .25s, border 0;
	transition: transform .1s, all .25s, border 0
}
.site-menubar-unfold .site-menu-item.open>a .site-menu-arrow {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}
.site-menubar-unfold .site-menu-item.open>.site-menu-sub {
	display: block;
	border-left:2px solid #cccc66;
}
.site-menubar-unfold .site-menu-item:not(.open)>a .site-menu-arrow {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}
.site-menubar-unfold .site-menu-item:not(.open)>.site-menu-sub {
	display: none
}
.site-menubar-unfold .site-menu>.site-menu-item>a {
	padding: 0 15px;
	line-height: 38px
}
.site-menubar-unfold.site-menubar-native .site-menubar-body {
	overflow-y: scroll
}
.site-menubar-unfold .site-menubar {
	width: 260px
}
.site-menubar-unfold .site-gridmenu {
	width: 260px
}
.site-menubar-unfold .site-menubar-footer {
	width: 260px
}
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:before {
	width: .6em;
	-webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg);
	transform: translate3d(.45em, .1em, 0) rotate(45deg)
}
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar {
	border-radius: .2em
}
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:after {
	width: .6em;
	-webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg);
	transform: translate3d(.45em, -.1em, 0) rotate(-45deg)
}
@media screen and (min-width:768px) and (max-width:1199px) {
.site-menubar-unfold.page-aside-fixed .site-footer {
	margin-left: 480px
}
}
@media (max-width:767px) {
.site-menubar-unfold .page, .site-menubar-unfold .site-footer {
	margin-left: auto
}
.site-menubar-unfold .site-navbar .navbar-container {
	margin-left: auto
}
.site-menubar-open .page, .site-menubar-open .site-footer {
	-webkit-transform: translate3d(260px, 0, 0);
	-ms-transform: translate(260px, 0);
	-ms-transform: translate3d(260px, 0, 0);
	transform: translate3d(260px, 0, 0)
}
.site-menubar-changing {
	overflow: hidden
}
.site-menubar-changing .page, .site-menubar-changing .site-footer {
	-webkit-transition: -webkit-transform .25s;
	-o-transition: -o-transform .25s;
	transition: transform .25s
}
.site-gridmenu {
	width: 100%!important;
	background: rgba(38,50,56,.9)
}
.site-menubar-hide .site-menubar, .site-menubar-open .site-menubar {
	-webkit-transition: -webkit-transform .25s, top .35s, height .35s;
	-o-transition: -o-transform .25s, top .35s, height .35s;
	transition: transform .25s, top .35s, height .35s
}
.site-menubar-open .site-menubar {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
 @media (max-width:767px) {
.site-menubar {
	top: 50px;
	height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px);
	-webkit-transform: translate3d(-260px, 0, 0);
	-ms-transform: translate(-260px, 0);
	-ms-transform: translate3d(-260px, 0, 0);
	transform: translate3d(-260px, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000
}
.site-navbar-collapse-show .site-menubar {
	top: 132px;
	height: -webkit-calc(100% - 132px);
	height: calc(100% - 132px)
}
.site-menubar-footer {
	visibility: hidden
}

.site-menubar-open .site-menubar-footer {
	visibility: visible
}
.disable-scrolling {
	height: 100%;
	overflow: hidden
}
body.site-menubar-open {
	height: 100%;
	overflow: hidden
}
body.site-menubar-open .page {
	height: 100%;
	overflow: hidden;
	pointer-events: none
}
}
.vertical-align {
    font-size: 0;
}
.vertical-align::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.full-vertical-display {
	font-size:14px;
    display: inline-block;
    max-width: 100%;
}
.loading-wrapper{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.2);
	height:51px; 
	text-align:center;
	vertical-align:middle;
	padding:13px 5px;
	font-style:italic;
	font-size:15px;
}
.loading-wrapper i{
	font-size:18px
}