html{ height:100%; }
body { font-family:'Open Sans', arial; height:100%; overflow-y:scroll; overflow-x:auto; }
a { outline:0; }
a:focus { outline:0; }

.modal-backdrop { position:fixed; }

/* LOGIN PAGE */
body.login-page { background-image:url('../images/login-bg.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
	.login-form-position { position:absolute; top:50%; bottom:50%; left:0px; right:0px; }
		.login-form { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width:600px; margin:0px auto; background:#F4F5F4; border-radius:10px; padding:35px; }
			.login-logo { text-align:center; font-weight:600; color:#7e7e7e; font-size:15px; margin-bottom:25px; }
			.login-logo strong { color:#60acd7; }
			
			.login-fields { }
			.login-fields >fieldset { border:none; background:#eee;  border-radius:10px; margin-bottom:20px; }
			.login-fields >fieldset>p:first-child { border-bottom:2px solid #ddd; }
			.login-fields >fieldset>p { margin:0px; padding:25px 30px; }
			.login-fields label { display:inline-block; width:120px; text-align:center; color:#c3c3c3; line-height:30px; }
			.login-fields label > span { display:inline-block; float:left; line-height:30px; }
			.login-fields .input { background:#eee; border-radius: 5px; width:330px; max-width:100%; color:#c3c3c3;  border-color: rgba(240, 239, 239, 0.45); padding: 8px; background-color: #F4F5F4;}
			.login-fields .input:focus { outline:0 }
			.login-fields .button { background:#22A3E8; border-radius:6px; border:none; padding:20px; color:#FFF; text-align:center; width:220px; font-size:16px; transition:all 300ms }
			.login-fields .button:hover { background:#1180DB; }
			.ie8 .login-form { margin-top:-250px; }

/* LOGIN PAGE */
.table-h3 { padding:10px; text-align:center; color:#1186C5; font-size:17px; }

/* UTILITIES */
#addEditVehicle{
	height: 400px;
  overflow: scroll;
}

.summary_table {
	style="height: 400px; overflow-y: scroll;"
}

.moretext { color:#CC0000; font-weight:bold; }
.strongtext { color:#00CC00; font-weight:bold; }
.mediumtext { color:#8C8C00; font-weight:bold; }
.weaktext { color:#FF7F00; font-weight:bold; }

.message-result { padding:10px; text-align:center; }
.message-result.error { color:#8C0000; border-color:#CC0000; border-width:5px 0px; border-style:solid; margin:20px; background:#FFBFBF; }
.message-result.success { color:#006600; border-color:#006600; border-width:5px 0px; border-style:solid; margin:20px; background:#BFFFCF; }

/* master codes */
.mastercodelist { max-height:240px; overflow:auto; }

.legendfull  { line-height:40px }
.alertbox {
    background-color: #F00;
    border: 1px solid #CCC;
    padding: 0.6em;
}
.warningbox {
    background-color: #F60;
    border: 1px solid #CCC;
    padding: 0.6em;
    }
.nomalbox {
    background-color: #0F0;
    border: 1px solid #CCC;
    padding: 0.6em;
}
.notePane { padding:15px; background:#FCF9E2; border:1px solid #FAEBCA; border-radius:6px; margin-top:10px; font-size:12px; color:#8A6D37; }
	.imgFloat { float:left; }
	.imgFloat .exclaMate { border-radius:100%; display:block; background:#8A6D37; color:#FFF; width:20px; height:20px; line-height:19px; text-align:center; font-weight:bold; }
.notePane ul { margin-bottom:0px; }
.showdatepicker { font-size:12px; line-height:26px }
.colUnpad { padding:0px 5px; }
.unpad { margin-left:0px }
.box-pane-wrap .unpad { margin-left:0px }
.padBot { padding-bottom:15px; }
.borderize { }

.ajax_mode { position:relative; }
.ES_note { position:absolute; padding:7px; right:0px; top:0px; color:#008C46; }
.rowbot { margin-bottom: 15px; }
.btn-minwidth { width:150px; }
.panel-title .glyphicon  { color:lime; }

.table-container { padding:15px 0px; }
.table-custom { background:#EEE; }

.table-container .table-custom thead th { width:9%; padding:10px 0px; }
.table-container .table-custom thead th { width:9%; padding:10px 0px; }



.table-container table.table { border-radius:10px; }
.table-container .table-custom tbody>tr:nth-child(even) { background:#FFF; }
.table-container .table-custom tbody { border-bottom:1px solid #CCC; }
.table-container .table-custom tfoot { border:1px solid #CCC; background:#FFF; }
.table-container .table-custom tfoot td { text-align:center; border-right:1px solid #CCC; }

.table.outPad .table-head th { vertical-align:middle }
.table-custom thead { border-bottom:1px solid #CCC; }
.table-custom thead th { width:15%; font-weight:normal; font-size:12px; text-align:center; padding:5px 0px; }
.table-custom.table-left thead th { width:auto; text-align: left; padding:5px; }
.table-custom.table-left tbody td { text-align:left; padding:5px; }
.table-custom tbody td { text-align:center; font-size:12px; border-top:1px solid #DDD; }
.table-custom tbody td.tdlabel { text-align:left; padding:5px; }
.table-custom .table-custom { width:100% }
.table-custom table thead { border-bottom:none !important; }
.table-custom .table-custom td { border-left:none; }

.addspace { margin-bottom:30px; }
.btn-block { display:block }
.btn-blue { background:#22A3E8; border:none; color:#FFF; transition:all 300ms; padding:11px; }
.btn-blue:hover { background:#1693D6; color:#FFF }
.acenter { text-align:center; }
.aright { text-align:right; }
.aleft { text-align:left }
.custom-icon { margin:0px auto; display:block; width:23px; height:23px; background:url('../images/icons.png') no-repeat 50% 5px; }
	.icon-administrator { background-position:50% -733px; }
	.icon-account { background-position:50% -902px; }
	.icon-logout { background-position:50% -1242px; }
	.icon-help { background-position:50% -1065px; }
	.icon-customers { background-position:50% -125px; }
	.icon-vehicles { background-position:50% -276px; }
	.icon-users { background-position:50% -430px; }
	.icon-reports { background-position:50% -570px; }
	
.custom-icon-lg {  margin:0px auto; display:block; width:37px; height:32px; background:url('../images/icons2blue.png') no-repeat 50% 0px; }
	.icon-customers-lg { background-position:50% 0px; }
	.icon-account-lg { background-position:50% -32px; }
	.icon-vehicles-lg { background-position:50% -64px; }
	.icon-reports-lg { background-position:50% -96px; }
	.icon-users-lg { background-position:50% -128px; }
	.icon-summary-lg { background-position:50% -160px; }
	

/* view customer */
.customer_details {  }
.customer_details .customer_details_pane {  }
.customer_details .customer_details_pane h3 { margin:0px; background:#0B699B; padding:15px; color:#FFF; font-size:15px; text-transform:uppercase; font-weight: bold }
.customer_details .customer_details_pane .customer_details_content { background:#F8F8F8; }
.customer_details .customer_details_pane .customer_details_content td { font-size:14px; font-weight:normal; padding:5px 10px; }
.customer_details .customer_details_pane .customer_details_content .tlabel { background:#E9E9E9; text-align:right; }
.customer_details .customer_details_pane .customer_details_content .sidebyside tr { border-bottom:1px solid #DDD; }


/* view user */
.user_details {  }
.user_details .user_details_pane {  }
.user_details .user_details_pane h3 { margin:0px; background:#0B699B; padding:15px; color:#FFF; font-size:15px; text-transform:uppercase; font-weight: bold }
.user_details .user_details_pane .user_details_content { background:#F8F8F8; }
.user_details .user_details_pane .user_details_content td { font-size:14px; font-weight:normal; padding:5px 10px; }
.user_details .user_details_pane .user_details_content .tlabel { background:#E9E9E9; text-align:right; }
.user_details .user_details_pane .user_details_content .sidebyside tr { border-bottom:1px solid #DDD; }


/* view user */
.vehicle_details {  }
.vehicle_details .vehicle_details_pane {  }
.vehicle_details .vehicle_details_pane h3 { margin:0px; background:#0B699B; padding:15px; color:#FFF; font-size:15px; text-transform:uppercase; font-weight: bold }
.vehicle_details .vehicle_details_pane .vehicle_details_content { background:#F8F8F8; }
.vehicle_details .vehicle_details_pane .vehicle_details_content td { font-size:14px; font-weight:normal; padding:5px 10px; }
.vehicle_details .vehicle_details_pane .vehicle_details_content .tlabel { background:#E9E9E9; text-align:right; }
.vehicle_details .vehicle_details_pane .vehicle_details_content .sidebyside tr { border-bottom:1px solid #DDD; }



.panel-list-access { font-size:12px; }
.panel-list-access .container-fluid { border-top:1px solid #CBCBCB; background:#FAFAFA; padding:10px 15px; }
.panel-list-access .container-fluid:nth-child(odd) { background: #F0EFEF }
	.headLabel { font-size:11px; }
	.headLabel div { }
	
.table-wrap { background:#F5F5F5; border-radius:6px; border-bottom:1px solid #CBCBCB; min-height: 0.01%; overflow-x: auto; }
.table { margin-bottom:0px; }
.table .table-head { background:#1186C5; }
.table .table-head th {  color:#FFF; font-weight:normal; padding:20px 25px; border:1px solid #0E76AF; border-width:0px 0px 0px 1px; }
.table .table-head th a { color:#FFF; text-decoration:none }
.table tbody { border-right:1px solid #CBCBCB; }
.table tbody > tr > td {  border:1px solid #CBCBCB; border-width:0px 0px 0px 1px; padding:10px; }
	.action-buttons  { text-align:center;}
	.action-buttons > a { background:#21A3E7; color:#FFF; display:inline-block; padding:5px 5px; border-radius:4px; margin:0px 0px 5px 0; transition:all 300ms; }
	.action-buttons > a:hover { background:#1185C5 }
	
a.action-button  { text-align:center;background:#22A3E8;color:#FFF;display:inline-block;padding:5px 5px;border-radius:4px;margin:0px 5px 5px 0;transition:all 300ms;}	
a.action-button:hover { background:#337ab7; }		
	
.pagination li:first-child a,.pagination li:last-child a { background:none; border:none; margin:0px }
.pagination li a { margin:0px 3px; border-radius:5px; padding:15px 20px; }
.pagination li.active a { background-color:#21A3E7; border-color:#21A3E7; }

.modal-dialog { max-width:80%; }
@media only screen and (max-width:1600px) {
	.modal-dialog { max-width:95% }
}
@media only screen and (max-width:1300px) {
	.modal-dialog { max-width:100% }
	
}
.modal-body-unpad { padding:0px; max-height: 800px; overflow-y: auto;}
.modal-header { background:#1186C5; color:#FFF; border-radius: 5px 5px 0px 0px; border:none; }
	.modal-title { text-align: center; text-transform: uppercase; padding: 10px; font-size:20px; }
	
	
	.modal-content-wrap { padding-bottom:15px }
	.modal-content-tab { list-style:none; margin:0px 0px 15px; padding:0px; }
	.modal-content-tab li { float:left; width:25% }
	
	.modal-content-tab.twotabs li { width:50% }
	.modal-content-tab li > a { display:block; text-align:center; text-decoration:none; line-height:74px; background:#F3F3F3; color:#0B699B; transition:background 300ms, color 300ms}
	.modal-content-tab li.active > a { background:#515151; color:#FFF; }
	.modal-content-tab li > a:hover { background:#808080; color:#FFF; }
	.modal-content-tab li.active { position:relative;  }
	.modal-content-tab li.active:after { content:""; display:block; position:absolute; bottom:0px; left:50%; border:10px solid transparent; border-bottom-color:#FFF; }
	
	
	.modal-content-tab.two li { width:50% !important }
	.modal-content-tab.three li { width:33.3333% !important }
	.modal-content-tab.four li { width:25% !important }
	.modal-custom-tab.four li { width:25% !important }
	.modal-content-tab.five li { width:20% !important }
	.modal-content-tab.six li { width:16.6666% !important }
/* 	.modal-content-tab.seven li { width:14.285714% !important } */
	
	
	
	/* new tab */
	ul.modal-custom-tab { list-style:none; margin:0px 0px 15px; padding:0px; overflow:hidden; }
	ul.modal-custom-tab > li { float:left; width:20% }
	ul.modal-custom-tab.four > li { float:left; width:25% }
	ul.modal-custom-tab.six > li { float:left; width:16.66% }
	ul.modal-custom-tab > li > a { display:block; text-align:center; text-decoration:none; line-height:74px; background:#F3F3F3; color:#0B699B; transition:background 300ms, color 300ms }
	ul.modal-custom-tab > li > a:hover,
	ul.modal-custom-tab > li.active > a { background:#515151; color:#FFF; }
	ul.modal-custom-tab > li.active { position:relative; }
	ul.modal-custom-tab > li.active:after { content:""; display:block; position:absolute; bottom:0px; left:50%; border:10px solid transparent; border-bottom-color:#FFF; }
	
	div.tab-contents { padding:0px 10px }
		.tab-item { display:none; }
		.tab-item.active { display:block; }
	
	
	.panel-primary  { border-color:#E8E8E8; }
	.panel-primary > .panel-heading { background-color:#0B699B; text-align:center; text-transform:uppercase; font-size:16px; padding:25px; color:#FFF; }
	.panel-primary > .panel-heading > h3 { color:#FFF }
	.panel-primary > .panel-body { background-color:#F8F8F8; }


	.panel-content > .panel-heading { padding:15px;}
	.panel-content > .panel-heading > h3 { text-align:left; font-size:15px; }
	.panel-content > .panel-heading > h3.acenter { text-align: center }
	
		.labelright { }
		
		.custName { margin:10px; }
		
	.cssPreloader { border-radius:100%; background:#CCC; width:100px; height:100px; padding:10px; overflow:hidden; position:relative; }
	.cssPreloader .inner { border-radius:100%; background:#FFF; width:100%; height:100%; padding:10px; }
	
	
	.form-control.fader { border:none; background:none; transition:300ms all; box-shadow:0px 0px 5px rgba(0,0,0,0.5); }
	.form-control.fader:focus { box-shadow:0px 0px 5px rgba(0,0,0,0.5); background:#FFFF99; }
	
	.showSweetAlert { box-shadow:0px 0px 5px rgba(0,0,0,0.5); }
	.deptarea { }
	.deptarea .row { margin-bottom:5px; padding-top:5px; border-top:1px solid #EEE; }
	.deptarea .row:first-child { border-top:none }
	
	/* preloader */
#preloader_1{
    position:relative;
}
#preloader_1 span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#9b59b6;
    position:absolute;
    animation: preloader_1 1.5s  infinite ease-in-out;
}
 
#preloader_1 span:nth-child(2){
left:11px;
animation-delay: .2s;
 
}
#preloader_1 span:nth-child(3){
left:22px;
animation-delay: .4s;
}
#preloader_1 span:nth-child(4){
left:33px;
animation-delay: .6s;
}
#preloader_1 span:nth-child(5){
left:44px;
animation-delay: .8s;
}
@keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background:#9b59b6;}
    25% {height:30px;transform:translateY(15px);background:#3498db;}
    50% {height:5px;transform:translateY(0px);background:#9b59b6;}
    100% {height:5px;transform:translateY(0px);background:#9b59b6;}
}
	/* preloader */
	
.listedfields { margin:0px 0px 15px; padding:0px; list-style:none; border-radius:10px; overflow:hidden; }
.listedfields label { font-weight:normal; }
.listedfields > li { background:#eee; padding:10px 20px 5px; color:#999; border-top:1px solid #ccc; }
.listedfields > li:first-child { border-top:0px; }
.listedfields > li > label { line-height:42px; height:42px; }
.listedfields > li input[type=password],
.listedfields > li input[type=text] {  }

.ui-datepicker { }
.sweet-overlay { z-index:2000; }


.divTable { padding-top:0px; padding-bottom:0px; }
.divTable .row { border-top:1px solid #DDD }
.divTable .row > div { border-left:1px solid #ddd; padding-top:10px;padding-bottom:10px; min-height:50px; line-height:50px; }
.divTable .row > div .status-bordered { line-height:1 }
.divTable .row > div:first-child { border-left:0px; }
	.dHeader { font-weight:bold; text-align:center; }
	
	.circPanel { border-radius:10px; background:#F3F3F3; border:1px solid #CBCBCB; }
		.spicyPad .row { border-top:1px solid #DDD; padding-top:10px; padding-bottom:10px; }
		.spicyPad .row:first-child { border-top:0px; }
/* UTILITIES */


/* LABEL RIGHT */
.labelright label { text-align:right; width:30%; padding:12px 12px 12px 2px; }
.labelright .flyinput { text-align:right; width:70%; float:right; }
.checklistslots .form-control { width:auto }
.checklistslots .checkboxes { float:left; margin:10px; }


.mastercodes-list label { text-align:right;  padding:12px 12px 12px 2px; }
.mastercodes-list .flyinput { text-align:right; width:70%; float:right; }

	.radioBtn a { background:#BBBBBB; border:none; padding:10px 15px; }
	.radioBtn a.active { background:#21A3E7; }
	.radioBtn a:hover { background:#21A3E7; }

/* LABEL RIGHT */

/* STYLES */
.wrapper { height:100%; }
.stretchpull {  }
	.logo { max-width:100%; width:100%; }
	.custom-columns { }
	.custom-columns:after { content:""; display:block; clear:both; width:100%; }
	[data-toggle-target] { transition:width 50ms; }
	.custom-columns > .custom-sidebar { width:266px; height:100%; float:left; position:relative; z-index:9; }
	.custom-columns > .custom-sidebar.iconic { width:114px; }
	.custom-columns > .custom-content { width:100%; height:100%; margin-left:-266px; float:left; }
	.custom-columns > .custom-content > .custom-content-inner { margin-left:266px; }

	.custom-columns.icon-tent { }
	.custom-columns.icon-tent .custom-content { margin-left:-114px; }
	.custom-columns.icon-tent .custom-content-inner { margin-left:114px; }
	
	
		/* welcome area and breadcrumbs */
		.breadcrumbs { border-bottom:1px solid #EEE; background:#FFF; padding:5px 10px; }
		.breadcrumbs > ul { list-style:none; margin:0px; padding:0px; }
		.breadcrumbs > ul > li { display:inline-block; border-left:1px solid #EEE; padding: 0px 5px 0px 10px; }
		.breadcrumbs > ul > li:first-child { border-left:0px; padding-left:0px; }
		.breadcrumbs > ul > li a { font-size:11px; }
		
		
		.welcome-area { position:relative; text-align:center; background:#FFF; padding:20px 0px; }
		.welcome-area:after { content:""; display:block; position:absolute; top:100%; left:50%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #FFF; }
		.welcome-area h2 { margin:0px; color:#757575 }
		.welcome-area h2 > span { color:#24A3EA }
		/* welcome area and breadcrumbs */
		
		.content-admin { background:#F4F4F4; width:100% }
		.content-admin-inner { padding:40px 30px 20px; min-height:500px }
		.content-admin-inner .container { max-width:100% }
	
		.sidebar-blue { background:#22A3E8; height:100%; color:#FFF; }
		.top-menu { background:#22A3E8; clear:both; }
		.top-menu:after { content:""; display:block; clear:both; width:100%; }
		
			.toggler { display:inline-block; height:100%; padding:10px; background:#22A3E8 url('../images/toggle-desktop.png') no-repeat 50%; padding:0px 30px; transition:all 300ms; }
			.toggler:hover { background-color:#1E9BDF; }
			.toggler-mobile { position:absolute; left:0px; display:inline-block; height:100%; padding:10px 30px; background:#F4F5F4 url('../images/toggle-mobile.png') no-repeat 50%; }
			
			@media only screen and (min-width:768px) {
			.top-menu-list { list-style:none; padding:0px; margin:0px; float:right; height:100%; }
			.top-menu-list > li { float:left; height:100%; display:table; border-left:1px solid #1E9BDF;  }
			.top-menu-list > li.username > a { font-size:20px; background:none; padding-left:0px; }
			.top-menu-list > li.username > a:hover { background:none }
			.top-menu-list > li:first-child { border:none; }
			.top-menu-list > li > a { transition:300ms all; height:100%; display:inline-block; vertical-align:middle; display:table-cell; color:#FFF; text-align:center; }
			.top-menu-list > li.toggled > a,
			.top-menu-list > li > a:hover { background:#1E9BDF; text-decoration:none }
			.top-menu-list > li > a span { font-size:inheret }
			.top-menu-list > li.hasMenu { position:relative; }
			.top-menu-list > li.hasMenu:before { border:5px solid transparent; border-top-color:#FFF; position:absolute; top:35%; left:60%; content:"" }
			.top-menu-list > li.hasMenu > ul { display:none; z-index:999; position:absolute; top:100%; left:0px; width:260px; list-style:none; margin:0px; padding:0px; background:#000; border-radius:0px 0px 8px 8px; overflow:hidden }
			.top-menu-list > li.hasMenu.toggled > ul { display:block; }
			.top-menu-list > li.hasMenu > ul > li { }
			.top-menu-list > li.hasMenu > ul > li > a { font-size:12px; display:block; padding:15px 30px; color:#FFF; background:#595959; transition:all 300ms; text-decoration:none; }
			.top-menu-list > li.hasMenu > ul > li > a:hover { background:#3F3F3F; }
			}
			@media only screen and (max-width:767px){
			.top-menu-list { position:relative; }
			.top-menu-list > li.hasMenu { text-align:left; }
			.top-menu-list > li.hasMenu > a { margin-right:5px; }
			.top-menu-list > li.hasMenu:after { border:5px solid transparent; border-top-color:#FFF; content:""; overflow:hidden; height:0px; float:right; margin-top:-25px; }
			.top-menu-list > li.hasMenu > ul { position:absolute; top:100%; left:0px; z-index:999; width:100%; min-width:320px; display:none; }
			.top-menu-list > li.hasMenu.toggled > ul { display:block; background:#000; border-radius:0px 0px 8px 8px;  list-style:none;  margin:0px; padding:0px; }
			.top-menu-list > li.hasMenu.toggled > ul > li { padding:0px; }
			.top-menu-list > li.hasMenu.toggled > ul > li > a { padding:10px 15px; display:block; background:#595959; color:#FFF; transition:all 300ms; text-decoration:none; }
			.top-menu-list > li.hasMenu.toggled > ul > li > a:hover { background:#3F3F3F }
			}
			
			/* ie8 fixes */
			.ie8 .top-menu-list { list-style:none; padding:0px; margin:0px; float:right; height:100%; }
			.ie8 .top-menu-list > li { float:left; height:100%; display:table; border-left:1px solid #1E9BDF;  }
			.ie8 .top-menu-list > li.username > a { font-size:20px; background:none; padding-left:0px; }
			.ie8 .top-menu-list > li.username > a:hover { background:none }
			.ie8 .top-menu-list > li:first-child { border:none; }
			.ie8 .top-menu-list > li > a { transition:300ms all; height:100%; display:inline-block; vertical-align:middle; display:table-cell; color:#FFF; text-align:center; }
			.ie8 .top-menu-list > li > a:hover { background:#1E9BDF; text-decoration:none }		
			
			.ie8 .wrapper { width:100%; min-width:1000px; }
			.ie8 .custom-columns > .custom-sidebar { height:auto }
			.ie8 .custom-columns > .custom-content { height:auto }
			.ie8 .toggler { float:left; height:100px; }
			.ie8 .top-menu { height:100px }
			.ie8 .top-menu-list {  height:100px; }
			.ie8 .top-menu-list > li { display:inline; }
			.ie8 .top-menu-list > li > a { display:block; line-height:100px; }
			
	
			/* ie8 fixes */
			
			
			/* sidemenu */
			
			.sidemenu { list-style:none; padding:0px; margin:0px; position:relative; }
			.sidemenu > li { text-align:center; border-bottom:1px solid #1E9BDF; }
			.sidemenu > li > a { display:block; text-decoration:none; color:#FFF; padding:15px 0px; transition:background 300ms; }
			.sidemenu > li > a > span.menulabel { text-transform:uppercase; color:#FFF; }
			.sidemenu > li > a:hover { background:#1E9BDF; }
			@media only screen and (min-width:768px) {
			.sidemenu > li.toggled { }
			.sidemenu > li .nano-container { }
			.sidemenu > li .nano { left:-100%; }
			.sidemenu > li.toggled .nano { left:100%; opacity:1 }
			
			.sidemenu .nano { position:absolute; left:100%; top:0px; bottom:0px; height: 500px; border-radius:0px 8px 8px 0px; overflow:hidden;  }
			.sidemenu .nano-content { }
			.sidemenu .submenu { background:#595959; margin:0px; padding:0px; list-style:none; overflow:hidden; }
			.sidemenu .submenu > li {  }
			.sidemenu .submenu > li > a { transition:all 300ms; display:block; padding:10px 25px; width:100%; text-align:left; text-decoration:none; color:#FFF; }
			.sidemenu .submenu > li > a:hover { background:#3F3F3F; }
			
			
			.iconic .sidemenu > li > a { padding:25px 0px }
			.iconic .sidemenu > li .nano { left:-200%; width:200%; }
			.iconic .sidemenu > li.toggled .nano { left:100%; }
			.iconic span.menulabel { display:none; }
			
			}
			
			/* sidemenu */
			
		
			/* admin styles */
			.content-admin-inner { color:#757575; }
			.content-admin-inner h3 { margin:0px; color:#757575; }
			.content-admin-inner h3.page-title { text-align:center; border-bottom:1px solid #E0E0E0; padding:15px 15px 30px; margin-bottom:60px; }
				.box-pane-wrap { border-bottom:1px solid #C2DCEA; margin-bottom:80px; min-height:80px; position:relative; }
				.box-pane { font-size:12px; margin-left:50px; padding-bottom:15px; min-height:100px;}
				.box-pane h3 { font-size:15px; text-transform:uppercase; color:#0081C7; margin-bottom:5px; }
				.box-pane .custom-icon-lg { float:left; margin-left:-50px; }
				.box-pane .box-a { background:#21A3E7; background-image: url('../images/box-a.png'); background-position: 50% 50%;background-repeat: no-repeat;display:block; width:30px; height:26px; text-align:center; line-height:23px; margin:0px 0px -13px -15px;position:absolute; bottom:0px; left:50%; }
			/* admin styles */
			



			/* select menus */
			.spaceit { margin-bottom:12px; }
			.select-wrappers{ }
			.select-wrappers select{
				width:110%;
				height:45px;
				box-shadow:none;
				border-radius:none;
			}


			.styled-select select {
			   background: transparent;
			   -webkit-appearance: none;
			   padding-right:25%;
			   padding-left:5%;
			}
			.styled-select.single-style select {
			   width:110%; height:100%
			}

			.styled-select.single { width:100%; }
			.styled-select.single-style { width:100%; }
			.styled-select {
			   width:24.5%;
			   float:left;
				height:45px;
				margin-right:0.5%;
		   overflow: hidden;
		   background:#fff url(../images/select-arrow.png) no-repeat center right 10px;
		   border-radius: 4px;
		   border: 1px solid #ccc;
		   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
				-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
				-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
				transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			}
			
			.styled-select-multi{
			   width:100%;
			   float:left;
				height:115px;
				margin-right:0.5%;
		   overflow: hidden;
/* 		   background:#fff url(../images/select-arrow.png) no-repeat center right 10px; */
		   border-radius: 4px;
		   border: 1px solid #ccc;
		   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
				-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
				-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
				transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			}
	

			.select-wrappers button{
				float:left;
				width:100%;
				font-size:14px;
				padding-left:0;
				height:45px;
				padding:0;
				clear:both;
				font-weight:normal;
				margin-top:10px;
			}



			.select-wrappers button span{
				color:#828181;
			}
			/* select menus */


/* buttons */

.btn-blue,.btn-blue .glyphicon{
	color:#fff;
}


.status-bordered{
	padding:5px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:auto;
	color:#fff;
	display:inline-block;
}

.active-status{
	background:#01c675;
}

.inactive-status{
	background:#c60126;
}

/* buttons */




	/* normal buttons */

	.normal-buttons{
		font-weight: normal;
		height: 46px;
	}

	.action-buttons .normal-buttons{
		margin-top:10px;
	}
	.action-buttons > a { line-height:1 }

	/* normal buttons */


	/* vehicles */

	.blueText{
		color:#1186c5;
	}

.blue-bg{
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	padding:5px 8px;
	color:#fff;
	cursor:pointer;
}

.styled-checkbox.active .blue-bg{
	background:#22A3E8;
}




.styled-checkbox.inactive .blue-bg{
	background:#fff;
	border:solid 2px #cbcbcb;
	height:30px;
	width:30px;
}

.styled-checkbox.inactive .blue-bg span.glyphicon{
	display:none;
}


.checkbox-larger .styled-checkbox { width:24%; }
.styled-checkbox{
	display:inline-block;
	vertical-align:middle;
	margin-right:2%;
	width:12%;
}

.col-md-6 .styled-checkbox{
	width:24%;
}

.site-hour-table td{
	padding:5px 0;
	background:#eaeaea;
	border-bottom:solid 1px #e4e4e4;
}

.site-hour-table th{
	padding:5px 0;
	background:#f8f8f8;
}

.subscription-table th{
	padding:15px 0;
	background:#eaeaea;
	border-bottom:solid 1px #e4e4e4;
}

.subscription-table td{
	padding:15px 0;
	background:#f8f8f8;
}

.col-md-6 .horizontal-checkbox .styled-checkbox {
	width:100%;
}

.mastercode-intro{
	height:47px;
	padding-top:10px;
}


.styled-checkbox-wrap label{
	display:inline-block;
	vertical-align:middle;
	margin-right:2%;
	width:10%;
	text-align:right;
}

.custom.styled-checkbox-wrap label{
  width:28%;
  line-height:50px;
}

.iBlock{
	display:inline-block;
}

.aMiddle{
	vertical-align:middle;
}

.styled-checkbox div{
	display:inline-block;
	vertical-align:middle;
}

.styled-checkbox span.checkbox-label{
	display:inline-block;
	vertical-align:middle;
}

	.tab-vehicles.modal-content-tab{
		background:#F3F3F3;
	}
	.tab-vehicles.modal-content-tab ul{
	
	}
	.tab-vehicles.modal-content-tab li{
		float:left;
		width:16.66%;
	}

.inner-boxes{
	padding:20px;
}
.besideYesNo{

}
.besideYesNo label{
	width:auto;
	line-height:55px;
	display:inline-block;
	vertical-align:middle;
}

.besideYesNo .flyinput{
	display:inline-block;
	vertical-align:middle;
}

.width100{
	width:100% !important;
}
.flyinginput-lineheight{
	line-height:45px;
}


.row-separator .progress{
	height:30px;
	background:#989898;
}

.checkbox-input-box{
	width:17%;
	display:inline-block;
	cursor:pointer;
	margin:0 1%;
}

.checkbox-input-box .check-holder{
	float:left;
	height:30px;
	border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	background:#bcbcbc;
	color:#bcbcbc;
	padding:5px 8px;
	width:15%;
}
.checkbox-input-box .check-holder.active{
	background:#22a3e8;
	color:#fff;
}
.checkbox-input-box .value-holder{
	width:85%;
	float:left;
	border-top:solid 1px #bcbcbc;
	border-right:solid 1px #bcbcbc;
	border-bottom:solid 1px #bcbcbc;
	height:30px;
	border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
}

.checkbox-input-box .value-holder input{
	border:none;
	background:#fff;
	width:100%;
	padding:0 3%;
	height:28px;
	line-height:30px;
	border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
}


.innertable-wrapper{
	border:solid 1px #bcbcbc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:auto;
}

table.inner-panel{
	overflow:hidden;
}

table.inner-panel th{
	background:#0c699b;
	color:#fff;
	padding:10px;
}

.small-menu span{
	height:3px;
	background:#1186c5;
	width:25px;
	display:block;
	margin:0 auto 3px auto;
}

table.inner-panel td{
	text-align:center;
	padding:10px;
}
	/* vehicles */

	/* users */
.input-range span.symbol{
	font-size:20px;
}

.input-range .rangeholder{
	width:80%;
	margin:0 15px;
}
.tab-user.modal-content-tab{
		background:#F3F3F3;
	}
	.tab-user.modal-content-tab ul{
	
	}
	.tab-user.modal-content-tab li{
		float:left;
		width:20%;
	}

	.marginBot15{
		margin-bottom:15px;
	}

.paddingRight15{
		padding-right:15px !important;
	}
.paddingLeft15{
		padding-left:15px !important;
	}


.garbage-icon{
	  float: right;
  margin-top: 3px;
  margin-left: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

	/* users */
.row-separator {
	background:#f8f8f8;
	border-bottom:solid 1px #e4e4e4;
	padding:15px 0;
	float:left;
	width:100%;
}

.row-separator:last-child {
	border-bottom:none;
}

.row-separator p{
	margin:0;
}

.panel-body.custom-panel{
	padding:0;
}

.top-separator{
	
}
	
.bottom-separator{s
	border-bottom:0;
}


a.btn-lg:hover {
	color:#fff !important;
	background-color: #1693d6 !important;
}

.modal-content-wrap button.btn-lg:hover {
	color:#fff !important;
	background-color: #1693d6 !important;
	font-size:13px;
}
.modal-content-wrap button.btn-lg{
	font-size:13px;
}

	/* medium screens */
	@media only screen and (min-width:991px) {
			.top-menu-list > li > a { padding:0px 30px; }
	}
	
	/* large screens */
	@media only screen and (min-width:1201px) {
			.top-menu-list > li > a { padding:0px 50px; }


			/* .styled-select {
			   width:23.5%;
			}
	 */
	 
	 	.styled-select {
			   width:47.5%;
			}
	 

			.select-wrappers button{
				width:4%;
				margin-top:0;
				clear:none;
			}



	}
	
	
	/* tablet screens */
	@media only screen and (max-width:990px) {
			.top-menu-list > li > a { padding:0px 10px; }
	}
	
	/* tablet/desktop screens */	
	@media only screen and (min-width:768px) {
		.top-menu { height:99px; }
		
	}
		
	/* mobile screens */
	@media only screen and (max-width:767px) {
	.custom-sidebar-inner-top { text-align:center; padding:0px 50px }
	.custom-sidebar-inner-top > a { display:inline-block; text-align:center; margin:0px auto; }
	.custom-columns > .custom-content.custom-content-top { margin-left:0px; height:auto; }
	.custom-columns > .custom-content.custom-content-top .custom-content-inner { margin-left:0px; }
		
	.custom-columns > .custom-sidebar { width:100%; background:#F4F5F4; }
	.custom-columns > .custom-content { width:100%; margin-left:-40%; }
	.custom-columns > .custom-content > .custom-content-inner { margin-left:40%; }
	.custom-columns > .custom-content.hiddex-activated  { margin:0px; }
	.custom-columns > .custom-content.hiddex-activated  > .custom-content-inner { margin-left:0%; }
	
	.top-menu { height:auto !important; background:#1186C5; }
		.top-menu-list { text-align:center; margin:0px; padding:20px 0px; }
		.top-menu-list > li.username { display:block; }
		.top-menu-list > li.username a { color:#FFF; text-decoration:none; font-size:20px; height }
		.top-menu-list > li { border-right:1px solid #1B8BC8; display:inline-block; }
		.top-menu-list > li:last-child { border-right:0px; }
		.top-menu-list > li .labelmenu { display:none; }
		.top-menu-list > li > a { display:block; padding:10px 10px; }
	.rvbars { background:#22A3E8; }
		.rvbars { }
		.rvbars > .sidemenu { text-align:left }
		.rvbars > .sidemenu > li { text-align:left }
		.rvbars > .sidemenu > li > a { text-align:left; padding:10px 10px }
		.rvbars > .sidemenu > li > a .custom-icon { display:inline-block; float:left; margin-right:10px; }
		.rvbars > .sidemenu > li > .nano-container { display:none; }
		.rvbars > .sidemenu > li.toggled > .nano-container { display:block; }
		.rvbars > .sidemenu > li.toggled > .nano-container ul.submenu { list-style:none; padding:0px; margin:0px; background:#3DAEEB; padding:0px 10px }
		.rvbars > .sidemenu > li.toggled > .nano-container ul.submenu li { }
		.rvbars > .sidemenu > li.toggled > .nano-container ul.submenu li a { display:block; color:#FFF; text-decoration:none; padding:5px; }
		.rvbars .nano > .nano-content { position:static; }
		
	}
		
	.heighttretch { height:100%; }

ul.custom-strip { padding:0px; margin:0px; list-style: none; }
ul.custom-strip >li:nth-child(odd){	background-color:#EEE; }
ul.custom-strip >li { font-weight:normal; font-size:13px; padding:5px 15px; line-height:25px; }
ul.custom-strip >li label { font-weight:normal; }
.action-link { float:right; color:#FFF; background:#22A3E8; padding:5px 8px 3px 5px; border-radius: 4px; line-height:18px; min-width:26px; text-align: center; margin-left:5px; }
.action-link:hover { color:#FFF; text-decoration: none }


 /* gps */
 #gpscontrols { margin-bottom:15px; }
 #gpscontrols > span { display:block; margin-top:15px !important; }
 #gpscontrols > br { display:none; }
 #gpscontrols .close { float:none; font-weight:normal; font-size:14px; color:#757575; opacity:1; }
 #gpscontrols table { width:100% }
 #gpscontrols td { padding-bottom:5px; }
 #gpscontrols [type=text],
 #gpscontrols select {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #FFF;
background-image: none;
border: 1px solid #CCC;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
 	
 }
 #gpscontrols [type=submit],
 #gpscontrols [type=button] {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #333;
	background-color: #FFF;
	border-color: #CCC;
 }


/* STYLES */
.sweet-alert { }
.sweet-alert h2 { }
.sweet-alert h2:first-letter { text-transform:capitalize; }


.ui_tpicker_second_label,.ui_tpicker_second { display:none }
.website-access .blue-bg { float:left; display:inline-block; margin-right:5px; margin-top:-5px; }
.website-access .styled-checkbox { width:25%; margin:0px; font-size:12px; }

.smallerlabel { }
.smallerlabel .checkbox-label { font-size:13px; }

/* custom lightbox */

	.custom-lightbox { background:url('../images/lightbg.png'); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:99; opacity:0; }
		.custom-lightbox-wrap { cursor: pointer; height:100%; width:100%; padding:10%; text-align: center; }
			.custom-lightbox-inner { cursor:default; background:#FFF; min-height:300px; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); width:auto; margin:0px auto; display:inline-block; text-align:left; }
			
			
			.custom-columns.fixit { min-height:600px; }
			.custom-columns.fixit:after { clear:both; display:block; width:100%; overflow:hidden; height:0%; content:""; }
			
			
			.paginate { }
			.paginate tr { display:none }
			.paginate tr.display_it { display:table-row }
			
			
.gmtp_list { background:#FFF; border:1px solid #EEE; box-shadow:0px 0px 5px rgba(0,0,0,0.5); margin:0px; padding:0px; list-style:none; position:absolute; top:100%; left:0px; right:0px; z-index:9; }
.gmtp_list li { border-bottom:1px solid #EEE; }
.gmtp_list li a { display:block; padding:5px; background:#F9F9F9; transition: background 300ms; border-top:1px solid #FFF; }
.gmtp_list li a:hover { background:#FFFFFF; }
			
/* preloader */
			
div._preloader {
  margin:6px auto;
  box-sizing:border-box;
  width:20px;
  height:20px;
  border-radius:50%;
  background:linear-gradient(rgba(64, 150, 238, 1) -50%,rgba(64, 150, 238, 0) 60%);
  animation:roll-r 6s linear infinite;
}

div._preloader>div {
  padding:5px;
  animation:roll-l 2s linear infinite;
}
div._preloader>div:after {
  content:"";
  display:block;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#fff;
}

@keyframes roll-r {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
@keyframes roll-l {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(-360deg);}
}

.icon-battery { width:23px; height:23px; background:url('../images/car-battery-white-23.png') no-repeat; }

.icon-battery-lg { width:37px; height:32px; background:url('../images/car-battery-blue-37x32.png') no-repeat; }

.icon-driver-limit { width:23px; height:23px; background:url('../images/icon-driver_limit.png') no-repeat; }

.icon-driver-limit-lg { width:37px; height:32px; background:url('../images/icon-driver_limit-lg-blue.png') no-repeat; }

.close { font-size:37px !important; }

.mccheckbox { width:100% !important; }
.checkbox-label { width: 90% !important; padding-left: 15px; }

.checkbox-label-va { width: 79% !important; padding-left: 15px; }

.styled-checkbox-va { width:22% !important; }

.c_id_holder { width:29% !important; }
.c_id_holder .checkbox-label { padding: 0px !important; width: 50% !important; }

.p_id_holder { width:29% !important; }
.p_id_holder .checkbox-label { padding: 0px !important; width: 50% !important; }

.battery-uk { height: 204px; }

@media only screen and (min-device-width: 480px) and (max-width: 780px) 
{
	.sidebar-blue { background:#22A3E8; }
	.logo { width:283px; height:99px; }
	.sidemenu .submenu { background:#595959 !important; }
	.sidemenu .submenu > li > a:hover { background: #3F3F3F; }
	.custom-sidebar-inner-top { background:#F5F5F5; }
}

@media only screen and (min-device-width: 320px) and (max-width: 700px) 
{
	.sidebar-blue { background:#22A3E8; }
	.logo { width:240px; height:99px; }
	.login-form-position { position: absolute; top:51%; }
	.login-fields > fieldset > p { padding: 10px 15px; }
	.sidemenu .submenu { background:#595959 !important; }
	.sidemenu .submenu > li > a:hover { background: #3F3F3F; }
	.custom-sidebar-inner-top { background:#F5F5F5; }
}

@media only screen and (min-device-width: 250px) and (max-width: 480px) 
{
	.sidebar-blue { background:#22A3E8; }
	.logo { width:170px; height:70px; }
	.login-logo img { width:170px; height:70px; }
	.login-fields .button { width:170px; }
	.login-form-position { position: absolute; top:51%; }
	.login-fields > fieldset > p { padding: 10px 15px; }
	.sidemenu .submenu { background:#595959 !important; }
	.sidemenu .submenu > li > a:hover { background: #3F3F3F; }
	.custom-sidebar-inner-top { background:#F5F5F5; }
}

.tblSubs .table-head
{
	background-color: #0B699B;
}


.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

input[type=file] {
  filter: alpha(opacity=0);
}

.image-upload > input
{
    display: none;
}

.image-upload
{
	text-align:center
}

.dt-buttons button.dt-button, a.dt-button {    
    background:#22A3E8;
}