/*
|
| Changes in other files
| style.css > line: 54 > code commented to avoid focus color on nav links;
| titlebar.php > line: 21 > hide sidebar minimize button
| titlebar.php > line: 35 > logo added;
|
*/




/*small views*/
@media (max-width: 768px)
{
	body .navbar-static-side{
		display: block !important;
		left: -266px;
		transition: left 0.4s ease;
	}

	body.cs-menu-show .navbar-static-side{
		left: 0;
	}

	.fixed-sidebar.body-small .navbar-static-side {
		width: 265px;
	}

	#side-menu{
		margin-top: 30px;
	}

	#side-menu .nav-header{
		display: none !important;
	}

	#cs-mob-vw-image {
		display: block !important;
		position: absolute;
		top: 15px;
		left: 15px;
		z-index: 1001;
	}

	#cs-mob-vw-image img{
		max-width: 100px;
	}
}


/*large views*/
@media (min-width: 768px)
{
	#page-wrapper {
	  margin: 0 0 0 265px;
	}
	.navbar-static-side {
	  width: 265px;
	}

	.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer {
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		-o-transition: all 0s;
		transition: all 0s;
	}

	/*nav*/
	body.cs-menu-minimized .navbar-static-side{
		width: 70px !important;
	}

	body.cs-menu-minimized #side-menu > .nav-header .profile-element{ display: none !important; }
	body.cs-menu-minimized #side-menu > .nav-header .logo-element{ display: block !important; }
	body.cs-menu-minimized #side-menu > li > a > .nav-label{ display: none !important; }
	body.cs-menu-minimized #side-menu > li > a > .arrow{ display: none !important; }
	body.cs-menu-minimized #side-menu > li .nav-second-level{ display: none !important; }
	/*nav*/

	/*content*/
	body.cs-menu-minimized #page-wrapper, body.cs-menu-minimized-hovered #page-wrapper{
		margin: 0 0 0 70px !important;
	}
	/*content*/
}





body {
	background-color: #181C32;
}

.sidebar-collapse{
	position: relative;
	height: 100%;
}

#cs-mob-vw-image {
	display: none;
}

.logo-element {
	padding: 17px 0 !important;
}

.footer.fixed {
	margin-left: 0 !important;
}

body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side {
	width: 265px;
}


.navbar-static-side {
	background-color: #181C32 !important;
	border-color: #181C32 !important;
}

.navbar-static-side .nav-header {
	background-color: #181C32 !important;
	background-image: none;
}

.navbar-static-side .nav > li > a {
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #9899ac;
	padding: 12px 20px 12px 25px;
}

.navbar-static-side .nav > li.active > a{
	color: #fff;
}

.navbar-static-side .nav > li.active {
	border-left: none;
	background: #1D233A !important;
}

.navbar-static-side .nav > li > a:hover {
	background-color: #1D233A !important;
	color: #ffffff;
}

/*just to ignore focues background forcefully delivered by nav.less*/
.nav > li > a:focus{
	background-color: transparent !important;
}

.navbar-static-side .nav > li > a i {
	margin-right: 13px;
	color: #2b9c1b !important;
	font-size: 20px;
	vertical-align: middle;
	display: inline-block;
	width: 18px;
}

.navbar-static-side .nav > li.active > a > i{
	color: #2b9c1b !important;
}

.navbar-static-side .nav > li > a:hover i {
	color: #2b9c1b !important;
}
/*.navbar-static-side .nav > li > a:focus i {
	color: #1BC5BD !important;
}*/


/*1st level right icon settings*/

.arrow, .metismenu .arrow {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.metismenu .fa.arrow::before {
	content: "\f105" !important;
}

.fa.arrow::before {
	content: "\f105" !important;
}

.metismenu .active > a > .fa.arrow {
	transform: rotate(90deg);
}
/*1st level right icon settings*/


.navbar-static-side ul.nav-second-level {
	background: #181C32 !important;
}

.navbar-static-side .nav-second-level > li > a {
	padding: 10px 10px 10px 52px !important;
}

.navbar-static-side .nav-second-level > li > a::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f1db";
	font-size: 5px;
	text-rendering: auto;
	vertical-align: middle;
	position: relative;
	left: -10px;
	font-size: 12px;
	font-weight: 900 !important;
	color: #2b9c1b;
}

.navbar-static-side .nav-second-level > li.active > a::before, .navbar-static-side .nav-second-level > li:hover > a::before{
	color: #2b9c1b !important;
}












/*top bar styling*/

.navbar-fixed-top, .navbar-static-top {
	background: #181C32 !important;
}

.navbar-static-top .nav > li > a i {
	color: #2b9c1b !important;
	font-size: 18px;
	transition: all 0.3s ease;
}

body.cs-menu-minimized .navbar-static-top .nav > li.mbl-vw-nv-elem-sidebar > a i,
body.cs-menu-minimized-hovered .navbar-static-top .nav > li.mbl-vw-nv-elem-sidebar > a i {
	transform: scale(1.3);
}

.navbar-header .cs-btn-top-nav {
	color: #fff;
	padding: 8px 12px;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
	transition: all 0.3s ease;
	margin-top: 10px;
	/*font-size: 12px;*/
}

.navbar-header .cs-btn-top-nav > i {
	vertical-align: middle;
	color: inherit;
	margin-right: 10px;
}
.customer-dp-btn{
	background: transparent !important;
	padding: 8px 10px;
	color: #fff !important;
	background: #2b9c1b !important;
	border: 1px solid #fff !important;
}

@media (min-width: 768px)
{
	.navbar-header .cs-btn-top-nav.cs-col-primary{ color: #fff !important; background: #2b9c1b !important; }
	.navbar-header .cs-btn-top-nav.cs-col-warning{ color: #FFA800 !important; }
	.navbar-header .cs-btn-top-nav.cs-col-danger{ color: #EE2D41 !important; }
	.navbar-header .cs-btn-top-nav.cs-col-default{ color: #9899ac !important; }

	.navbar-header .cs-btn-top-nav.cs-col-bd-primary{ border: 1px solid #fff !important; }
	.navbar-header .cs-btn-top-nav.cs-col-bd-warning{ border: 1px solid #FFA800 !important; }
	.navbar-header .cs-btn-top-nav.cs-col-bd-danger{ border: 1px solid #EE2D41 !important; }
	.navbar-header .cs-btn-top-nav.cs-col-bd-default{ border: 1px solid #9899ac !important; }


	.mbl-vw-nv-elem-top-nav{
		display: none !important;
	}

	/*.mbl-vw-nv-elem-sidebar{
		display: none !important;
	}*/
}

@media (max-width: 768px)
{
  .navbar-header {
  	position: fixed;
  	background: #181C32;
  	top: 0;
  	left: -265px; 
  	width: 265px !important;
  	min-height: 100vh;
  	transition: left 0.4s ease;
  	z-index: 2002;
  }

  .customer-dp-btn{
  	background: transparent !important;
  	border: none !important;
  	color: #a2a3b7 !important;
  }

  body.cs-top-visible .navbar-header{
  	left: 0px;
  }

  #mob-head-btn-icon {
  	padding-top: 30px;
  }

  .nav.navbar-top-links{
  	text-align: right;
  }

  .navbar-header .cs-btn-top-nav {
		color: #a2a3b7;
		padding: 9px 25px;
		display: block;
		min-height: 44px;
		background-color: transparent;
		transition: all 0.3s ease;
	}

  .navbar-header .cs-btn-top-nav > i {
		margin-right: 22px !important;
		display: inline-block;
		width: 10px;
		transition: all 0.3s ease;
	}

	.navbar-header .cs-btn-top-nav:hover{
		background-color: #1D233A !important;
	}

	.navbar-header .cs-btn-top-nav:hover > i{
		color: #1BC5BD !important;
	}
}

/*top bar styling*/





/*sidebar scroll styling*/
.ps__rail-y{
	right: 2px !important;
	width: 4px !important;
	background-color: transparent !important;
}

.ps__rail-y:hover {
	width: 4px !important;
	background-color: transparent !important;
}

.ps__thumb-y {
	background-color: #637099 !important;
	width: 4px !important;
}

.ps__thumb-y:hover {
	background-color: #637099 !important;
	width: 4px !important;
}
/*sidebar scroll styling*/