@font-face {
    font-family: 'LoraBold';
    src: url('Fonts/lora-bold.woff') format('woff'),
		 url('Fonts/lora-bold.woff2') format('woff2'),
         url('Fonts/lora-bold.ttf') format('truetype');
	}
@font-face {
    font-family: 'LoraRegular';
    src: url('Fonts/lora-regular.woff') format('woff'),
		 url('Fonts/lora-regular.woff2') format('woff2'),
         url('Fonts/lora-regular.ttf') format('truetype');
	}	
@font-face {
    font-family: 'Roboto Cond Light';
    src: url('Fonts/RobotoCondensed-Light.eot');
    src: url('Fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
         url('Fonts/RobotoCondensed-Light.woff') format('woff'),
         url('Fonts/RobotoCondensed-Light.ttf') format('truetype'),
         url('Fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg');
	}
@font-face {
    font-family: 'Roboto Cond Regular';
    src: url('Fonts/RobotoCondensed-Regular.eot');
    src: url('Fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
         url('Fonts/RobotoCondensed-Regular.woff') format('woff'),
         url('Fonts/RobotoCondensed-Regular.ttf') format('truetype'),
         url('Fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
	}
@font-face {
    font-family: 'Open Sans Regular';
    src: url('Fonts/Open-Sans-regular.eot');
    src: url('Fonts/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Open-Sans-regular.woff2') format('woff2'),
         url('Fonts/Open-Sans-regular.woff') format('woff'),
         url('Fonts/Open-Sans-regular.ttf') format('truetype'),
         url('Fonts/Open-Sans-regular.svg#Open Sans regular') format('svg');
	}
@font-face {
    font-family: 'Open Sans 600';
    src: url('Fonts/Open Sans 600-webfont.eot');
    src: url('Fonts/Open Sans 600-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Open Sans 600-webfont.woff2') format('woff2'),
         url('Fonts/Open Sans 600-webfont.woff') format('woff'),
         url('Fonts/Open Sans 600-webfont.ttf') format('truetype');
	}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("Fonts/fa-brands-400.eot");
  src: url("Fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), 
  url("Fonts/fa-brands-400.woff2") format("woff2"), 
  url("Fonts/fa-brands-400.woff") format("woff"), 
  url("Fonts/fa-brands-400.ttf") format("truetype"), 
  url("Fonts/fa-brands-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("Fonts/fa-regular-400.eot");
  src: url("Fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
  url("Fonts/fa-regular-400.woff2") format("woff2"), 
  url("Fonts/fa-regular-400.woff") format("woff"), 
  url("Fonts/fa-regular-400.ttf") format("truetype"), 
  url("Fonts/fa-regular-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("Fonts/fa-solid-900.eot");
  src: url("Fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
  url("Fonts/fa-solid-900.woff2") format("woff2"), 
  url("Fonts/fa-solid-900.woff") format("woff"), 
  url("Fonts/fa-solid-900.ttf") format("truetype"), 
  url("Fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fab {font-family: 'Font Awesome 5 Brands'; }
.far {font-family: 'Font Awesome 5 Free'; font-weight: 400; }
.fa, .fas {font-family: 'Font Awesome 5 Free'; font-weight: 900; }
	
/* Basic */
html {
	min-height: 100%;
	position: relative;
	}
body {
	margin: 0;
	background-color:#edf1f5;
	overflow-x: hidden;
	}
footer{
	position: absolute;
	bottom: 50px;
	margin-top: -300px; 
	width:100%;
	clear: both;
	}
#backtop a > i, #backtop a:link > i, #backtop a:active > i, #backtop a:hover > i, #backtop a, #backtop a:link, #backtop a:active, #backtop a:hover{
	margin-left:49%;
	text-align:center; 	
	font-size:32px;
	font-weight:700;
	margin-top:0px;
	border:0;
	text-decoration:none;
    outline: none;
	padding:10px;
	position: absolute;
	bottom: 0;
	}	
body, input, select, textarea, p, label , .p, .label {
	color: #333;
	font-family: 'Open Sans Regular', arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	}
	#footer{
		position: absolute;
		bottom: 0px;
		height: 50px;
		width: 100%;
		clear: both;
		padding: 1em 2em 0 7em;
		background: #f6f6f6;
		z-index: 999;
		border-top: 1px solid #d8d8d8;
		margin-top: 64px;
	}
	#footer a, #footer span{
	font-size: 12px;
	color: #6f6f6f !important;
	font-weight:400;
	opacity: 1 !important;
	padding: 0px;
	margin-top: 0;
	margin-right: 20px;
	}
small, .small {
    line-height: normal;
	}
.body-customer, .p-customer, .label-customer {
	color: #333;
	font-family: 'Roboto Cond Light', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	}
p, .p, .p-customer {
	margin: 0 0 1em 0;
	}
a, a:link, a:visited, a.link, a.visited {
	color: #00adef;
	text-decoration: none;
	outline: none;
	}
	a:hover, a:active, a:focus, a.hover, a.active, a.focus {
		color: #212529;
		text-decoration: none;
		outline: none;
		}
strong, b {
	color: #333;
	font-weight: 700;
	}
em, i {
	font-style: italic;
	}
h1, h2, h3, h4, h5, h6 , .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #181818;
	line-height:1.3;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
		color: inherit;
		text-decoration: none;
		}
	h1, .h1 {
		font-family: 'Roboto Cond Light', sans-serif;
		font-weight: 300;
		font-size: 42px;	
		}
	h2, .h2 {
		font-family: 'Roboto Cond Light', sans-serif;
		font-weight: 300;
		font-size: 36px;		
		}
	h3, .h3 {
		font-family: 'Open Sans Regular', sans-serif;
		font-weight: 400;
		font-size: 28px;	
		}
	h4, .h4 {
		font-family: 'Roboto Cond Regular', sans-serif;
		font-weight: 400;
		font-size: 24px;	
		}
	h4.customer-title, .h4.customer-title {
		font-family: LoraRegular, serif;
		transform:scale(1,1.4); 
		-webkit-transform:scale(1,1.4);
		letter-spacing:0.5;
		font-weight: 400;
		font-size: 24px;	
		}	
	h5, .h5 {
		font-family: 'Roboto Cond Regular', sans-serif;
		font-weight: 400;
		font-size: 20px;	
		}
	h5.customer-title, .h5.customer-title, .h5.customer-title > span {
		font-family: LoraRegular, serif;
		transform:scale(1,1.4); 
		-webkit-transform:scale(1,1.4);
		letter-spacing:0.5;
		font-weight: 400;
		font-size: 20px;	
		}	
	h6, .h6 {
		font-family: 'Roboto Cond Regular', sans-serif;
		font-weight: 400;
		font-size: 16px;
		}
@media (max-width: 576px) {
	h1, .h1 {
		font-size: 36px;	
		}
	h2, .h2 {
		font-size: 28px;		
		}
	h3, .h3 {
		font-size: 24px;	
		}
	h4, .h4 {
		font-size: 20px;	
		}
	h4.customer-title, .h4.customer-title {
		font-size: 16px;	
		}	
	h5, .h5 {
		font-size: 18px;	
		}
	h5.customer-title, .h5.customer-title, .h5.customer-title > span {
		font-size: 15px;	
		}
	h6, .h6 {
		font-size: 16px;
		}
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	line-height:1.2;
	}
p.subtitle, label.subtitle , .p.subtitle, .label.subtitle {
	color: #333;
	font-family: 'Roboto Cond Regular', sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5em;
	}
.p-customer.subtitle, .label-customer.subtitle {
	color: #333;
	font-family: 'Open Sans 600', sans-serif;
	font-weight: 600;
	font-size: 0.875em;
	line-height: 1.4em;
	}
.caption {
	font-family: 'Roboto Cond Regular', sans-serif;
	font-weight: 400;
	font-size: 10pt;
	}
.overline {
	font-family: 'Roboto Cond Regular', sans-serif;
	font-weight: 400;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing:0.2em;
	}
sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
	}
sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
	}
hr {
	border: 0;
	border-bottom: solid 1px rgba(144, 144, 144, 0.25);
	margin: 2em 0;
	}
blockquote {
	border-left: solid 4px rgba(144, 144, 144, 0.25);
	font-style: italic;
	margin: 0 0 2em 0;
	padding: 0.5em 0 0.5em 2em;
	}
    blockquote p {
	    font-size:1.7em;
	    line-height:1.5em;
	    margin-bottom:1em;
	    }
.align-left {
	text-align: left;
	}
.align-center {
	text-align: center;
	}
.align-right {
	text-align: right;
	}
.spacerap {
    white-space:nowrap;
    }

/* Module Login */
.modal-login {
  display: block !important;
  z-index:10000;
}

.modal-dialog {
    margin: 120px auto;
}
@media (min-width: 768px){
	.margin-top-login {
		margin-top:7%;
		}
}
.well-login-top, .well-login-bottom {
    min-height: 20px;
    background-color: #00adef;
    border-radius: 6px;
	}
	.well-login-top{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
	}
	.well-login-bottom {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
.login-brand{
	background-image: url("images/logo_xs.png");
	background-position: left center;
	background-repeat:no-repeat;
	width:100%;
	height:50px;
	}
.login-back{
	    background-attachment:scroll;
	    background-image: url("images/overlay00.png"), url("images/banner.jpg");
		background-position: center top;
		background-size: cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-khtml-background-size:cover; 
		object-fit: cover;
	    margin-left:0px;
	    margin-right:0px;
	    }		
/* End Module Login */	

/*-------------------------------*/
/*    Icons FontAwesome Sizes    */
/*-------------------------------*/
.fa-lg {
	font-size:20px;
	}
.fa-2x {
	font-size:2em;
	}
.fa-3x {
	font-size:3em;
	}
.fa-4x {
	font-size:4em;
	}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
	}
/* End Icons FontAwesome */
/*-------------------------------*/
/*    	      Texts              */
/*-------------------------------*/
.text-xs{
	font-size:14px !important;
	}
.text-md {
    font-size: 16px !important;
	}
.text-lg{
	font-size:18px !important;
	}
.text-xlg{
	font-size:24px !important;
	}
.text-xxlg {
    font-size: 36px !important;
	}
.text-xxxlg {
    font-size: 48px !important;
}
.text-red, .hover-text-red:hover {
    color: #f44336 !important;
	}
.text-alizarin-red, .hover-text-alizarin-red:hover {
    color: #ee5744 !important;
	}
.text-dark-red, .hover-text-dark-red {
    color:#b91d47 !important;
	}
.text-pink, .hover-text-pink:hover {
    color: #e91e63 !important;
	}
.text-purple, .hover-text-purple:hover {
    color: #9c27b0 !important;
	}
.text-deep-purple, .hover-text-deep-purple:hover {
    color: #6852b2 !important;
	}
.text-indigo, .hover-text-indigo:hover {
    color: #3f51b5 !important;
	}
.text-deep-blue, .hover-text-deep-blue:hover {
    color: #002663 !important;
	}
.text-blue, .hover-text-blue:hover {
    color: #2196F3 !important;
	}
.text-light-blue, .hover-text-light-blue:hover {
    color: #87CEEB !important;
	}	
.text-cyan, .hover-text-cyan:hover {
    color: #00bcd4 !important;
	}	
.text-aqua, .hover-text-aqua:hover {
    color: #00ffff !important;
	}	
.text-ariel, .hover-text-ariel:hover {
    color: #11a8bb !important;
	}	
.text-teal, .hover-text-teal:hover {
    color: #47d1af !important;
    }	
.text-green, .hover-text-green:hover {
    color: #47d178 !important;
    }
.text-light-green, .hover-text-light-green:hover {
    color: #8bc34a !important;
	}
.text-lime, .hover-text-lime:hover {
    color: #cddc39 !important;
	}
.text-sand, .hover-text-sand:hover {
    color: #fdf5e6 !important;
	}
.text-khaki, .hover-text-khaki:hover {
    color: #f0e68c !important;
	}
.text-yellow, .hover-text-yellow:hover {
    color: #ffeb3b !important;
	}
.text-amber, .hover-text-amber:hover {
    color: #fdba4b !important;
	}
.text-orange, .hover-text-orange:hover {
    color: #ff9800 !important;
	}
.text-deep-orange, .hover-text-deep-orange:hover {
    color: #ff7444 !important;
	}
.text-blue-grey, .hover-text-blue-grey:hover, .text-blue-gray, .hover-text-blue-gray:hover {
    color: #607d8b !important;
	}
.text-wet-asphalt, .hover-text-wet-asphalt:hover {
    color: #34495e !important;
	}
.text-midnight-blue, .hover-text-midnight-blue:hover {
    color: #2c3e50 !important;
	}
.text-brown, .hover-text-brown:hover {
    color: #795548 !important;
	}
.text-white, .hover-text-white:hover, .text-white, .hover-text-white:hover {
    color: #fff !important;
	}
.text-light-grey, .hover-text-light-grey:hover, .text-light-gray, .hover-text-light-gray:hover {
    color: #f1f1f1 !important;
	}
.text-grey, .hover-text-grey:hover, .text-gray, .hover-text-gray:hover {
    color: #9e9e9e !important;
	}
.text-dark-grey, .hover-text-dark-grey:hover, .text-dark-gray, .hover-text-dark-gray:hover {
    color: #757575 !important;
	}
.text-eli-black, .hover-text-eli-black:hover {
    color: #161616 !important;
	}
.text-black, .hover-text-black:hover {
    color: #000 !important;
	}
.text-old-red, .hover-text-old-red:hover {
    color: #df7879 !important;
	}
.text-pale-red, .hover-text-pale-red:hover {
    color: #ffdddd !important;
	}
.text-pale-yellow, .hover-text-pale-yellow:hover {
    color: #ffffcc !important;
	}
.text-pale-green, .hover-text-pale-green:hover {
    color: #ddffdd !important;
	}
.text-pale-blue, .hover-text-pale-blue:hover {
    color: #ddffff !important;
	}
/* Boostrap texts */
.text-muted {
	color: #adb5bd !important;
	}
.text-primary {
	color: #7460ee !important;
	}
	a.text-primary:hover,
	a.text-primary:focus {
		color: #381be7 !important;
		}
.text-success {
	color: #36bea6 !important;
	}
	a.text-success:hover,
	a.text-success:focus {
		color: #258272 !important;
		}
.text-info {
	color: #009efb !important;
	}
	a.text-info:hover,
	a.text-info:focus {
		color: #006eaf !important;
		}
.text-warning {
	color: #ffbc34 !important;
	}
	a.text-warning:hover,
	a.text-warning:focus {
		color: #e79a00 !important;
		}
.text-danger {
	color: #f62d51 !important;
	}
	a.text-danger:hover,
	a.text-danger:focus {
		color: #ce092c !important;
		}
/* END boostrap texts */ 
/* End Texts */
/*-------------------------------*/
/*    	     Colors              */
/*-------------------------------*/
.red, .hover-red:hover {
    color: #fff !important;
    background-color: #f44336 !important;
	border-color: #f44336 !important;
	}
.alizarin-red, .hover-alizarin-red:hover {
    color: #fff !important;
    background-color: #ee5744 !important;
	border-color: #ee5744 !important;
	}
.dark-red, .hover-dark-red {
    color: #fff !important;
    background-color: #b91d47 !important;
	border-color: #b91d47 !important;
	}
.pink, .hover-pink:hover {
    color: #fff !important;
    background-color: #e91e63 !important;
	border-color: #e91e63 !important;
	}
.purple, .hover-purple:hover {
    color: #fff !important;
    background-color: #9c27b0 !important;
	border-color: #9c27b0 !important;
	}
.deep-purple, .hover-deep-purple:hover {
    color: #fff !important;
    background-color: #6852b2  !important;
	border-color: #6852b2 !important;
	}
.indigo, .hover-indigo:hover {
    color: #fff !important;
    background-color: #3f51b5 !important;
	border-color: #3f51b5 !important;
	}
.deep-blue, .hover-deep-blue:hover {
    color: #fff !important;
    background-color: #002663 !important;
	border-color: #002663 !important;
	}
.blue, .hover-blue:hover {
    color: #fff !important;
    background-color: #2196F3 !important;
	border-color: #2196F3 !important;
	}	
.light-blue, .hover-light-blue:hover {
    color: #000 !important;
    background-color: #87CEEB !important;
	border-color: #87CEEB !important;
	}
.cyan, .hover-cyan:hover {
    color: #fff !important;
    background-color: #00bcd4 !important;
	border-color: #00bcd4 !important;
	}
.aqua, .hover-aqua:hover {
    color: #000 !important;
    background-color: #00ffff !important;
	border-color: #00ffff !important;
	}	
.ariel, .hover-ariel:hover {
    color: #fff !important;
    background-color: #11a8bb !important;
	border-color: #11a8bb !important;
	}	
.teal, .hover-teal:hover {
    color: #fff !important;
    background-color: #47d1af !important;
	border-color: #47d1af !important;
	}
.green, .hover-green:hover {
    color: #fff !important;
    background-color: #47d178 !important;
	border-color: #47d178 !important;
	}
.light-green, .hover-light-green:hover {
    color: #000 !important;
    background-color: #8bc34a !important;
	border-color: #8bc34a !important;
	}
.lime, .hover-lime:hover {
    color: #000 !important;
    background-color: #cddc39 !important;
	border-color: #cddc39 !important;
	}
.sand, .hover-sand:hover {
    color: #111 !important;
    background-color: #fdf5e6 !important;
	border-color: #fdf5e6 !important;
	}
.khaki, .hover-khaki:hover {
    color: #000 !important;
    background-color: #f0e68c !important;
	border-color: #f0e68c !important;
	}
.diferent, .diferent:hover {
    color: #000 !important;
    background-color: #f4eee0 !important;
	border-color: #f4eee0 !important;
	}
.yellow, .hover-yellow:hover {
    color: #000 !important;
    background-color: #ffeb3b !important;
	border-color: #ffeb3b !important;
	}
.amber, .hover-amber:hover {
	color: #111 !important;
    background-color: #fdba4b !important;
	border-color: #fdba4b !important;
	}
.orange, .hover-orange:hover {
    color: #fff !important;
    background-color: #ff9800 !important;
	border-color: #ff9800 !important;
	}
.deep-orange, .hover-deep-orange:hover {
	color: #fff !important;
    background-color: #ff7444 !important;
	border-color: #ff7444 !important;
	}
.blue-grey, .hover-blue-grey:hover, .blue-gray, .hover-blue-gray:hover {
    color: #fff !important;
    background-color: #607d8b !important;
	border-color: #607d8b !important;
	}
.wet-asphalt, .hover-wet-asphalt:hover {
    color: #fff !important;
    background-color: #34495e !important;
	border-color: #34495e !important;
	}
.midnight-blue, .hover-midnight-blue:hover {
    color: #fff !important;
    background-color: #2c3e50 !important;
	border-color: #2c3e50 !important;
	}
.brown, .hover-brown:hover {
    color: #fff !important;
    background-color: #795548 !important;
	border-color: #795548 !important;
	}
.white, .hover-white:hover {
    color: #111 !important;
    background-color: #fff !important;
	border-color: #fff !important;
	}	
.light-grey, .hover-light-grey:hover, .light-gray, .hover-light-gray:hover {
    color: #111 !important;
    background-color: #f1f1f1 !important;
	border-color: #f1f1f1 !important;
	}	
.grey, .hover-grey:hover, .gray, .hover-gray:hover {
    color: #000 !important;
    background-color: #9e9e9e !important;
	border-color: #9e9e9e !important;
	}
.dark-grey, .hover-dark-grey:hover, .dark-gray, .hover-dark-gray:hover {
    color: #fff !important;
    background-color: #757575 !important;
	border-color: #757575 !important;
	}	
.eli-black, .hover-eli-black:hover {
    color: #fff !important;
    background-color: #161616 !important;
	border-color: #161616 !important;
	}
.black, .hover-black:hover {
    color: #fff !important;
    background-color: #000 !important;
	border-color: #000 !important;
	}
.old-red, .hover-old-red:hover {
    color: #fff !important;
    background-color: #df7879 !important;
	border-color: #df7879 !important;
	}
.pale-red, .hover-pale-red:hover {
    color: #000 !important;
    background-color: #ffdddd !important;
	border-color: #ffdddd !important;
	}
.pale-yellow, .hover-pale-yellow:hover {
    color: #000 !important;
    background-color: #ffffcc !important;
	border-color: #ffffcc !important;
	}
.pale-green, .hover-pale-green:hover {
    color: #000 !important;
    background-color: #ddffdd !important;
	border-color: #ddffdd !important;
	}
.pale-blue, .hover-pale-blue:hover {
    color: #000 !important;
    background-color: #ddffff !important;
	border-color: #ddffff !important;
	}
.egg, .hover-egg:hover{
    color: #000 !important;
    background-color: #fdfcf8 !important;
	border-color: #fdfcf8 !important;
	}
/* basics boostrap bg */ 
.bg-primary, .primary {
	color: #fff !important;
	background-color: #044880 !important;
	border-color: #044880 !important;
	}
	a.bg-primary:hover,
	a.bg-primary:focus {
		color: #fff !important;
		background-color: #023259 !important;
		border-color: #023259 !important;
		outline:none !important;
		}
.bg-success, .success {
	color: #fff !important;
    background-color: #36bea6 !important;
    border-color: #36bea6 !important;
	}
	a.bg-success:hover,
	a.bg-success:focus {
		color: #fff !important;
		background-color: #2ea08c !important;
		border-color: #2b9683 !important;
		outline:none !important;
		}
.bg-info, .info {
	color: #fff !important;
	background-color: #009efb !important;
	border-color: #009efb !important;
	}
	a.bg-info:hover,
	a.bg-info:focus {
		color: #fff !important;
		background-color: #0086d5 !important;
		border-color: #007ec8 !important;
		outline:none !important;
		}
.bg-warning, .warning {
	color: #fff !important;
	background-color: #ffbc34 !important;
	border-color: #ffbc34 !important;
	}
	a.bg-warning:hover,
	a.bg-warning:focus {
		color: #fff !important;
		background-color: #ffaf0e !important;
		border-color: #ffab01 !important;
		outline:none !important;
		}
.bg-danger, .danger {
	color: #fff !important;
	background-color: #f62d51 !important;
	border-color: #f62d51 !important;
	}
	a.bg-danger:hover,
	a.bg-danger:focus {
		color: #fff !important;
		background-color: #f20a34 !important;
		border-color: #e60a31 !important;
		outline:none !important;
		}
/* END basics boostrap bg */
/* END Colors */
/*-------------------------------*/
/*    Margins and Padding        */
/*-------------------------------*/
#main{
	padding-left:70px;
	padding-top:50px;
	margin-bottom: 50px;
}
#header{
	padding-left:60px;
}
.margin-t-b-50{
	margin-top:50px;
	margin-bottom:50px;
}
.padding-t-b-32{
	padding-top:32px;
	padding-bottom:32px;
}
/* END Margins and Padding */
/*-------------------------------*/
/*       Boostrap Buttons        */
/*-------------------------------*/
.btn {
    outline: none!important;
    border-radius:0px;
    font-family: 'Roboto Cond Regular', sans-serif;
    font-weight: 400;
    font-size:16px;
    height: 38px !important;
 }
.btn-default {
	color: #000 !important;
	background-color: #ececec;
	border-color: #ececec;
	}
.btn-outline-default {
	color: #000 !important;
	background-color:transparent;
	border-color: #ececec;
	}
	.btn-default:focus,
	.btn-default.focus, 
	.btn-default:hover,
	.btn-default:active,
	.btn-default.active,
	.btn-outline-default:focus,
	.btn-outline-default.focus, 
	.btn-outline-default:hover, 
	.btn-outline-default:active,
	.btn-outline-default.active,
	.open > .dropdown-toggle.btn-default {
		color: #212529 !important;
		background-color: #e2e6ea;
		border-color: #dae0e5;
		outline:none;
		}
	.btn-default:active:hover,
	.btn-default.active:hover,
	.open > .dropdown-toggle.btn-default:hover,
	.btn-default:active:focus,
	.btn-default.active:focus,
	.open > .dropdown-toggle.btn-default:focus,
	.btn-default:active.focus,
	.btn-default.active.focus,
	.open > .dropdown-toggle.btn-default.focus {
		color: #212529 !important;
		background-color: #f8f9fa;
		border-color: #f8f9fa;
		outline:none;
		}
.btn-default .badge {
	color: #212529 !important;
	background-color: #f8f9fa;
	}
.btn-primary {
	color: #fff !important;
	background-color: #044880;
	border-color: #044880;
	}
.btn-outline-primary {
	color: #044880 !important;
	background-color:transparent;
	border-color: #044880;
	}
	.btn-primary:focus,
	.btn-primary.focus, 
	.btn-primary:hover,
	.btn-primary:active,
	.btn-primary.active,
	.btn-outline-primary:focus,
	.btn-outline-primary.focus, 
	.btn-outline-primary:hover, 
	.btn-outline-primary:active,
	.btn-outline-primary.active,
	.open > .dropdown-toggle.btn-primary {
		color: #fff !important;
		background-color: #023259;
		border-color: #023259;
		outline:none;
		}
	.btn-primary:active:hover,
	.btn-primary.active:hover,
	.open > .dropdown-toggle.btn-primary:hover,
	.btn-primary:active:focus,
	.btn-primary.active:focus,
	.open > .dropdown-toggle.btn-primary:focus,
	.btn-primary:active.focus,
	.btn-primary.active.focus,
	.open > .dropdown-toggle.btn-primary.focus {
		color: #fff !important;
		background-color: #044880;
		border-color: #044880;
		outline:none;
		}
.btn-primary .badge {
	color: #fff !important;
	background-color: #044880;
	}
.btn-success {
	color: #fff !important;
	background-color: #36bea6 !important;
	border-color: #36bea6;
	}
.btn-outline-success {
	color: #36bea6 !important;
	background-color:transparent;
    border-color: #36bea6;
	}
	.btn-success:focus,
	.btn-success.focus, 
	.btn-success:hover, 
	.btn-success:active,
	.btn-success.active,
	.btn-outline-success:focus,
	.btn-outline-success.focus, 
	.btn-outline-success:hover, 
	.btn-outline-success:active,
	.btn-outline-success.active,
	.open > .dropdown-toggle.btn-success {
		color: #fff !important;
		background-color: #2ea08c;
		border-color: #2b9683;
		outline:none;
		}
	.btn-success:active:hover,
	.btn-success.active:hover,
	.open > .dropdown-toggle.btn-success:hover,
	.btn-success:active:focus,
	.btn-success.active:focus,
	.open > .dropdown-toggle.btn-success:focus,
	.btn-success:active.focus,
	.btn-success.active.focus,
	.open > .dropdown-toggle.btn-success.focus {
		color: #fff !important;
		background-color: #36bea6;
		border-color: #36bea6;
		outline:none;
		}
.btn-success .badge {
	color: #fff !important;
    background-color: #36bea6;
	}
.btn-info {
	color: #fff !important;
	background-color: #009efb !important;
	border-color: #009efb;
	}
.btn-outline-info {
	color: #009efb !important;
	background-color:transparent;
	border-color: #009efb;
	}
	.btn-info:focus,
	.btn-info.focus, 
	.btn-info:hover, 
	.btn-info:active,
	.btn-info.active,
	.btn-outline-info:focus,
	.btn-outline-info.focus, 
	.btn-outline-info:hover, 
	.btn-outline-info:active,
	.btn-outline-info.active,
	.open > .dropdown-toggle.btn-info {
		color: #fff !important;
		background-color: #0086d5;
		border-color: #007ec8;
		outline:none;
		}
	.btn-info:active:hover,
	.btn-info.active:hover,
	.open > .dropdown-toggle.btn-info:hover,
	.btn-info:active:focus,
	.btn-info.active:focus,
	.open > .dropdown-toggle.btn-info:focus,
	.btn-info:active.focus,
	.btn-info.active.focus,
	.open > .dropdown-toggle.btn-info.focus {
		color: #fff !important;
		background-color: #009efb;
		border-color: #009efb;
		outline:none;
		}
.btn-info .badge {
	color: #fff !important;
	background-color: #009efb;
	}
.btn-warning {
	color: #fff !important;
	background-color: #ffbc34;
	border-color: #ffbc34;
	}
.btn-outline-warning {
	color: #ffbc34 !important;
	background-color:transparent;
	border-color: #ffbc34;
	}
	.btn-warning:focus,
	.btn-warning.focus, 
	.btn-warning:hover, 
	.btn-warning:active,
	.btn-warning.active,
	.btn-outline-warning:focus,
	.btn-outline-warning.focus, 
	.btn-outline-warning:hover, 
	.btn-outline-warning:active,
	.btn-outline-warning.active,
	.open > .dropdown-toggle.btn-warning {
		color: #fff !important;
		background-color: #ffaf0e;
		border-color: #ffab01;
		outline:none;
		}
	.btn-warning:hover:active,
	.btn-warning.hover:active,
	.btn-warning:active:hover,
	.btn-warning.active:hover,
	.open > .dropdown-toggle.btn-warning:hover,
	.btn-warning:active:focus,
	.btn-warning.active:focus,
	.open > .dropdown-toggle.btn-warning:focus,
	.btn-warning:active.focus,
	.btn-warning.active.focus,
	.open > .dropdown-toggle.btn-warning.focus {
		color: #212529 !important;
		background-color: #ffbc34;
		border-color: #ffbc34;
		}
.btn-warning .badge {
	color: #212529 !important;
	background-color: #ffbc34;
	}
.btn-danger {
	color: #fff !important;
	background-color: #f62d51 !important;
	border-color: #f62d51;
	}
.btn-outline-danger{
	color: #f62d51 !important;
	background-color:transparent;
	border-color: #f62d51;
	}
	.btn-danger:focus,
	.btn-danger.focus, 
	.btn-danger:hover, 
	.btn-danger:active,
	.btn-danger.active,
	.btn-outline-danger:focus,
	.btn-outline-danger.focus, 
	.btn-outline-danger:hover, 
	.btn-outline-danger:active,
	.btn-outline-danger.active,
	.open > .dropdown-toggle.btn-danger {
		color: #fff !important;
		background-color: #f20a34;
		border-color: #e60a31;
		outline:none;
		}
	.btn-danger:active:hover,
	.btn-danger.active:hover,
	.open > .dropdown-toggle.btn-danger:hover,
	.btn-danger:active:focus,
	.btn-danger.active:focus,
	.open > .dropdown-toggle.btn-danger:focus,
	.btn-danger:active.focus,
	.btn-danger.active.focus,
	.open > .dropdown-toggle.btn-danger.focus {
		color: #fff !important;
		background-color: #f62d51;
		border-color: #f62d51;
		outline:none;
		}
.btn-danger .badge {
	color: #fff !important;
	background-color: #f62d51;
	}
.btn-link {
	color: #2f56dc !important;
	text-decoration: none;
	}
	.btn-link:hover,
	.btn-link:focus {
		color: #6c6f70 !important;
		text-decoration: none;
		outline: none;
		}
.btn-link .badge {
	color: #2f56dc !important;
	border-color: #2f56dc;
	}
/* END Boostrap Buttons */
/* Alerts */
.alert-success {
	color: #1c6356;
	background-color: #d7f2ed;
	border-color: #c7ede6;
	}
	.alert-success hr {
		border-top-color: #b4e7dd;
		}
	.alert-success .alert-link {
		color: #113b33;
		}
.alert-info {
	color: #005283;
	background-color: #ccecfe;
	border-color: #b8e4fe;
	}
	.alert-info hr {
		border-top-color: #9fdafe;
		}
	.alert-info .alert-link {
		color: #003250;
		}
.alert-warning {
	color: #85621b;
	background-color: #fff2d6;
	border-color: #ffecc6;
	}
	.alert-warning hr {
		border-top-color: #ffe4ad;
		}
	.alert-warning .alert-link {
		color: #5b4312;
		}
.alert-danger {
	color: #80172a;
	background-color: #fdd5dc;
	border-color: #fcc4ce;
	}
	.alert-danger hr {
		border-top-color: #fbacba;
		}
	.alert-danger .alert-link {
		color: #550f1c;
		}
/* END Alerts */
/*-------------------------------*/
/*              Forms            */
/*-------------------------------*/
form.form-inline > label,
form.form-inline .control-label,
.form.form-inline > label,
.form.form-inline .control-label,
form.form-horizontal > label,
form.form-horizontal .control-label,
.form.form-horizontal > label,
.form.form-horizontal .control-label
 {
	*font-weight:600;
	*color:rgba(42,76,196,0.6);
	color:rgba(0,0,0,0.4);
	font-family: 'Roboto Cond Regular', sans-serif;
	font-weight: 400;
	font-size:16px;
	line-height:36px;
}
.form-inline .form-group {
	margin-bottom:5px;
	margin-right:5px;
	}
form > label,
form .control-label,
.form > label,
.form .control-label{
	color: rgba(0,0,0,0.4);
	font-family: 'Roboto Cond Regular', sans-serif;
	font-weight: 400;
	font-size: 16px !important;
}
.form-control{
	height: 36px;
	border: 1px solid #000;
	border-radius: 0px !important;
}
.form-group.form-group-lg > .form-control,
.form-group.form-group-lg > .input-group.input-group-lg > .form-control,
.form-group-lg .form-control, 
.input-group-lg > .form-control, 
.input-group-lg > .input-group-addon, 
.input-group-lg > .input-group-btn > .btn {
	height: 46px !important;
}
.form-control::placeholder {
    color: #999;
    opacity: 0.5;
	font-style:italic;
}
/* checks and radios */
.checkbox-inline:first-child{
	padding-left:0px;
	}
div .checkbox-inline.check-control{
	padding-top:5px;
	margin-bottom:-8px;
	}
div.input-group-btn .checkbox-inline.check-control{
	padding-top:0;
	margin-bottom:-4px;
	width:40px;
	}
div span.checkbox-inline.check-control label{
	padding-top:-8px;
	}
span.checkbox-inline.check-control{
	margin-left:-20px;
	}
.check-control input[type=checkbox] {
	display: none;
	}
.check-control label{
	font-size:14px;
	font-weight:700;
	color: #555;
	text-transform: uppercase;
	padding-right:30px;
	}
.check-control input[type=checkbox] + label::before {
	content: "\2610";
	font-size: 28px;
	font-weight:400;
	line-height:34px;
	color:#666;
	display: inline-block;
	vertical-align: middle;
	margin-right:10px;
	}
.check-control input[type=checkbox]:checked + label::before  {
	content: "\2611";
	color:#555;
	}
/* check-customer*/
div .checkbox-inline.check-control.check-customer {
    padding-top: 0;
    }
.check-control.check-customer input[type=checkbox] {
	display: none;
	}
.check-control.check-customer td{
	white-space:nowrap;
	}
.check-control.check-customer label{
	font-size:14px;
	font-weight:400;
	color: #666;
	text-transform: none;
	padding-right:5px;
	}
.check-control.check-customer input[type=checkbox] + label::before {
	content: "\2610";
	font-size: 24px;
	font-weight:400;
	line-height:26px;
	color:#888;
	display: inline-block;
	vertical-align: middle;
	margin-right:5px;
	margin-top: -3px;
	}
.check-control.check-customer input[type=checkbox]:checked + label::before  {
	content: "\2611";
	color:#666;
	}
/* End check-customer*/
.check-control input[type=checkbox]:disabled + label::before,
.check-control.check-customer input[type=checkbox]:disabled + label::before {
    opacity: 0.3;
    }
.radio-control input[type=radio] {
	display: none;
	}
.radio-control label{
	font-size:14px;
	font-weight:400;
	color: #555;
	text-transform: none;
	padding-right:30px;
	}
.radio-control input[type=radio] + label::before {
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	content: "\f111";
	font-size: 18px;
	color:#999;
	line-height:1.2em;
	text-align:center;
	vertical-align:middle;
	margin-right:5px;
	}
.radio-control input[type=radio]:checked + label::before  {
	font-family:"Font Awesome 5 Free";
	content: "\f192";
	font-size: 18px;
	color:#555;
	line-height:1.2em;
	text-align:center;
	vertical-align:middle;
	}
.radio-control input[type=radio]:disabled + label::before {
    opacity: 0.3;
    }
/* end checks and radios */
/* END Forms */
/*-------------------------------*/
/*          Customer             */
/*-------------------------------*/
.text-customer {
    color: #00adef !important;
	}
	a.text-customer:hover,
	a.text-customer:focus {
		color: #044880 !important;
		}
.bg-customer {
    color: #fff !important;
    background-color: #00adef !important;
	border-color: #00adef !important;
	}
	a.bg-customer:hover,
	a.bg-customer:focus {
	  color: #00adef !important;
	  background-color: #000 !important;
	  outline:none;
	}
.panel-customer > .panel-heading {
    color: #fff;
    background-color: #00adef;
    border-color: #00adef;
}
	h6.panel-title {
		font-family: LoraRegular, serif;
		transform:scale(1,1.4); 
		-webkit-transform:scale(1,1.4);
		letter-spacing:0.5;
		font-weight: 400;
		font-size:16px;
		}
.btn-group-customer > .btn, .btn-group > .btn,
.btn-group-customer > a .btn, .btn-group > a .btn,
.btn-group-customer > span .btn, .btn-group > span .btn, 
.btn-group-customer > a > span .btn, .btn-group > a > span .btn {
    margin-bottom: 5px;
    margin-right: 5px;
	}
.btn-group > .btn + .dropdown-toggle,
.btn-group > span .btn + .dropdown-toggle {
	margin-left:-6px;
	}
.btn-rounded {
    border-radius: 60px;
    padding: 7px 18px;
	}
.btn-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 10px;
	font-size: 16px;
	}
	.btn-circle.btn-xs, .btn-group-xs > .btn-circle.btn, .btn-group-customer-xs > .btn-circle.btn {
		width: 32px;
		height: 32px;
		padding: 5px 6px 7px 6px;
		}
	.btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn, .btn-group-customer-lg  > .btn-circle.btn {
		width: 50px;
		height: 50px;
		padding: 14px 15px;
		font-size: 18px;
		line-height: 23px;
		}
	.btn-circle.btn-xl, .btn-group-xl > .btn-circle.btn, .btn-group-customer-xl  > .btn-circle.btn {
		width: 70px;
		height: 70px;
		padding: 14px 15px;
		font-size: 24px;
		}
.btn-square {
    border-radius: 0;
    width: 36px;
    height: 36px !important;
    padding: 7px 4px;
 }
	.btn-square.btn-xs, .btn-group-xs > .btn-square.btn, .btn-group-customer-xs > .btn-square.btn {
		width: 32px;
		height: 32px !important;
		padding: 5px 6px;
		}
	.btn-square.btn-lg, .btn-group-lg > .btn-square.btn, .btn-group-customer-lg  > .btn-square.btn {
		width: 50px;
		height: 50px !important;
		padding: 14px 15px;
		font-size: 18px;
		line-height: 23px;
		}
	.btn-square.btn-xl, .btn-group-xl > .btn-square.btn, .btn-group-customer-xl  > .btn-square.btn {
		width: 70px;
		height: 70px !important;
		padding: 14px 15px;
		font-size: 24px;
		}
.btn-customer {
	color: #fff !important;
	background-color: #000;
	border-color: #000;
	height:36px;
	}
.btn-outline-customer {
	color: #000 !important;
	background-color:transparent;
	border-color: #000;
	height:36px;
	}
	.btn-customer:focus,
	.btn-customer.focus, 
	.btn-customer:hover,
	.btn-customer:active,
	.btn-customer.active,
	.btn-outline-customer:focus,
	.btn-outline-customer.focus, 
	.btn-outline-customer:hover, 
	.btn-outline-customer:active,
	.btn-outline-customer.active,
	.open > .dropdown-toggle.btn-customer {
		color: #00adef !important;
		background-color: #000;
		border-color: #00adef;
		outline:none;
		}
	.btn-customer:active:hover,
	.btn-customer.active:hover,
	.open > .dropdown-toggle.btn-customer:hover,
	.btn-customer:active:focus,
	.btn-customer.active:focus,
	.open > .dropdown-toggle.btn-customer:focus,
	.btn-customer:active.focus,
	.btn-customer.active.focus,
	.open > .dropdown-toggle.btn-customer.focus {
		color: #fff !important;
		background-color: #000;
		border-color: #000;
		outline:none;
		}
.btn-customer .badge {
	color: #fff !important;
	background-color: #000;
	}
ul.list-icons{
	margin:0px;
	padding:0px;
	}
	ul.list-icons li {
		list-style: none;
		line-height: 30px;
		margin: 5px 0;
		transition: 0.2s ease-in;
		}
	ul.list-icons li a {
		color: #212529;
		}
	ul.list-icons li a:hover, ul.list-icons li a:active {
		color: #2f56dc;
		}
	ul.list-icons li i, ul.list-icons li span, ul.list-icons li svg {
		font-size: 13px;
		margin-right: 8px;
		}
dt {
	font-family: 'Roboto Cond Regular', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #212529;
	}
	dd {
		font-family: 'Open Sans Regular', sans-serif;
		font-weight: 400;
		font-size: 14px;	
		margin-bottom: .5rem;
		}
.fixed-customer {
	position: fixed; 
	top: 58px; 
	left: 85px; 
	right: 15px; 
	background-color: #edf1f5; 
	z-index: 1000; 
	padding-top: 10px; 
	padding-bottom: 10px;"
}
/* END Customer */
/*-------------------------------*/
/*    	Navbar customer          */
/*-------------------------------*/
/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar.navbar-customer {
	margin-bottom: 0;
    border-radius: 0;
	*margin-left:60px;
	margin-left:0px;
	margin-right:0px;
	background-color:#00adef;
	border-color:#00adef;
	padding-right:30px;
	}
	.navbar-customer .navbar-header {
		/* border-right:1px solid #009efb; */
		padding: 4px 0px;
		}
	.navbar-customer .navbar-nav > li > a {
		color: rgba(255,255,255,0.6);
		}
	.navbar-customer .navbar-brand {
		color: #fff;
		font-size: 24px;
		line-height: 36px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-weight: bold;
		padding: 0px 5px 0px 2px;
		}
	.navbar-inverse .navbar-nav > .active > a, 
	.navbar-inverse .navbar-nav > .active > a:hover, 
	.navbar-inverse .navbar-nav > .active > a:focus,
	.navbar-inverse .navbar-nav > .open > a, 
	.navbar-inverse .navbar-nav > .open > a:hover, 
	.navbar-inverse .navbar-nav > .open > a:focus {
		color: #00adef;
		background-color: #000;
		}
.navbar-fixed-top, .navbar-fixed-bottom {
	*z-index:auto;
	z-index:1001;
	}
/* END Navbar customer */
/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
    padding-left: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    *z-index: 1000;
	z-index: 1003;
    *left: 220px;
	*width: 0;
	width: 60px;
    height: 100%;
    *margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
	box-shadow: 3px 3px 15px rgba(0,0,0,0.3);
    background-color: #272c33;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 220px;
}

#page-content-wrapper {
    width: 100%;
    padding-top: 55px;
}
#page-content-wrapper .container-fluid {
    margin-left: 15px;
}
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    *margin-right: -220px;
	margin-left: -220px;
}
/* END Wrappers */
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
    *position: absolute;
	*width: 220px;
    position:fixed;
	top: 0;
	bottom:0;
	background-color:#272c33;
    width: 70px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}
	.sidebar-nav li.sn-header, 
	.sidebar-nav li.sn-header a,
	.sidebar-nav li.sn-header a:hover,
	.sidebar-nav li.sn-header a:active,
	.sidebar-nav li.sn-header a:visited {
		height:50px;
		background-color: rgba(0,0,0,0.3);
	}
	.sidebar-nav .sidebar-brand {
		color: #00adef;
		font-size: 24px;
		line-height: 36px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 60px;
		font-weight: bold;
		}
.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    *background-color: #1c1c1c;
	background-color: #00adef;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li:first-child a {
    *color: #fff;
	color: #00adef;
    *background-color: #1a1a1a;
	background-color: rgba(0,0,0,0.3);
}
.sidebar-nav li:nth-child(2):before {
    *background-color: #ec1b5a;
	background-color: #00adef;
}
.sidebar-nav li:nth-child(3):before {
    *background-color: #79aefe;
	background-color: #00adef;
}
.sidebar-nav li:nth-child(4):before {
    *background-color: #314190;
	background-color: #00adef;
}
.sidebar-nav li:nth-child(5):before {
    *background-color: #279636;
	background-color: #00adef;
}
.sidebar-nav li:nth-child(6):before {
    *background-color: #7d5d81;
	background-color: #00adef;
}
.sidebar-nav li:nth-child(7):before {
    *background-color: #ead24c;
	background-color: #00adef;
}
.sidebar-nav li:nth-child(8):before {
    *background-color: #2d2366;
	background-color: #00adef;
}
.sidebar-nav li:nth-child(9):before {
    *background-color: #35acdf;
	background-color: #00adef;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li a {
    display: block;
    *color: #ddd;
	color: #a6b7bf;
    text-decoration: none;
    *padding: 10px 15px 10px 30px;
    padding: 10px 15px 10px 22px;    
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}
.sidebar-nav .sn-text  {
    padding-left: 0px;    
	}
.sidebar-nav .sn-icon  {
    width: 30px;
	font-size:28px;	
	}
.sidebar-nav > .sidebar-brand {
    *height: 65px;
	height: 50px;
    font-size: 20px;
    *line-height: 44px;
	line-height: 30px;
	background-color:rgba(0,0,0,0.3);
}
.sidebar-nav > .sidebar-brand a {
    background-color:rgba(0,0,0,0.3);
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}
/* END Sidebar nav styles  */
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
  position: fixed;
  *top: 20px;
  top: 10px;  
  *z-index: 1000;
  z-index: 1004;
  display: block;
  width: 32px;
  height: 32px;
  *margin-left: 15px;
  margin-left: -35px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  *background-color: #1a1a1a;
  background-color: #fff;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  *background-color: #1a1a1a;
  background-color: #fff;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
	top: 50%;
	margin-top: -2px;
	margin-left:220px;	
	}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}
/* END Hamburger-Cross */
/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/
.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    *z-index: 1;
	z-index: 1002;
}
/*  END Overlay */
/*-------------------------------*/
/*   Title page and breadcrumb   */
/*-------------------------------*/
.page-titles {
    /* padding: 0 0px 15px 0px; */
    margin: 0px 0px 0px -5px;
 }
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
	}
div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 51px;
	/* padding-top:10px; */
	background-color:#edf1f5;
	z-index:900;
	}
.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    *
    padding: 0.75rem 1rem;
    *
    margin-bottom: 1.5rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
    float: right;
    padding: 0;
    margin: 10px 36px 0px 20px;
 }
.page-titles h1, .page-titles h2, .page-titles h3, .page-titles h4, .page-titles h5, .page-titles h6 {
	margin-top:5px;
	margin-bottom:5px;
	}	 
.page-titles .breadcrumb {
    padding: 0px;
    margin: 5px 15px;
    background: transparent;
    font-size: 12px;
	letter-spacing:1px;
	}
.page-titles .breadcrumb .breadcrumb-item.active {
    color: #2f56dc;
	font-weight: bold;
	}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}
@media (min-width: 768px) {
	.page-titles .breadcrumb {
		float: right;
		}
}
/* END Title page and breadcrumb */
/*-------------------------------*/
/*       Content Card            */
/*-------------------------------*/
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid transparent;
    border-radius: 0px;
}
.card {
    margin-bottom: 20px;
	padding: 20px 5px 20px 5px;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.75em;
    /* padding-bottom:2.5em; */
}
.card .card-title {
    position: relative;
	}
.card-title, h4.card-title {
    margin-bottom: 0.75px;
	font-family: 'Roboto Cond Regular', sans-serif;
	font-weight: 400;
	font-size: 1.8em;	
}
.card-subtitle, h6.card-subtitle {
    color: #adb5bd;
	font-family: 'Roboto Cond Light', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.5em;
    margin-top: -0.375px;
    margin-bottom: 15px;
}
/* END Content Card  */
.panel{
	border-radius: 0px;
	border: none;
	/* box-shadow: none; */
	background-color: #fbfbfb;
	margin-bottom: 0px;
}
/*-------------------------------*/
/*          slidePanel           */
/*-------------------------------*/
.slidePanel_c, .slidePanel_d, .slidePanel {
	position:fixed;
	z-index:10000;
	max-width:100%;
	max-height:100%;
	display: none;
	*visibility:hidden;
	background:#fff;
	-webkit-box-shadow:-5px 0 20px 0 rgba(66,66,66,.2);
	box-shadow:-5px 0 20px 0 rgba(66,66,66,.2)
	}
	.slidePanel-left,.slidePanel-right{
		top:50px;
		bottom:0;
		width:700px
		}
	.slidePanel-left{
		left:0
		}
	.slidePanel-right{
		right:0
		}
	.slidePanel-top{
		top:0;
		left:0
		}
	.slidePanel-bottom{
		bottom:0;
		left:0
		}
	.show.slidePanel.slidePanel-right, .slidePanel.slidePanel-right{
		transform: translate3d(0%, 0px, 0px);
		}
@media (max-width:1199px){
	.slidePanel-left,.slidePanel-right{
		width:-webkit-calc(100% - 230px);
		width:calc(100% - 230px)
		}
}
@media (max-width:767px){
	.slidePanel-left,.slidePanel-right{
		width:100%
		}
}
	.slidePanel-bottom,.slidePanel-top{
		width:100%;
		height:500px
		}
@media (max-width:1199px){
	.slidePanel-bottom,.slidePanel-top{
		top:0;
		bottom:0;
		height:auto
		}
}
.slidePanel .scrollable-container{
		height:100%
		}
/*.slidePanel-show{
	visibility:visible
	}*/
.slidePanel-handler{
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:100%;
	cursor:e-resize;
	background-color:transparent
	}
.slidePanel-loading{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	font-size:0;
	text-align:center;
	visibility:hidden
	}
.slidePanel-loading:before{
	display:inline-block;
	height:100%;
	vertical-align:middle;
	content:""
	}
.slidePanel-loading .loader{
	vertical-align:middle
	}
.slidePanel-loading-show{
	visibility:visible
	}
.slidePanel-scrollable{
	position: relative!important;
	height:100%
	}
.scrollable.is-enabled {
    overflow: hidden!important;
	}
	.scrollable-vertical.is-enabled .scrollable-container {
		overflow-y: scroll!important;
		}
	.is-enabled .scrollable-content {
		position: relative!important;
		overflow: visible!important;
		}
.slidePanel-content .slidePanel-header {
    width: 100%;
    height: auto !important;
    overflow: inherit;
    text-align: left !important;
	}
	.slidePanel-header{
		position:relative;
		padding:15px 45px;
		*padding-right:120px;
		*color:#fff
		}
	.slidePanel-header h1{
		margin-top:5px;
		margin-bottom:20px;
		margin-left:-15px;
		font-size:2.2em;
		line-height:1.1;
		color:#181818;
		}
.slidePanel-content .slidePanel-actions {
	position: fixed;
	top: 15px;
	right: 20px;
	float: none;
	z-index: 999;
	}
	.slidePanel-actions{
		float:right;
		min-height:67px;
		margin:0;
		margin-left:15px;
		text-align:right;
		list-style:none
		}
	.slidePanel-action{
		border:1px solid transparent;
		border-radius:3px;
		-webkit-transition:border .25s linear;-o-transition:border .25s linear;
		transition:border .25s linear
		}
	.slidePanel-action:last-child{
		margin-right:0
		}
	.slidePanel-action.dropdown.open{
		border-color:#fff
		}
	.slidePanel-action .icon{
		cursor:pointer
		}
	.slidePanel-action .icon:hover{
		color:#ecf0f3
		}
	.slidePanel-action .dropdown-menu{
		right:0;
		left:auto;
		margin-top:10px
		}
	.slidePanel-action .dropdown-menu .icon{
		margin-right:10px
		}
.slidePanel-inner{
	padding:0 30px
	}
	.slidePanel-inner .panel-body{
		padding-top:0;
		}
.slidePanel-inner-section{
	padding-top:30px;
	padding-bottom:30px;
	border-bottom:1px solid #e0e0e0
	}
.slidePanel-comment{
	position:relative;
	margin-top:50px;
	margin-bottom:50px
	}
.slidePanel-comment textarea{
	margin-bottom:5px
	}
.slidePanel-comment .reply{
	position:absolute;
	top:10px;
	left:10px
	}
/* scroll */
.scrollable-bar {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    user-focus: ignore;
    user-input: disabled;
    -webkit-touch-callout: none;
}
.scrollable-bar-hide {
    opacity: 0;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
.scrollable-bar-vertical {
    width: 4px;
    height: 100%;
    height: -webkit-calc(100% - 2*4px);
    height: calc(100% - 2*4px);
    margin: 4px 2px;
}
/*-------------------------------*/
/*          flat button          */
/*-------------------------------*/
.fab-icon {
   width: 70px;
   height: 70px;
   background-color: red;
   border-radius: 50%;
   box-shadow: 0 6px 10px 0 #666;
   transition: all 0.1s ease-in-out;
   font-size: 50px;
   color: white;
   text-align: center;
   line-height: 70px;
   position: fixed;
   right: 50px;
   bottom: 50px;
}
.fab-icon:hover {
   box-shadow: 0 6px 14px 0 #666;
   transform: scale(1.05);
}
.gd-icon {
   width: 48px;
   height: 48px;
   padding:9px;
   border-radius: 50%;
   *box-shadow: 0 6px 10px 0 #666;
   *transition: all 0.1s ease-in-out;
   font-size: 20px;
   color: white;
   text-align: center;
   line-height: 48px;
   *position: fixed;
   *right: 50px;
   *bottom: 50px;
   opacity:1;
}
.gd-icon:hover {
   *box-shadow: 0 6px 14px 0 #666;
   *transform: scale(1.05);
   opacity:0.8;
}
/*-------------------------------*/
/*       Customer table          */
/*-------------------------------*/
.table-customer.table-xs {
	font-size:9pt;
	}
.table-customer > thead > tr > th  {
	background-color:#00adef;
	color:#fff;
    border-bottom: 2px solid rgba(47,86,220,0.1);
	font-family: 'Open Sans 600', sans-serif;
	font-weight: 600;
	}
.table-customer > tbody > tr > td {
	vertical-align: middle;
    border-top: 1px solid #e9ecef;
	}
.table-customer td .pagination {
	margin-top:5px;
	margin-bottom:0;
	}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #00adef;
    border-color: #2a4cc4;
}
.pagination > li > a, .pagination > li > span {
    color: #2a4cc4;
    background-color: #fff;
    border: 1px solid #e9ecef;
	}
/* END Customer table  */
/*-------------------------------*/
/*         Dashboard             */
/*-------------------------------*/
.box {
	*border-radius: 0.25rem;
	border-radius: 0;
    display: block;
    overflow: hidden;
    padding: 10px;
	margin-bottom: 10px;
	position: relative;
	}
.box .visual {
    float: right;
    *height: 100%;
    width: 54px;
    z-index: 10;
}
.box .visual .icon {
    bottom: 0;
    display: block;
    font-size: 72px;
    height: 72px;
    left: auto;
    position: absolute;
    right: 0;
    text-shadow: none;
    transform: rotate(-30deg);
}
.box.bg-primary .icon {
	*color:#6610f2;
	color:#023259;
	}
	.box.bg-primary:hover .icon {
		*color:#7460ee;
		color:#044880;
		}
.box.bg-success .icon {
	color:#2ea08c;
	}
	.box.bg-success:hover .icon {
		color:#36bea6;
		}
.box.bg-info .icon {
	color:#0086d5;
	}
	.box.bg-info:hover .icon {
		color:#009efb;
		}
.box.bg-warning .icon {
	color:#ffaf0e;
	}
	.box.bg-warning:hover .icon {
		color:#ffbc34;
		}
.box.bg-danger .icon {
	color:#e60a31;
	}
	.box.bg-danger:hover .icon {
		color:#f62d51;
		}
.box .details {
    float: left;
	width:100%;
    margin-top: -10px;
    position: relative;
    *text-align: left;
    z-index: 11;
}
/*  END Dashboard  */
/*-------------------------------*/
/*        Dropdown-menu          */
/*-------------------------------*/
/*   animation   */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes bounceInDown {
	60%, 75%, 90%, 0%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -500px, 0);
		transform: translate3d(0, -500px, 0);
		}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
		}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
		}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
		}
	100% {
		-webkit-transform: none;
		transform: none;
		}
	}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
/*   END animation   */
.dropdown-menu .with-arrow {
    position: absolute;
    height: 10px;
    overflow: hidden;
    width: 40px;
    top: -10px;
}
.dropdown-menu .with-arrow > span {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background-color: #fff;
    width: 15px;
    height: 15px;
    top: 3px;
    left: 15px;
    position: absolute;
    content: "";
    -moz-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
.dropdown-menu > ul {
    list-style: none;
	padding: 0px;
	width:300px;	
    }
.dropdown-menu > ul > li.drop-item  {
    padding: 10px;
	border-bottom:solid 1px #f5f5f5;
	}
.dropdown-menu > ul > li:last-child  {
	border-bottom:0px;	
    }
.dropdown-menu ul li .drop-title {
    margin-top:-5px;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #e9ecef;
    border-radius: 0.25rem 0.25rem 0 0;
    position: relative;
	}
	.drop-title .drop-visual {
		float: right;
		width: 54px;
		z-index: 10;
		}
	.drop-title .drop-visual .drop-icon {
		bottom: 0px;
		display: block;
		font-size: 48px;
		height: 48px;
		left: auto;
		position: absolute;
		right: 10px;
		text-shadow: none;
		transform: rotate(-30deg);
		opacity:0.3;
	}
	.drop-title .drop-details {
		width: 100%;
		position: relative;
		z-index: 11;
	}
.dropdown-menu a .drop-content {
    display: inline-block;
    width: 75%;
    padding-left: 10px;
    vertical-align: middle;
}
.dropdown-menu a .drop-content h6, .dropdown-menu a .drop-content .h6 {
    margin-top:0px;
	margin-bottom:0px;
	color:#6c6f70;
	}
.dropdown-menu a .drop-content label, .dropdown-menu a .drop-content .label {
	color:#adb5bd;
	}
/* Menu dropdown */
li.dropdown-panel > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
li.dropdown-panel > a:hover,
li.dropdown-panel > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
li.dropdown-panel > .active > a,
li.dropdown-panel > .active > a:hover,
li.dropdown-panel > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
li.dropdown-panel, .dropdown-panel{
	padding-left:0;
    height:48px; 
    width:100%;
    position: relative;
	}
.dropdown-panel a{
	text-decoration:none !important; 
}
.dropdown-panel .dd_icon {
    padding:10px; 
	position:absolute; 
	width:64px; 
	height:48px; 
	text-align:center; 
	vertical-align:middle; 
	bottom:0; 
	left:0; 
	top:0;
}
.dropdown-panel .dd_details {
    margin-left:40px;
	color: #555 !important;
    font-size:15px;
	line-height:44px; 
	text-decoration:none; 
}
/*----------------------------------*/
/*    Dropdown-menu Control Panel   */
/*----------------------------------*/
/*   animation   */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes bounceInDown {
	60%, 75%, 90%, 0%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -500px, 0);
		transform: translate3d(0, -500px, 0);
		}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
		}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
		}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
		}
	100% {
		-webkit-transform: none;
		transform: none;
		}
	}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
/*   END animation   */
.bg-config-1 {
	color: #fff;
    background-color: #0088e6;
    border-color: #0088e6;
	}
.bg-config-2 {
	color: #fff;
	background-color: #00adef;
	border-color: #00adef;
	}
.text-config-1, a.text-config-1 svg, a.text-config-1 i {
	color: #0088e6;
	}
.text-config-2 {
	color: #00adef;
	}
.dropdown-menu {
    z-index:9000;
    }
.dropdown-menu .with-arrow-left {
    position: absolute;
    height: 10px;
    overflow: hidden;
    width: 40px;
    top: -10px;
}
.dropdown-menu .with-arrow-right {
    position: absolute;
    height: 10px;
    overflow: hidden;
    width: 40px;
    top: -10px;
	right:5px;
}
.dropdown-menu .with-arrow-left > span, .dropdown-menu .with-arrow-right > span {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background-color: #0088e6;
    width: 15px;
    height: 15px;
    top: 3px;
    left: 15px;
    position: absolute;
    content: "";
    -moz-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
.dropdown-menu > ul {
    list-style: none;
	padding: 0px;
	width:300px;	
    }
.dropdown-menu > ul > li {
    padding: 0px;
	}
.dropdown-menu > ul > li.drop-item  {
    padding: 10px;
	border-bottom:solid 1px #f5f5f5;
	}
.dropdown-menu > ul > li:last-child  {
	border-bottom:0px;	
    }
.dropdown-menu ul li .drop-title {
    *margin-top:-5px;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #e9ecef;
    border-radius: 0.25rem 0.25rem 0 0;
    position: relative;
	}
.dropdown-menu ul li .drop-title .drop-details h6 {
    font-weight: 400;
	font-size: 20px;
	line-height: normal;
	letter-spacing:0;
	text-transform:none;
    margin-bottom:10px;
	}
.dropdown-menu ul li .drop-title .drop-details h6 .caption {
    font-size: 16px;
	}
.dropdown-menu ul li .drop-content h6{
    font-weight: 400;
	font-size: 16px;
	line-height: normal;
	letter-spacing:0;
	text-transform:none;
	}
.dropdown-menu > ul > li:first-child  .drop-title{
	margin-top:-5px;	
    }
	.drop-title .drop-visual {
		float: right;
		width: 54px;
		z-index: 10;
		}
	.drop-title .drop-visual .drop-icon {
		bottom: 0px;
		display: block;
		font-size: 48px;
		height: 48px;
		left: auto;
		position: absolute;
		right: 10px;
		text-shadow: none;
		transform: rotate(-30deg);
		opacity:0.3;
	}
	.drop-title .drop-details {
		width: 100%;
		position: relative;
		z-index: 11;
	}
.dropdown-menu a .drop-item-icon {
    width: 36px;
	font-size: 1.8em;
	vertical-align:top;
}
.dropdown-menu a .drop-content {
    display: inline-block;
    width: 75%;
    padding-left: 10px;
    vertical-align: middle;
}
.dropdown-menu a .drop-content h6, .dropdown-menu a .drop-content .h6 {
    margin-top:0px;
	margin-bottom:0px;
	color:#6c6f70;
	font-family: 'Roboto Cond Regular', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	}
.dropdown-menu a .drop-content .caption, .dropdown-menu a .drop-content > small {
	color:#adb5bd;
	line-height: normal;
	}
.dropdown-menu a .drop-content:hover h6, .dropdown-menu a .drop-content .h6:hover ,
.dropdown-menu a .drop-content .caption:hover, .dropdown-menu a .drop-content:hover > small {
	color:#121212;
	}
/*----------------------------------*/
/* End Dropdown-menu Control Panel  */
/*----------------------------------*/
::-webkit-scrollbar{
    width: 10px;
    background-color: #cccccc;
    height:8px;
}
::-webkit-scrollbar-track{
    background-color: #ececec;
}
::-webkit-scrollbar-thumb{
    background-color: #cbcbcb; 
}
.panelCustomer {
    z-index: 4000;
    background-color: #ffffff;
    position: fixed;
    height: 94.7vh !important;
    right: 0;
    -webkit-box-shadow: -5px 0 20px 0 rgba(66,66,66,.2);
    box-shadow: -5px 0 20px 0 rgba(66,66,66,.2);
    top: 51px;
    padding: 0;
}
.panelInnerFields {
    margin-top: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 85%;
    padding: 0 !important;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #fff;
  /* border: none; */
}