@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');
	@font-face {
	  font-family: "Flaticon";
	  src: url("fonts/Flaticon.eot");
	  src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
		   url("fonts/Flaticon.woff") format("woff"),
		   url("fonts/Flaticon.ttf") format("truetype"),
		   url("fonts/Flaticon.svg#Flaticon") format("svg");
	  font-weight: normal;
	  font-style: normal;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	  @font-face {
		font-family: "Flaticon";
		src: url("fonts/Flaticon.svg#Flaticon") format("svg");
	  }
	}
	
	[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
	[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	  font-family: Flaticon;
			font-size: 32px;
	font-style: normal; 
	
	}
	
	.flaticon-alarm:before { content: "\f100"; }
	.flaticon-telephone:before { content: "\f101"; color: #b1b1b1; font-size: 37px;}
	.flaticon-edit-1:before { content: "\f102";  color: #868687;font-size: 23px;margin: 0;}
	.flaticon-alert:before { content: "\f103"; font-size: 15px;margin-right: 10px;}
	.flaticon-paper:before { content: "\f104"; color: #b1b1b1; font-size: 37px; }
	.flaticon-add-plus-button:before { content: "\f105"; color: #fff; }
	.flaticon-close-button:before { content: "\f106"; color: #fff; }
	.flaticon-clipboard:before { content: "\f107"; color: #b1b1b1; font-size: 37px;}
	.flaticon-menu-options:before { content: "\f108"; color: #fff; font-size: 37px; }
	.flaticon-fuel-station:before { content: "\f109"; font-size: 60px; line-height: 75px; color: #7d7d7d;}
	.flaticon-search:before { content: "\f10a"; font-size: 26px; }
	.flaticon-edit:before { content: "\f10b"; }
	.flaticon-right-arrow:before { content: "\f10c"; }
	.flaticon-printer-tool:before { content: "\f10d"; }
	.flaticon-correct:before { content: "\f10e"; }
	.flaticon-view:before { content: "\f10f"; color: #868687; font-size: 30px; margin: 0; }
	.flaticon-download:before { content: "\f110"; color: #868687; font-size: 25px; margin: 0 20px; }
	.flaticon-india-rupee-currency-symbol:before { content: "\f111"; }
	.flaticon-gas-station:before { content: "\f112"; }
	.flaticon-list:before { content: "\f113"; font-size: 15px;margin-right: 10px;}
	.flaticon-credit-cards-payment:before { content: "\f114"; }
	.flaticon-play-button:before { content: "\f115"; color: #cecece; font-size: 23px;}
	.flaticon-menu-1:before { content: "\f116"; color: #cecece; font-size: 23px; }
	.flaticon-rubbish-bin-delete-button:before { content: "\f117"; color: #868687; font-size: 23px; margin: 0 20px;}
	.flaticon-cancel:before { content: "\f118"; color: #868687; font-size: 23px; margin: 0;}
	
	.flaticon-document:before { content: "\f119"; }
	.flaticon-document-1:before { content: "\f11a"; }
	.flaticon-mail-black-envelope-symbol:before { content: "\f11b"; }
	.flaticon-placeholder:before { content: "\f11c"; }
	.flaticon-telephone-1:before { content: "\f11d"; color: #b1b1b1; font-size: 37px;}
	.flaticon-house-outline:before { content: "\f11e"; font-size: 15px;margin-right: 10px;}
	.flaticon-writing:before { content: "\f11f"; font-size: 15px;margin-right: 10px;}
	.flaticon-open-book:before { content: "\f120"; font-size: 15px;margin-right: 10px;}
	.flaticon-accept-file-or-checklist:before { content: "\f121"; }
	.flaticon-checklist:before { content: "\f122"; }
	.flaticon-rolled-paper-for-bathroom:before { content: "\f123"; font-size: 15px;margin-right: 10px;}
	.flaticon-shopping-list:before { content: "\f124"; }
	.flaticon-user:before { content: "\f125"; font-size: 15px;margin-right: 10px;}
	.flaticon-video-conference:before { content: "\f126"; font-size: 15px;margin-right: 10px;}
	.flaticon-agenda:before { content: "\f127"; font-size: 15px;margin-right: 10px;}
	.flaticon-report:before { content: "\f128"; font-size: 15px;margin-right: 10px;}
	
	.cbp-spmenu a span::before {
		color: #283e87 !important;
		font-size:20px !important; margin-right: 10px !important;
	}
	
	body {font-family: 'Poppins', sans-serif; color: #1b1b1b; line-height: 25px; font-weight: 400 !important; overflow-x:hidden !important; background: #fff !important;
	   }
	ul, ol { margin:0; padding:0; } 
	a, button  { -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
	a, a:focus, a:hover, a:active, input:focus, select:focus, button:focus{ outline:0}
	h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;} 
	.red_btn{text-decoration: none !important;background: #c00 !important;color: #fff !important;display: inline-block !important;padding: 10px 26px !important;text-align: center !important;font-size: 14px !important;
	text-transform: uppercase !important;font-weight: 600 !important;}
	.green_btn{text-decoration: none !important;background:#228B22  !important;color: #fff !important;display: inline-block  !important;;padding: 10px 26px  !important;text-align: center;font-size: 14px !important;
	text-transform: uppercase;font-weight: 600 !important;}
	.deliver_btn{text-decoration: none !important;background:#f7c400 ;color: #fff !important;display: inline-block  !important;padding: 10px 26px  !important;text-align: center;font-size: 14px !important;
	text-transform: uppercase;font-weight: 600 !important;}
	.container {width: 90%; float: left; margin: 0 5%;}
	#splashScreen {width: 100%; float: left; background: #356bba; }
	.logoSection {width: 100%; float: left; padding: 130px 0 0 0; text-align: center;} 
	.logoSection h1 {font-size: 66px; color: #fff; margin: 10px 0 0 0; text-transform: uppercase; font-weight: 600;}
	.logoSection h1 span {font-size: 36px; display: block; text-transform: capitalize; font-weight: 400; letter-spacing: 10px;}
	.splashSection {width: 100%; float: left; text-align: center;}
	.splashSection img {width: 100%; height: auto;} 
	.loginSection {width: 100%; float: left; background:#fff;}
	.loginLogo {width: 100%; float: left; padding: 30px 0 0 0; text-align: center;} 
	.loginLogo h1 {font-size: 66px; color: #000; margin: 10px 0 0 0; text-transform: uppercase; font-weight: 600;}
	.loginLogo h1 span {font-size: 36px; display: block; text-transform: capitalize; font-weight: 400; letter-spacing: 10px;}
	.signCon {width: 100%; float: left; text-align: center; margin: 80px 0 40px 0;}
	.signCon h2 {font-size: 40px; color: #000; margin: 10px 0 0 0; text-transform: uppercase; font-weight: 600;}
	.signCon h2 span {font-size: 22px; display: block; font-weight: 200; }
	.loginRight {width: 100%; float: left; padding: 0 15%; text-align: center !important;}
	.loginRight input {margin: 0 0 15px 0; position: relative !important;} 
	.loginRight a {font-size: 22px; font-weight: 200; color: #4a4a4a; text-decoration: underline !important; margin: 0 0 30px 0;}
	.login-btn {width: 20%; float: left; margin: 10px 0 20px 0;}
	.logbill-btn {background:#051b57; float: left; border:none; padding:10px 15px; color:#fff; font-family: 'Poppins', sans-serif; font-size:25px; font-weight: 600;  text-align: center; text-transform: uppercase; margin-right:11px; width: 100%;}
	.logbill:hover {background:#d04e00;}
	.logbill.active {background:#f37022;}
	.submit-btn {width: 18%; float: left; margin: 10px 0 20px 0;}
	
	.bill-btn {background:#f37022; float: left; border:none; padding:3px 20px; color:#fff; font-family: 'Poppins', sans-serif; font-size:20px; font-weight: 600;  text-align: center; text-transform: uppercase; margin-right:11px;  }
	.submit-btnNew .bill-btn {margin-bottom: 10px; }
	.blue{background:#0064b2; float: left; border:none; padding:3px 20px; color:#fff; font-family: 'Poppins', sans-serif; font-size:20px; font-weight: 600;  text-align: center; text-transform: uppercase; margin-right:11px; }
	.bill-btn:hover {background:#d04e00;}
	.bill-btn.active {background:#3455b8;}
	
	.delete-btn {  float: right; margin: 10px 0 20px 0;}
	.delete1-btn {background:#1f3a8c; float: left; border:none; padding:3px 20px; color:#fff; font-family: 'Poppins', sans-serif; font-size:20px; font-weight: 600;  text-align: center; text-transform: uppercase; }
	.delete1-btn:hover {background:#042073;}
	.delete1-btn.active {background:#1f3a8c;}
	
	.dieselSection {width: 100%; float: left; margin: 0 0 25px 0;}
	.dieselCon {width: 100%; float: left; padding: 20px 30px; border-bottom: 2px solid #007241; background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25); margin-bottom: 25px;}
	.petrolCon {width: 100%; float: left; padding: 20px 30px; border-bottom: 2px solid #007a94; background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);}
	.dieselIcon {width: 40%; float: left;}
	.dieselInfo {width: 60%; float: left;}
	.dieselInfo h5 {font-size: 30px; font-weight: 700; text-transform: uppercase; color: #007241;}
	.dieselInfo h5 span {font-size: 23px; font-weight: 400; display: block; text-transform: none; color: #000;}
	.petrolInfo {width: 60%; float: left;}
	.petrolInfo h5 {font-size: 30px; font-weight: 700; text-transform: uppercase; color: #007a94;}
	.petrolInfo h5 span {font-size: 23px; font-weight: 400; display: block; text-transform: none; color: #000;}
	.dateSection {width: 100%; float: left;}
	.dateSection h6 {font-size: 18px; font-weight: 400; text-transform: uppercase; color: #000;  line-height: 28px; margin: 0 0 20px 0;}
	.dateSection h6 span {font-size: 18px; font-weight: 700; display: block; text-transform: none; color: #f37022;}
	.amountSection {width: 100%; float: left;}
	.amountSection h6 {font-size: 18px; font-weight: 400; text-transform: uppercase; color: #000; text-align: right; line-height: 28px; margin: 0 0 20px 0;}
	.amountSection h6 span {font-size: 18px; font-weight: 700; display: block; text-transform: none; color: #f37022;}
	
	.oilCon {width: 100%; float: left; text-align: right;}
	/*.toggleSection { width: 100%; float: left; padding: 10px 0; margin: 0 0 30px 0; background: rgba(233,93,0,1);
	background: -moz-linear-gradient(left, rgba(233,93,0,1) 0%, rgba(255,136,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(233,93,0,1)), color-stop(100%, rgba(255,136,0,1)));
	background: -webkit-linear-gradient(left, rgba(233,93,0,1) 0%, rgba(255,136,0,1) 100%);
	background: -o-linear-gradient(left, rgba(233,93,0,1) 0%, rgba(255,136,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(233,93,0,1) 0%, rgba(255,136,0,1) 100%);
	background: linear-gradient(to right, rgba(233,93,0,1) 0%, rgba(255,136,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95d00', endColorstr='#ff8800', GradientType=1 );}
	*/
	.toggleSection { width: 100%; float: left; padding: 10px 0; margin: 0 0 30px 0;  
	background: #21336d; 
	background: -moz-linear-gradient(left, #21336d 0%, #3352b1 100%, #7db9e8 100%); 
	background: -webkit-linear-gradient(left, #21336d 0%,#3352b1 100%,#7db9e8 100%);
	background: linear-gradient(to right, #21336d 0%,#3352b1 100%,#7db9e8 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21336d', endColorstr='#7db9e8',GradientType=1 ); }
	
	/*
	.toggleSection { width: 100%; float: left; padding: 10px 0; margin: 0 0 30px 0; 
	background:#02164f; }*/
	
	
	.toggleSection img {float: left;}
	.toggleSection h4 {float: left; display: inline-block !important; text-transform: uppercase; margin: 20px 0 0 10px; color: #fff; font-size: 20px; }
	.fuleSection {width: 100%; float: left; position: relative;}
	.table-active {color: #000; background-color: #ededee !important; border-top: 1px solid #e7e7e7;}
	.table-primary {color: #fff; background-color: #337ab7 !important;}
	.table-secondary {color: #fff; background-color: #007a94 !important;}
	.table-success {color: #fff; background-color: #a02629 !important;}
	.fuleSection .form-control {display: block; width: 100%; height: 40px; padding: 3px 6px; font-size: 14px; line-height: 1.42857143; color: #1d1d1d; background: transparent; background-image: none; border: 1px solid #dadada; border-radius: 0;  }
	.fuleSection.new1 .form-control {color: #fff;}
	#myTable1 .form-control { color: #000; }
	.orderSection {width: 100%; float: left; position: relative; padding: 0; text-align: left !important;}
	.orderSection input {margin: 0 0 15px 0; position: relative !important;} 
	.print-btns .bill-btn {
		margin: 0 10px 15px 0;
		position: relative !important;
	}
	.orderSection a {font-size: 22px; font-weight: 200; color: #4a4a4a; text-decoration: underline; margin: 0 0 30px 0;}
	.input-group-text {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  padding: 0.375rem 0.75rem;
	  margin-bottom: 0;
	  font-size: 16px;
	  font-weight: 400;
	  line-height: 2.0;
	  color: #495057;
	  text-align: center;
	  white-space: nowrap;
	  background-color: #e9ecef;
	  border: 1px solid #ced4da;
	  border-radius: 0; padding: 3px 15px;
	}
	.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
	  position: relative;
	  -webkit-box-flex: 1;
	  -ms-flex: 1 1 auto;
	  flex: 1 1 auto;
	  width: 92%;
	  margin-bottom: 0;
	}
	.input-group {width: 100% !important; margin: 0 0 15px 0;}
	.input-group-prepend {width: 8% !important; float: left;}
	.form-inline .input-group>.form-control {width: 95%; float: left;}
	.orderSection span {color: #F00;}
	.dieselSection {width: 100%; float: left;}
	.dieselSection h3 {font-size: 25px; color: #353535; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #d0d0d1; padding: 0 0 20px 0;}
	.ordersSection {width: 100%; float: left; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd;}
	.modifySection {width: 100%; float: left; border-top: none; border-bottom: none;}
	.modifySection .dieselCon {width: 98%; float: left; padding: 15px 10px 15px 10px;  background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); border: none; margin: 30px 1%;}
	.modifySection .dieselCon h5{ color:#c00;}
	
	.modifySection .dieselCon tr:last-child {border-bottom: 1px solid #ddd !important;}
	.modifySection .table {margin: 0; padding: 0;}
	.modifySection .checkbox .cr, .radio .cr {border: 1px solid #000 !important; }
	.modifySection .checkbox, .radio {text-align: left !important; }
	.ordersSection th{ background: #ededee; font-weight: 700px !important;}
	.ordersSection td { font-weight: 400px !important;}
	.ordersSection .table {margin: 0px !important;}
	.notifiSection .dieselCon {width: 100%; float: left; padding: 15px 0 15px 0;  background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); border: none; margin: 0 0 30px 0;}
	.notifiSection .dieselCon tr:last-child {border-bottom: 1px solid #ddd !important;}
	.notifiSection .table {margin: 0; padding: 0;}
	.profileSection {width: 100%; float: left;} 
	.profileSection .dieselCon {width: 100%; float: left; padding: 30px 0 50px 0;  background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); border-top: 3px solid #3455b8; border-bottom: none; margin: 35px 0 30px 0; position: relative;}
	.profileSection .dieselCon tr:last-child {border-bottom: 1px solid #ddd !important;}
	.profileSection .table {margin: 0; padding: 0;}
	
	.invoiceBox1 {width: 100%; float: left;}
	.invoiceBox1 .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .invoiceBox1.table>thead>tr>td, .table>thead>tr>th {padding: 2px 8px 2px 8px; border-top: none; }
	.invoiceBox1 .table-striped>tbody>tr:nth-of-type(even) {background-color: #fff;}
	.ordersSection a {padding: 6px 25px; background: #dedede; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #000; float: left; margin: 0 0 5px 0;}
	.ordersSection a:hover {background: #f37022; color: #fff;}
	.paymentCon {width: 100%; float: left; padding: 20px 35px;  background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); border: none; margin: 0 0 30px 0;}
	.paymentCon .submit-btn {margin: 30px 0 20px 0 !important;}
	.paymentCon input[type=text], select {width: 100%; padding: 12px 20px; margin: 0 0 15px 0; display: inline-block; border: 1px solid #ccc; border-radius: 0; box-sizing: border-box;}
	
	.paymentCon hr {margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #ccc;} 
	.checklisting {width: 100%; float: left; margin: 15px 0 !important;} 

/*   juned Css */	  
.blink_me {animation: blinker 1.5s linear infinite; }
@keyframes blinker { 50% { opacity: 0; }}

.btns .delete1-btn.active {background: #e7e7e9;color: #000;}
.btns .delete1-btn {padding: 10px; }
.btns {margin-bottom: 3%;width: 100%;float: left;}
.btns .bill-btn{margin-right: 0px;}

.ledger p {	margin: 0;}
.ledger .order_info .col-xs-12{line-height: normal;}
.ledger .order_info .col-xs-6 {line-height: normal;}
.dieselCon.ledger{
    border-bottom: 2px solid #00724180;
    margin-bottom: 15px;
}
/* End of juned css */

	/*-----------------------------------*/
	/* Check Box
	/*-----------------------------------*/ 
	.checkbox label:after, 
	.radio label:after {
		content: '';
		display: table;
		clear: both;
	}
	
	.checkbox .cr,
	.radio .cr {
		position: relative;
		display: inline-block;
		border: 1px solid #ececec;
		border-radius: 0;
		width: 2em;
		height: 2em;
		float: left;
		margin-right: .5em;
	}
	
	.radio .cr {
		border-radius: 50%;
	}
	
	.checkbox .cr .cr-icon,
	.radio .cr .cr-icon {
		position: absolute;
		font-size: .8em;
		line-height: 0;
		top: 50%;
		left: 20%;
	}
	
	.radio .cr .cr-icon {
		margin-left: 0.04em;
	}
	
	.checkbox label input[type="checkbox"],
	.radio label input[type="radio"] {
		display: none;
	}
	
	.checkbox label input[type="checkbox"] + .cr > .cr-icon,
	.radio label input[type="radio"] + .cr > .cr-icon {
		transform: scale(3) rotateZ(-20deg);
		opacity: 0;
		transition: all .3s ease-in;
	}
	
	.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
	.radio label input[type="radio"]:checked + .cr > .cr-icon {
		transform: scale(1) rotateZ(0deg);
		opacity: 1;
	}
	
	.checkbox label input[type="checkbox"]:disabled + .cr,
	.radio label input[type="radio"]:disabled + .cr {
		opacity: .5;
	}
	.userSection .checkbox .cr, .radio .cr {border: 1px solid #000 !important;z-index: 999;}
	.checklisting .checkbox {text-align: left;z-index: 999;}
	/*-----------------------------------*/
	/* Page 404
	/*-----------------------------------*/
	#page404{text-align:center;}
	#page404 img{margin:50px 0; margin-bottom:20px;}
	#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
	.btn11 { background: #c9383d; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
	.btn11:hover {background:#9f161b;}
	/*-----------------------------------*/
	/* Flexible Container
	/*-----------------------------------*/
	.Flexible-container {position: relative; padding-bottom: 63%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
	.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
	.Flexible-container1 {position: relative; padding-bottom: 20%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
	.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}
	.new_s_btn button{padding: 16px 25px; border: none;text-align: center;}
	/*-----------------------------------*/
	/* Circular Menu 
	/*-----------------------------------*/ 
	.circularMenu {width: 100%; float: left; position: relative; background: #ededee; padding: 30px 30px;margin: 140px 0 0 0; border-top: 10px solid #e5e5e5; display: none;}
	.circularMenu input {position: absolute !important; display: none; background: #fff;}
	.menu {
	  margin: 0 auto;
	  position: absolute;
	  /*top: 50%;*/
	  left: 50%;
	  margin-left: -25px;
	  margin-top: -100px; z-index: 9999999;   
	}
	
	.btn {
	  width: 100px;
	  height: 100px;
	  border-radius: 100px;
	  position: absolute;
	  overflow: hidden;
	  cursor: pointer;
	}
	
	.material-icons.md-36 { font-size: 40px; color: #b2b2b2 }
	.material-icons.md-37 { font-size: 40px !important; color: #fff !important; }
	.btn {
	  border: 0;
	  font-size: 15px; 
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  
	/*  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
	  
	  -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	  transition: all 0.3s cubic-bezier(.25,.8,.25,1); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#375ac4+0,1a2955+100 */
	background: #375ac4; /* Old browsers */
	background: -moz-linear-gradient(top, #375ac4 0%, #1a2955 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #375ac4 0%,#1a2955 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #375ac4 0%,#1a2955 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#375ac4', endColorstr='#1a2955',GradientType=0 ); /* IE6-9 */
	}
	
	.btn:not(:first-child) {
	  opacity: 0; 
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  z-index: -2;
	  
	  -webkit-transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44);
	  transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44);
	}
	
	.btn:nth-child(2) {top:0px;-webkit-transition-delay: 0s;transition-delay: 0s; background: #ffffff !important; border:1px solid #d1d1d2; }
	.btn:nth-child(3) {top:0px;left:0px;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;  background: #ffffff !important; border:1px solid #d1d1d2; }
	.btn:nth-child(4) {left:0px; top:0; -webkit-transition-delay: 0.2s;;transition-delay: 0.2s;  background: #ffffff !important; border:1px solid #d1d1d2; }
	
	input#toggle:checked ~ #show-menu .btn:nth-child(2) {
	  top:-130px;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
	input#toggle:checked ~ #show-menu .btn:nth-child(3) {
	  top:-80px;left:100px;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
	input#toggle:checked ~ #show-menu .btn:nth-child(4) {
	  top: -80px; left:-100px;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
	.menuBtn, .closeBtn {position: absolute; transition: all 0.3s ease;}
	.closeBtn {transform: translateY(50px); opacity: 0;}
	input#toggle:checked ~ #show-menu .btn .menuBtn {transform: translateY(-50px); opacity: 0;}
	input#toggle:checked ~ #show-menu .btn .closeBtn {transform: translateY(0px); opacity: 1;}
	.main {margin: 16px 0 0 0;}
	
	/*----------- Sanuja CSS --------------------*/
	
	.profile {position: absolute;left: 0;right: 0;top: -60px;margin: 0 auto;}
	#profileInfo h3, #contactInfo h3 {color: #193076;text-transform: uppercase;font-size: 23px; font-weight:700;}
	#profileInfo .col-sm-2, #contactInfo .col-sm-2 {text-align: center; padding-top: 25px;}
	#profileInfo .col-sm-2 span::before{font-size: 40px;color: #d4d4d4;}
	#contactInfo .col-sm-2 span::before{font-size: 40px;color: #b8b8b8;}
	#contactInfo p, #profileInfo p{font-size:18px;}
	
	.centerAligned  {text-align: center;width: 100%;padding-top: 70px; font-size: 23px; line-height: 29px;}
	.centerAligned span{text-align: center;width: 100%; color:#6e6e6e; display:block; font-size: 19px; font-weight:300;} 
	#updateProfile {width: 100%;text-align: center;position: relative;}
	#updateProfile .bill-btn {float: none;padding: 18px 80px 18px 20px;font-size: 20px;
	font-weight: 600;text-align: center;text-transform: uppercase;margin-right: 0;}
	.edit.flaticon-edit {left: 123px; position: absolute; right: -35px; top: 0px; color: #fff;}
	.location {color: #000 !important;}
	
	#anchBack {
		padding: 10px 20px !important;
		background: #dedede !important;
		font-size: 14px !important;
		text-transform: uppercase;
		font-weight: 600 !important;
		color: #000;
		float: left;
		 margin: 0 10px 5px 0;
	}
	#anchBack:hover {
		background: #f37022 !important;
		color: #fff;
	}
	.mySearchInput {height: 60px;}
	.orderSection {padding: 30px 0 0 0;}
	.ordersSection  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .invoiceBox1.table > thead > tr > td, .table > thead > tr > th {padding: 2px 8px 2px 8px;border-top: none;font-size: 20px;}
	.ordersSection a { background: none; font-size: 12px; padding: 6px 30px 6px 0;}
	.ordersSection a:hover { background:none;  color:none; }
	.ordersSection .flaticon-rubbish-bin-delete-button::before {content: "\f117"; margin: 0 ;}
	.ordersSection .flaticon-search::before {content: "\f10a";font-size: 26px !important;}
	.form-control {padding: 19px 12px;}
	.bill-btn {padding: 10px 25px;}
	.flaticon-cancel::before {
		content: "\f118";
		font-size: 20px;
	}
	.flaticon-edit-1::before {
		content: "\f102";
		font-size: 18px;
	}
	.flaticon-rubbish-bin-delete-button::before {
		content: "\f117";
		font-size: 18px;
	}
	
	.ordersSection .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .invoiceBox1.table > thead > tr > td, .table > thead > tr > th {
	padding: 12px 8px 12px 8px;}
	.ordersSection a {padding: 0px 30px 0 0 ; margin: 0;}
	/*.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {	width: 92%;}
	.input-group-prepend {width: 8% !important;}
	*/.delete-btn .delete1-btn {padding: 10px 25px;}
	.col-xs-12.col-sm-12.col-md-12.col-lg-12.pagination-bx {
		padding-top: 20px;
	}
	.f_rate .submit-btn {width: 12%;}
	.f_rate .delete-btn {width: 13%;}
	.submit-btn1 {width: 27%;float: left;margin: 10px 0 20px 0;  position: relative;}
	.submit-btn2 {width: 26%;float: left;margin: 10px 0 20px 0;  position: relative;}
	.submit-btn3 {width: 10%;float: left;margin: 10px 0 20px 0;  position: relative;}
	.f_play1{position: absolute;right: 20px;top: 10px;color: #000; }
	.f_play2 {position: absolute;right: 20px;top: 10px;color: #000; }
	.f_play3 {position: absolute;right: 15px;top: 10px;color: #000;}
	.f_arrow1 {right: 30px;top: 10px;position: absolute;}
	.f_arrow2 {right: 30px;top: 10px; position: absolute;}
	.f_arrow3 {right: 30px;top: 10px; position: absolute;}
	.qrpage {width: 100% !important;}
	.dashBoard{width: 100% !important; float:left; padding: 40px 0;}
	
	/*.iconPatch span{padding: 40px;border-radius: 100%;text-align: center; line-height: 1; color:#000;}*/
	.iconPatch span{padding: 40px;border-radius: 100%;text-align: center;  color:#000; }
	.r1{background:#061e60;}
	.r2{background:#072169;}
	.r3{background:#082677;}
	.r4{background:#0a2b87;}
	.r5{background:#0a319c;}
	.r6{background:#0b39b6  }
	.r1{background:#d9d9d9;}
	.r2{background:#e4e4e4;}
	.r3{background:#ebebeb;}
	.r4{background:#f0f0f0;}
	.r5{background:#f3f3f3;}
	.r6{background:#f7f7f7; }
	.dashData {text-align: center; }
	.dashData .iconPatch span::before{font-size: 30px;margin:0}
	.dashData h3 {border: none !important;font-size: 20px !important;display:block; margin-top: 55px;}
	.linking {width: 100%;list-style: none;}
	.linking li {font-size: 18px;border: 1px solid #dedede;padding: 8px 15px;margin-bottom: 10px;float: left;width: 49%;margin-right: 1%; text-align: center;
-webkit-transition: all 1s;  transition: all 1s;}
.linking li a{color:#000;}
.linking li:hover{background:#21336d;}
.linking li:hover a{color:#fff;}
.modal-title {
	text-align: center;
	color: #283e87;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
}
	.eGaurav {width: 100%;float: left;background: #283e87;padding: 15px 30px;border-radius: 5px;}
	.dashboardLogo {width: 100%; float: left;}
	.logoDash {float: left; width: 13%;}
	.eGaurav h2 {
		color: #fff;
		padding: 35px 5%;
		display: inline-block;
	}
	.dashImage {
		width: 100%;
		float: left;
		padding: 40px 0;
		text-align: center;
	}
	.dashImage img{
		width: 100%;
		float: left;
	}
	/*.logoutPatch {
		background: #f37022;
		text-align: center;
		padding: 6px 5px !important;
		border-radius: 100%;
		border: 4px solid #ffaa78;
		width: 45px;
		height: 45px;
		margin-top: 8px;
	}
	*/
	.logoutPatch {padding-top: 15px;}
	.logoutPatch a{color:#fff; font-size:30px;}
	.activeMenu{background:#efefef;}
	
	/*--- Date 15-03-2019 sanuja----*/
	.fuleSection  .panel-group {margin: 0 !important;}
	.fuleSection .panel {margin-bottom: 0 !important;}
	.fuleSection  .panel-heading {padding: 10px 5%; border-top-left-radius: 0px;border-top-right-radius: 0px;}
	.fuleSection  .panel-default > .panel-heading {color: #fff !important;background-color: #337ab7;
	border-color: #ddd;border: none;}
	.fuleSection  .panel-title {color: #fff;font-weight: 500;font-size: 18px;}
	.fuleSection  .panel-title span {padding-right: 5px;font-size: 12px;}
	.fuleSection .panel-group .panel + .panel { margin-top: 0px; }
	.fuleSection .panel-heading {
		padding: 5px 5%;
	}
	.tableHead {width: 100%;float: left;background: #ededee;border-bottom: 2px solid #ddd;
	border-top: 2px solid #ddd;padding: 5px 10px;}
.tableHead h4 {font-weight:600;}
.panel-group .panel + .panel { margin-top:0px; }
#accordion1 {width: 100%;float: left;}
#accordion1 p {font-weight: 400;}
#accordion1 .panel-default > .panel-heading {background-color: #fff;border-color: #ccc;}
.materialcard {width: 100%;float: left;padding: 25px;box-shadow: 0px 0px 8px 1px #e4e4e4;
position: relative; margin-top: 20px;}
.materialcard span {background: #337ab7;border-radius: 50%;padding: 15px;position: absolute;top: -20px;right: -20px;color: #fff;}
#accordion_non_fuel .materialcard span {background: #337ab7;border-radius: 50%;padding: 7px 12px 7px 12px;position: absolute;top: -20px;right: -20px;color: #fff;}
#accordion_non_fuel .materialcard .glyphicon.glyphicon-remove{padding: 5px 3px 0px 0px;}
.btns ul li {float: left;margin: 0 0.5%;list-style: none;background: #e7e7e9; font-size: 19px;font-weight: 600;text-transform: uppercase; margin-bottom: 10px;}
.btns ul li:active{background:#3455b8}
	
	/*--- Date 23-03-2019 sanuja----*/
	table {font-size: 17px;}
	.dashData1 {
	width: 100%;
	margin: 0 1%;
	float: left;
}
.dashData1 {text-align: center; }
	.dashData1 h3 {border: none !important;font-size: 20px !important;display:block; margin-top: 55px;}
	.undeliverBtns.active {background: #3455b8;margin-right: 20px;margin-top: 6%;font-size: 16px;padding: 8px 20px;color: #fff;font-weight: 600;text-transform: uppercase;float: left;border: none;}
	#accordion1  .panel-heading:hover {
	background: #f1f1f1  !important;
}
	/*-----------------------------------*/
	/* Page 404
	/*-----------------------------------*/
	#page404{text-align:center;}
	#page404 img{margin:50px 0; margin-bottom:20px;}
	#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
	.btn11 { background: #f86b21; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
	.btn11:hover {background:#e55407;}
	.modifySection hr{margin-top: 2px;margin-bottom: 2px;}
	.order_info .col-xs-6 {line-height: 10px;}
	/*-----------------------------------*/
	/* Flexible Container
	/*-----------------------------------*/
	.Flexible-container {position: relative; padding-bottom: 35%; height: 0; overflow: hidden; border: none; margin-bottom:0; margin-top:35px;}
	.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
	
	/*----------- Scrollbar --------------------*/
	
	.customize {width: 100%; float: left;}
	.scrollbar { 
		float: left;
		height: 760px;
		width: 240px; 
		overflow-y: scroll;
		margin-bottom: 25px;
	}
	.force-overflow {
		min-height: 1200px;
	}
	
	#wrapper {
		text-align: center;
		margin: auto;
	}
	/**  STYLE 3 */
	#style-3::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
	}
	#style-3::-webkit-scrollbar {
		width: 2px;
		background-color: #F5F5F5;
	}
	#style-3::-webkit-scrollbar-thumb {
		background-color: #000000;
	}
	
	/***jyoti csss**/
	.round{ border-radius: 25px; background:#fff;padding: 20px; width: 100%; height: 150px;  box-shadow:0px 0px 5px #ccc; position:relative; margin-bottom:60px;}
	.dot {height: 80px;width: 80px;background-color: #dd5a00;border-radius: 50%;display: inline-block;line-height: 80px;position: absolute;left: -35px;top: 30px;text-align: center;}
	.dot span{ text-align:center; color:#fff; font-size:18px;}
	.dot1 {height: 60px;width: 60px;background-color: #fff;border-radius: 50%;display: inline-block;line-height: 60px;position: absolute;right: -30px;top: 40px;text-align: center; box-shadow:0 0 3px #ccc;}
	.dot1 span{ text-align:center; color:#ccc;}
	.round h3{ text-transform:uppercase; color:#000; margin: 35px 0 0 60px;border-bottom: none;}
	.round p {color: #000;margin: 10px 0 0 60px;}
	.d_two{ background:#f57400;}
	.d_three{ background:#ff8b0a;}
	.d_four{ background:#fd992a;}
	.d_five{ background:#feb159;}
	.f_rate .delete-btn{width:18%; float:left; position: relative;}
	.f_rate .bill-btn{padding: 10px 70px 10px 10px;}
	.f_rate .submit-btn{width:15%; float:left; position:relative;}
	.f_arrow {position: absolute;left: 118px;top: 16px; color:#fff;}
	.f_play {position: absolute;left: 110px;top: 10px; color: #000;}
	
	.f_rate .flaticon-menu-1::before {color: #fff;	font-size: 23px;}
	.f_rate .delete1-btn{ background:#e7e7e9; color:#000;padding: 10px 60px 10px 10px; position:relative;}
	.f_rate .flaticon-play-button::before {color: #000;}
	.f_rate .dieselCon{ margin:0 !important;}
	.f_rate .flaticon-play-button::before {left: 285px;top: 11px;}
	
	.cbp-spmenu-push #ui-datepicker-div{
	  width: 30%;
	}
	.orderSection h4 span, #accordion1 p span{ color:#000 !important;}
	.browse {
	border: 1px solid #e4e4e4;
	padding: 8px 20px;
}

	/*----------------- responsive --------------*/
	.buttonset {float: left;}
	.toggleSection .menuBtn {position: relative !important; transition: all 0.3s ease;}
	.item_row{ width:100%; padding:0 0 !important;}
	#accordion1.panel-group { margin-bottom: 0px; }
	#accordion1 a:hover{ color:#000 !important;}
	
	@media (min-width: 1366px) {
	.logoSection img {width: 15%; height: auto;} 
	.loginLogo img {width: 15%; height: auto;}  
	.checkbox, .radio {text-align: center;}
	.table-active th:last-child {text-align: center !important;}
	.dieselIcon {width: 20%;}
	.dieselInfo h5 {font-size: 24px;}
	.f_rate .submit-btn {width: 12%;}
	.f_rate .bill-btn, .f_rate .delete1-btn {padding: 10px 60px 10px 10px;}
	.f_arrow {left: 90px;top: 10px;}
	#anchBack {
		padding: 10px 20px !important;
		background: #dedede !important;
		font-size: 14px !important;
		text-transform: uppercase;
		font-weight: 600 !important;
		color: #000;
		float: left;
		margin: 0 0 5px 0;
	}
	.f_rate .delete-btn {width: 13%;}
	.f_rate .flaticon-play-button::before {left: 285px;top: 11px;}
	.login-btn {width: 20%;}
	
	}
	.small_txt{ text-transform: capitalize !important; }
	.bal_size{ font-size: 16px; }
	
	/*----------------- responsive --------------*/
	/* 
	  ##Device = Desktops
	  ##Screen = 1281px to higher resolution desktops
	*/
	@media (min-width: 1281px) {
	.logoSection img {width: 15%; height: auto;}
	.red_btn{text-decoration: none !important;background: #c00 !important;color: #fff !important;display: inline-block !important;padding: 10px 26px !important;text-align: center !important;font-size: 14px !important;
	text-transform: uppercase !important;font-weight: 600 !important;}
	.verify_btn{text-decoration: none !important;background:#228B22  !important;color: #fff !important;display: inline-block  !important;;padding: 10px 26px !important;text-align: center;font-size: 14px !important;
	text-transform: uppercase;font-weight: 600 !important;}
	.deliver_btn{text-decoration: none !important;background:#f7c400 ;color: #fff !important;display: inline-block  !important;padding: 10px 26px  !important;text-align: center;font-size: 14px !important;
	text-transform: uppercase;font-weight: 600 !important;} 
	.loginLogo img {width: 15%; height: auto;}  
	.checkbox, .radio {text-align: center;}
	.table-active th:last-child {text-align: center !important;}
	.f_rate .bill-btn {padding: 10px 60px 10px 10px;}
	.f_arrow {left: 90px;top: 10px;}
	.ordersSection  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
		line-height:1.3;
	}
	.flaticon-cancel::before {
		content: "\f118";
		font-size: 20px;
	}
	.flaticon-edit-1::before {
		content: "\f102";
		font-size: 18px;
	}
	.flaticon-rubbish-bin-delete-button::before {
		content: "\f117";
		font-size: 18px;
	}
	.ordersSection .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .invoiceBox1.table > thead > tr > td, .table > thead > tr > th {
	padding: 12px 8px 12px 8px;}
	.ordersSection a {padding: 0px 30px 0 0; margin: 0;}
	#anchBack {
		padding: 10px 20px !important;
		background: #dedede !important;
		font-size: 14px !important;
		text-transform: uppercase;
		font-weight: 600 !important;
		color: #000;
		float: left;
		margin: 0 10px 5px 0;
	}
	.login-btn {width: 15%;}
	}
	/* 
	  ##Device = Laptops, Desktops
	  ##Screen = B/w 1025px to 1280px
	*/
	@media (min-width: 1025px) and (max-width: 1280px) {
	.logoSection img {width: 15%; height: auto;}  
	.loginLogo img {width: 15%; height: auto;}  
	.checkbox, .radio {text-align: center;}
	.table-active th:last-child {text-align: center !important;}
	#anchBack {
		padding: 10px 20px !important;
		background: #dedede !important;
		font-size: 14px !important;
		text-transform: uppercase;
		font-weight: 600 !important;
		color: #000 !important;
		float: left !important;
		margin: 0 0 5px 0 !important;
	}
	.f_rate .bill-btn {
		padding: 10px 55px 10px 10px;
	}
	.f_arrow {
		left: 90px;
		top: 10px;
	}
	.f_rate .submit-btn {width: 13%;}
	.f_rate .delete-btn {width: 14%;}
	.submit-btn1 {width: 29%;}
	.submit-btn2 {width: 28%;}
	.submit-btn3 {width: 11%;}
	/*.f_rate .submit-btn {width: 20%;}
	.f_arrow {left: 102px;top: 12px;}
	
	*/
	
	.undeliverBtns.active {margin-top: 8%;}
	}
	/* 
	  ##Device = Tablets, Ipads (portrait)
	  ##Screen = B/w 768px to 1024px
	*/
	@media (min-width: 768px) and (max-width: 1024px) {
	.logoSection {width: 100%; float: left; padding: 100px 0 0 0 !important; text-align: center;} 
	.logoSection img {width: 20%; height: auto;} 
	.loginLogo img {width: 20%; height: auto;}  
	.oilCon img {width: 60%; height: auto;}
	.signCon {margin: 60px 0 30px 0;}
	.input-group-prepend {width: 8% !important;} 
	.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {width: 92%;}
	.checkbox, .radio {text-align: center;}	
	.dieselInfo {width: 70%;}
	.dieselIcon {width: 30%;}
	.dieselInfo h5 {font-size: 20px;}
	.ordersSection .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .invoiceBox1.table > thead > tr > td, .table > thead > tr > th {
	padding: 5px 6px 5px 6px;	font-size: 17px;}
	.flaticon-play-button::before {content: "\f115";font-size: 20px;}
	.f_arrow {left: 85px;top: 10px;}
	.f_rate  .delete-btn .flaticon-play-button::before {font-size: 20px;}
	.checklisting .col-md-1 {width: 30%;float: left;}
	.checklisting .col-md-11 {width: 70%;}
	.input-group-text {padding: 3px 15px;}
	#browse_file #inlineFormInputGroupUsername2{width: 85%;}
	#browse_file .input-group-prepend {width: 15% !important;}
	.submit-btn3 {width: 20% !important;}
	.submit-btn2 {width: 42%!important;}
	.submit-btn1 {width: 48% !important;}
	.f_rate .delete-btn {width: 23% !important;}
	.f_rate .submit-btn {width: 22% !important;}
	.submit-btn, .delete-btn, .submit-btn1  {margin: 10px 0 0px 0 !important;}
	.f_rate .delete1-btn {font-size: 17px !important;}
	.f_rate .bill-btn {font-size: 17px !important;}
	.f_play {left: 95px !important;}
	.f_play1 {right: 55px !important;}
	.f_arrow2 {right: 30px !important;}
	.f_play3 {right: 40px !important;}
	.f_play2 {right: 25px !important;}
	.f_arrow1 {right: 50px !important;}
	.f_rate .bill-btn {
		padding: 10px 60px 10px 10px !important;
	}
	.login-btn {width: 25%;}
	.undeliverBtns.active {margin-top: 1%;}
	}
	/* 
	  ##Device = Tablets, Ipads (landscape)
	  ##Screen = B/w 768px to 1024px
	*/
	@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.logoSection img {width: 20%; height: auto;} 
	.logoSection {width: 100%; float: left; padding: 100px 0 0 0 !important; text-align: center;} 
	.loginLogo img {width: 20%; height: auto;} 
	.oilCon img {width: 70%; height: auto;} 
	.signCon {margin: 60px 0 30px 0;}	
	.input-group-prepend {width: 8% !important;} 
	.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {width: 92%;}
	.checkbox, .radio {text-align: center;}
	.table-active th:last-child {text-align: center !important;}
	.f_rate .bill-btn, .f_rate .delete1-btn {padding: 10px 35px 10px 10px !important; font-size: 17px !important;}
	
	.f_rate .flaticon-play-button::before {left: 343px;top: 239px;}
	.f_rate .flaticon-play-button::before {font-size: 20px;}
	.f_rate .delete-btn {width: 13% !important;}
	.f_play {left: 75px !important;}
	.input-group-text {padding: 3px 11px;}
	#browse_file #inlineFormInputGroupUsername2{width: 90%;}
	#browse_file .input-group-prepend {width: 10% !important;}
	.f_rate .delete1-btn {font-size: 17px !important;}
	.submit-btn1 {width: 30% !important;}
	.submit-btn2 {width: 29% !important;}
	.submit-btn3 {width: 12% !important;}
	.f_arrow1 {right: 20px !important;top: 12px !important;}
	.f_rate .submit-btn {width: 13% !important;}
	.f_play3 {right: 30px !important;top: 10px !important;}
	.f_play1 {right: 20px !important;}
	.f_arrow2 {right: 15px !important;top: 10px !important;}
	.f_arrow {left: 71px;top: 13px;}
	.login-btn {width: 25%;}
	.modifySection .dieselCon .col-sm-12.col-md-3{border-bottom: 1px solid #ccc !important; padding-bottom:10px !important;}
	.modifySection .dieselCon .col-sm-12.col-md-3:last-child{ border:none !important;}
	.modifySection .dieselCon{padding: 15px 14px !important;}
	.eGaurav h2{padding: 5px 4%;}
	}
	/* 
	  ##Device = Low Resolution Tablets, Mobiles (Landscape)
	  ##Screen = B/w 481px to 767px
	*/
	@media (min-width: 481px) and (max-width: 767px) {
	.logoSection img {width: 30%; height: auto;} 
	.logoSection {width: 100%; float: left; padding: 100px 0 0 0 !important; text-align: center;} 
	.loginLogo img {width: 30%; height: auto;}  
	.oilCon img {width: 70%; height: auto;}
	.signCon {margin: 40px 0 20px 0;}
	.bill-btn {font-size:20px;}
	.loginRight a {font-size: 18px; }
	.toggleSection h4 {margin: 30px 0 0 10px; font-size: 20px !important; }
	.toggleSection img {float: left; }
	.input-group-prepend {width: 8% !important;} 
	.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {width: 90%;}
	.menu {left: 45%;}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {font-weight: 700 !important; font-size: 16px;}
	.fuleSection .form-control {height: 35px;}
	.table-active th {width: 25% !important;}
	.checkbox, .radio {text-align: center;}
	.table-active th:last-child {text-align: center !important;}
	/*.dieselSection .col-md-6 {width: 100%; float: left; margin: 0 0 20px 0;}
	.dieselSection {margin: 0;} 
	.dateSection .col-md-6 {width: 100%; float: left; margin: 0;  }
	.amountSection h6 {text-align: left;}*/
	.dieselIcon {width: 30%; font-size: 45px;}
	.dieselInfo {width: 70%;}
	.flaticon-fuel-station:before {content: "\f109"; font-size: 40px; line-height: 45px;}
	.dieselCon {padding: 15px 15px;}
	.dieselCon.orderNow {height: 100px;}
	.petrolCon {padding: 15px 15px;}
	.dieselInfo h5 {font-size: 20px; margin: 0;}
	.dieselInfo h5 span {font-size: 15px;}
	.petrolInfo h5 {font-size: 22px; margin: 0;}
	.petrolInfo h5 span {font-size: 15px;}
	.btn {width: 80px; height: 80px; border-radius: 80px;}
	input#toggle:checked ~ #show-menu .btn:nth-child(2) {top: -100px;}
	input#toggle:checked ~ #show-menu .btn:nth-child(3) {top: -60px;}
	input#toggle:checked ~ #show-menu .btn:nth-child(4) {top: -60px;}
	.bill-btn {/*padding: 13px 25px;*/ font-size: 16px !important; font-weight: 500;}
	.bill-btn.resend.active {padding: 10px 25px;}
	.delete1-btn {/*padding: 13px 25px;*/ font-size: 16px !important; font-weight: 500;}
	.circularMenu {margin: 120px 0 0 0;}
	.force-overflow {min-height: 1400px;} 
	.flaticon-menu-options:before {font-size: 35px;}
	.main {margin: 25px 0 0 0;}
	.ordersSection {border-top: none; border-bottom: none;} 
	.ordersSection .table {margin: 0px !important;}
	.notdBox {display: none !important;}
	.table>tfoot>tr>th, .table>thead>tr>th {font-weight: 700 !important; font-size: 12px;}
	.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {font-weight: 500 !important; font-size: 16px;}
	.flaticon-play-button:before {font-size: 13px;}
	.flaticon-menu-1:before {font-size: 13px;} 
	.dieselSection h3 {margin: 0px !important;}
	.dieselSection h3 {font-size: 18px; padding: 0 0 10px 0;}
	.flaticon-view:before {font-size: 18px; margin: 0; line-height: 20px;}
	.flaticon-download:before {font-size: 15px; margin: 0 15px; line-height: 20px;}
	.ordersSection .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .invoiceBox1.table > thead > tr > td, .table > thead > tr > th {
		font-size: 15px;}
	.input-group-text {padding: 4px 10px;}
	
	.f_rate .submit-btn {width: 27%;}
	.f_rate .f_arrow {left:85px;top: 10px;}
	.f_rate .flaticon-play-button::before {left: 310px;top: 209px;font-size: 20px;}
	.checklisting .col-md-1 {width: 15%;float: left;}
	.checklisting .col-md-11{width:85%;}
	.checklisting .checkbox{text-align: left;}
	.input-group-text {padding: 3px 10px;}
	.ordersSection  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
		line-height: 1.3;
	}
	#contactInfo .col-sm-10, #profileInfo .col-sm-10{text-align: center;}
	#profileInfo .col-sm-2, #contactInfo .col-sm-2 {
		text-align: center;
		padding-top: 5px;
	}
	#browse_file #inlineFormInputGroupUsername2{width: 84%;}
	#browse_file .input-group-prepend {width:16% !important;}
	.round {padding: 40px 60px;height: 150px;margin-bottom: 40px;}
	.menuBtn, .closeBtn {left: 0;right: 0;margin: 0 auto; line-height:2.5; border: 0;}
	.round h3 {margin: 5px 0 0 60px;}
	.f_play {left: 102px;top: 12px;}
	
	
	.f_rate .submit-btn {width: 23%;}
	.f_rate .delete-btn {width: 24%;}
	.submit-btn1 {width: 47%;}
	.submit-btn2 {width: 47%;}
	.submit-btn3 {width: 18%;}
	.submit-btn, .delete-btn, .submit-btn1  {margin: 10px 0 0px 0;}
	.dashData h3 {font-size: 18px !important;margin-top: 60px !important;}
	.login-btn {width: 30%;}
	
	.ordersSection .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .invoiceBox1.table > thead > tr > td, .table > thead > tr > th {
		font-size: 16px; font-weight: 500 !important;
	}
	/*.modifySection .dieselCon .col-sm-12.col-md-3{border-bottom: 1px solid #ccc; padding-bottom:10px;}
	.modifySection .dieselCon .col-sm-12.col-md-3:last-child{ border:none;}*/
	.modifySection .dieselCon{padding: 15px 14px;}
	.orderSection h4 span, #accordion1 p span{ display:block !important;}
	.modifySection, .modifySection .container-fluid{ padding:0 !important;}
	.undeliverBtns.active {margin-top: 1% !important;}
	.loginLogo h1 {
	font-size: 55px;
}
	}
	
	
	@media (min-width: 600px) and (max-width: 767px) {
	/*.dieselSection .col-md-6 {width: 50%; float: left; margin: 0 0 20px 0;}
	.dieselSection {margin: 0;} 
	.dateSection .col-md-6 {width: 50%; float: left; margin: 0;  }
	.amountSection h6 {text-align: left;}*/
	.mySearchInput {height: 48px;}
	.flaticon-search::before {content: "\f10a";font-size: 20px;}
	.f_rate .flaticon-play-button::before {left: 301px;top: 208px;}
	.menuBtn, .closeBtn {left: 0;right: 0;margin: 0 auto; line-height:2.5;}
	.dieselSection .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {width: 90%;}
	.dieselSection .input-group-prepend {width: 10% !important;}
	.orderSection .form-control {padding: 19px 12px;}
	.f_play {left: 102px;top: 12px;}
	.eGaurav h2 {padding: 10px 3%;}
	.login-btn {width: 30%;}
	.orderSection h4 span, #accordion1 p span{ display:block !important;}
	.modifySection, .modifySection .container-fluid{ padding:0 !important;}
	.btns ul li {margin: 0 0.8%;}
	.iconPatch span {padding: 35px;}
	}
	
	@media (min-width: 667px) and (max-width: 684px) {
	.f_rate .flaticon-play-button::before {left: 295px;top: 201px;}
	.menuBtn, .closeBtn {
		left: 0;
		right: 0;
		margin: 0 auto; line-height:2.5;
	}
	.dieselSection .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
		width: 90%;
	}
	.dieselSection .input-group-prepend {
		width: 10% !important;
	}
	
	.f_rate .delete1-btn {padding: 10px 50px 10px 10px;}
	.f_rate .submit-btn {width: 27% !important}
	.f_rate .delete-btn {width: 26% !important;}
	.submit-btn2 {width: 54% !important;}
	.submit-btn1 {width: 45% !important;}
	.f_play {left: 90px;top: 12px !important;}
	.f_play2 {right: 35px !important;}
	.f_arrow3 {right: 10px !important;}
	.f_play1 {right: -10px !important;}
	.f_rate .bill-btn {
		padding: 10px 60px 10px 10px;
	}
	.eGaurav h2 {padding: 2px 5%;font-size: 25px;}
	.login-btn {width: 30%;}
	.orderSection h4 span, #accordion1 p span{ display:block !important;}
	.modifySection, .modifySection .container-fluid{ padding:0 !important;}
	}
	
	@media (min-width: 480px) and (max-width: 600px) {
	.flaticon-search::before {
		content: "\f10a";
		font-size: 20px;
	}
	.mySearchInput { height: 48px; padding: 5px 12px !important; width: 90%;}
	.input-group-prepend {width: 10% !important;}
	.menuBtn, .closeBtn {left: 0;right: 0;margin: 0 auto; line-height:2.5; border: 0;}
	.dot1 {line-height: 67px;}
	.f_rate .submit-btn {width: 35%;}
	.submit-btn1 {width: 58%;}
	.submit-btn2 {width: 57%;}
	.f_rate .submit-btn {width: 30%;}
	.login-btn {width: 35%;}
	.modifySection, .modifySection .container-fluid{ padding:0 !important;}
	.btns ul li {margin: 0 10px 10px 0; }
	.red_btn {padding: 8px 13px !important;font-size: 13px !important;font-weight: 500 !important;}
	.iconPatch span {padding: 30px;}
	.flaticon-gas-station::before {
	content: "\f112";
	font-size: 25px;
}
.flaticon-india-rupee-currency-symbol::before {
	content: "\f111";
	font-size: 25px;
}
.dashData1 h3 {
	font-size: 17px !important;
	margin-top: 45px;
}
.linking li {
	width: 100%;
	margin-right: 0;
}
.loginLogo h1 {font-size: 38px;}
	}
	/* 
	  ##Device = Most of the Smartphones Mobiles (Portrait)
	  ##Screen = B/w 320px to 479px
	*/
	@media (min-width: 320px) and (max-width: 480px) {
	.logoSection img {width: 30%; height: auto;} 
	.logoSection {width: 100%; float: left; padding: 20px 0 0 0 !important; text-align: center;} 
	.logoSection h1 {font-size: 30px; }
	.logoSection h1 span {font-size: 15px; letter-spacing: 6px;}
	.loginLogo img {width: 30%; height: auto;} 
	.loginLogo h1 {font-size: 30px; }
	.loginLogo h1 span {font-size: 15px; letter-spacing: 6px;}
	.signCon {margin: 60px 0 20px 0;}
	.signCon h2 {font-size: 30px; }
	.signCon h2 span {font-size: 16px; }
	.form-control {height: 36px; padding: 10px 12px;}
	.oilCon img {width: 80%; height: auto;}
	.signCon {margin: 40px 0 20px 0;}
	.bill-btn {font-size:20px;}
	.loginRight a {font-size: 18px; }
	.toggleSection h4 {margin: 15px 0 0 10px !important; font-size: 12px !important; }
	.toggleSection img {float: left;  width: 20%;}
	.input-group-prepend {width: 16% !important; }
	.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {width: 84%;}
	.input-group-text {font-size: 15px;}
	.menu {left: 45%;}
	/*.table>tfoot>tr>th, .table>thead>tr>th {font-weight: 700 !important; font-size: 12px;}
	
	.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {font-weight: 500 !important; font-size: 12px;}
	*/.fuleSection .form-control {height: 35px;}
	.table-active th {width: 25% !important;}
	.checkbox, .radio {text-align: center;}
	.table-active th:last-child {text-align: center !important;}
	/*.dieselSection .col-md-6 {width: 100%; float: left; margin: 0 0 20px 0;}
	.dieselSection {margin: 0;} 
	.dateSection .col-md-6 {width: 100%; float: left; margin: 0;  }
	.amountSection h6 {text-align: left;}*/
	.dieselIcon {width: 100%;}
	.dieselInfo {width: 100%;}
	.dieselCon {padding: 15px 15px; }
	.dieselCon.orderNow {height: 165px;}
	.petrolCon {padding: 15px 15px;}
	.dieselInfo h5 {font-size: 18px; margin: 0;}
	.dieselInfo h5 span {font-size: 15px;}
	.petrolInfo h5 {font-size: 22px; margin: 0;}
	.petrolInfo h5 span {font-size: 15px;}
	.dateSection h6 {font-size: 10px; line-height: 20px;}
	.dateSection h6 span {font-size: 13px;}
	.btn {width: 80px; height: 80px; border-radius: 80px;}
	input#toggle:checked ~ #show-menu .btn:nth-child(2) {top: -100px;}
	input#toggle:checked ~ #show-menu .btn:nth-child(3) {top: -60px;}
	input#toggle:checked ~ #show-menu .btn:nth-child(4) {top: -60px;}
	.bill-btn {/*padding: 13px 25px;*/ font-size: 16px !important;}
	.bill-btn.resend.active {padding: 10px 15px;}
	.delete1-btn {/*padding: 13px 25px;*/ font-size: 16px !important;font-weight: 500;}
	.logbill-btn {padding: 10px 15px; font-size: 20px;}
	.menu {margin-top: -80px;}
	.flaticon-menu-options:before {font-size: 25px;}
	.main {margin: 7px 0 0 0;}
	.ordersSection {border-top: none; border-bottom: none;} 
	.ordersSection .table {margin: 0px !important;}
	.notdBox {display: none !important;}
	.flaticon-play-button:before {font-size: 13px;}
	.flaticon-menu-1:before {font-size: 13px;} 
	.dieselSection h3 {margin: 0px !important;}
	.dieselSection h3 {font-size: 18px; padding: 0 0 10px 0;}
	.flaticon-view:before {font-size: 18px; margin: 0; line-height: 20px;}
	.flaticon-download:before {font-size: 15px; margin: 0 15px; line-height: 20px;}
	.ordersSection .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .invoiceBox1.table > thead > tr > td, .table > thead > tr > th {
	font-size: 12px;}
	.input-group-text {padding: 3px 13px;}
	.mySearchInput {height: 45px;}
	.flaticon-search::before {content: "\f10a";font-size: 19px;}
	/*.submit-btn {width: 50%;}
	.f_rate .bill-btn {padding: 12px 70px 12px 10px;}
	.f_rate .delete1-btn {padding: 12px 50px 12px 10px;}
	.f_arrow {left: 95px;top: 12px;}
	.f_rate .flaticon-play-button::before {left: 277px;top: 166px;font-size: 20px;}
	*/.checklisting .col-md-1 {width: 20%;float: left;}
	.checklisting .col-md-11{width:80%;}
	.checklisting .checkbox{text-align: left;}
	.input-group-text {padding: 3px 9px;}
	
	/*.table  {width: 800px !important;}
	*/.dieselCon .table  {width: 290px !important;}
	 
	#contactInfo .col-sm-10, #profileInfo .col-sm-10{text-align: center;}
	#profileInfo .col-sm-2, #contactInfo .col-sm-2 {padding-top: 5px;}
	.profileSection .dieselCon {margin: 55px 0 30px 0;}
	#browse_file #inlineFormInputGroupUsername2{width: 75%;}
	#browse_file .input-group-prepend {width:25% !important;}
	#profileInfo h3, #contactInfo h3 {font-size: 18px;}
	#updateProfile .bill-btn {padding: 13px 70px 13px 15px;font-size: 16px !important;}
	.flaticon-edit::before {content: "\f10b";font-size: 25px;}
	.edit.flaticon-edit {left: 115px;right: -27px;top: 11px;}
	.profile {width: 45%;height: auto;}
	.centerAligned {padding-top: 45px;}
	#contactInfo p, #profileInfo p {font-size: 16px;}
	.menuBtn, .closeBtn {left: 0;right: 0;margin: 0 auto; line-height:2.5; border: 0;}
	.btn {width: 70px;height: 70px;border-radius: 100%;}
	.flaticon-add-plus-button::before {content: "\f105";color: #fff;font-size: 25px;}
	.flaticon-close-button::before {content: "\f106";color: #fff;font-size: 24px;}
	.flaticon-paper::before {content: "\f104";color: #b1b1b1;font-size: 28px;}
	.flaticon-clipboard::before {content: "\f107";color: #b1b1b1;font-size: 28px;}
	.flaticon-telephone::before {content: "\f101";color: #b1b1b1;font-size: 28px;}
	.round {height: 100px;margin-bottom: 40px;text-align: center;}
	.dot {height: 60px;width: 60px;background-color: #dd5a00;border-radius: 50%;display: inline-block;line-height: 63px;position: absolute;left: -25px;top: 20px;text-align: center;}
	.dot1 {height: 50px;width: 50px;line-height: 53px;right: -20px;top: 23px;text-align: center;}
	.round .flaticon-right-arrow::before {content: "\f10c";font-size: 23px;}
	.round .flaticon-india-rupee-currency-symbol::before {content: "\f111";	font-size: 23px;}
	.round .flaticon-gas-station::before {content: "\f112";font-size: 23px;}
	.round .flaticon-printer-tool::before {content: "\f10d"; font-size: 23px;}
	.round .flaticon-shopping-list::before {content: "\f124"; font-size: 23px;}
	.round .flaticon-credit-cards-payment::before {content: "\f114"; font-size: 23px;}
	.flaticon-document::before {content: "\f119"; font-size: 23px;}
	.flaticon-document-1::before {content: "\f11a";  font-size: 23px;}
	.dieselSection .round h3 {font-size: 16px;padding: 0 0 10px 0;}
	.round h3 {margin: 0px 0 0 15px;font-size: 18px;}
	.round p {margin: 10px 0 0 10px;}
	.f_rate .submit-btn {width: 50%;}
	.f_play {left: 93px;top: 12px;}
	.f_rate .delete-btn {width: 50%;}
	.submit-btn1 {width: 88%;}
	.submit-btn2 {width: 100%;}
	.submit-btn3 {width: 30%;}
	.f_play2 {right:60px;top: 12px;}
	.submit-btn, .delete-btn,.submit-btn1, .submit-btn2   {margin: 10px 5px 0px 0;}
	.f_rate .bill-btn {padding: 10px 60px 10px 10px;}
	.f_rate .flaticon-menu-1::before {font-size: 20px;}
	.f_arrow {left: 90px;top: 10px;}
	.f_arrow2 {right: 65px;}
	.f_arrow3 {right: 11px;}
	.eGaurav {padding: 10px 10px;}
	.logoDash {width: 18% !important;}
	.eGaurav h2 {padding: 0px 2% !important;font-size: 15px !important;}
	.iconPatch span {padding: 25px 18px 13px 18px;line-height: 1; }
	.dashData1 .iconPatch span {
	padding: 20px 15px 11px 15px;
	line-height: 1;
}
	.iconPatch span::before{font-size: 24px !important;}
	.col-xs-1.col-sm-1.col-md-1.wow.fadeIn.animated {width: 35%;}
	.col-xs-11.col-sm-11.col-md-11.wow.bounceInLeft.animated {width: 65%;}
	.dashData h3 {font-size: 14px !important;margin-top: 25px !important;}
	.dashBoard {padding: 20px 0;}
	.col-xs-3.col-md-3.dashData {padding: 0 !important;text-align: center !important;}
	.toggleSection .col-xs-10.col-sm-10.col-md-10.wow.bounceInLeft.animated {width: 73%;}
	.logoutPatch {width: 35px;height: 35px;margin-top: 5px; padding: 2px 5px !important;}
	.logoutPatch a {font-size: 20px;}
	.login-btn {width: 60%;}
	
	.ordersSection .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .invoiceBox1.table > thead > tr > td, .table > thead > tr > th {
		padding: 5px 3px 5px 3px;
		border-top: none;
		font-size: 15px;
	}
	.input-group-text {
		line-height: 1.5;
	}
	.modifySection .dieselCon .col-sm-12.col-md-3{border-bottom: 1px solid #ccc; padding-bottom:10px;}
	.modifySection .dieselCon .col-sm-12.col-md-3:last-child{ border:none;}
	.modifySection .dieselCon{padding: 15px 14px;}
	.orderSection h4 span, #accordion1 p span{ display:block !important;}
	.modifySection, .modifySection .container-fluid{ padding:0 !important;}
	#accordion1 p {font-size: 14px;}
		 .input-group-text {padding: 6px 12px !important;}
		.mySearchInput .input-group-text {
	padding: 7px 15px !important;
}
		.btns ul li {margin: 0 10px 10px 0; }
.red_btn {
	padding: 5px 8px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}	.dashData1 h3 {
	font-size: 14px !important;
	margin-top: 30px;
}
.linking li {
	width: 100%;
	margin-right: 0;
}
.dashData1 h3 {
	font-size: 13px !important;
	margin-top: 30px;
}
.dieselCon table {
	font-size: 15px;
}
.dieselCon table td, th {
	padding: 1px 3px;
}
#anchBack {
	padding: 4px 10px !important;
	font-size: 12px !important;
}
.mySearchInput {
	height: 42px;
}
#result .table {width: 174%;}
.modal-dialog {margin: 100px 20px;}
.userList .table {width: 185%; padding:0 10px;}
.cbp-spmenu h3 {
	font-size: 20px !important;
}
.clientLogin {
	margin-top: 10%;
}
.forTables {
	padding: 0 !important;
}
	}
	@media (max-width: 375px) {
	.f_play1 {right: 0px;}	
	.f_play2 {right: 30px;}
	.f_arrow1 {right: -10px;}
	.f_arrow2 {right: 35px;}
	.submit-btn, .delete-btn, .submit-btn1, .submit-btn2 {
		margin: 10px 5px 0px 0;
	}
	.eGaurav {
		padding: 15px 5px;
	}
	.login-btn {width: 50%;}
	.bill-btn {
		padding: 10px 15px;
		font-size: 15px !important;
	}
	.modifySection, .modifySection .container-fluid{ padding:0 !important;}
	#accordion1 p {font-size: 13px;}
	.input-group-text {padding: 6px 10px !important;}
.linking li {
	width: 100%;
	margin-right: 0;
}
.loginLogo h1 {
	font-size: 27px;
}
	}
	@media (max-width: 350px) {
	.submit-btn {width: 45%; margin: 10px 5px 0px 0;}
	.f_arrow {left: 80px;top: 14px;}
	.f_rate .bill-btn {padding: 12px 50px 12px 10px;}
	.f_rate .flaticon-play-button::before {left: 255px;top: 165px;}
	.f_arrow1 {top: 14px; right: -13px;}
	.f_play2 {top: 10px;}
	.f_play3 {right: -5px;}
	.f_play1 {right: -15px;}
	.f_arrow2 {right: 30px;top: 13px;}
	.f_arrow3 {right: 1px;top: 13px;}
	.eGaurav {
		padding: 15px 5px;
	}
	.col-xs-1.col-sm-1.col-md-1.wow.fadeIn.animated {width: 33%;}
	.col-xs-11.col-sm-11.col-md-11.wow.bounceInLeft.animated {width: 67%;}
	.toggleSection h4 {margin: 11px 0 0 10px !important;}
	.eGaurav h2 {font-size: 13px !important;}
	.login-btn {width: 50%;}
	.bill-btn {
		padding: 10px 15px;
		font-size: 15px !important;
	}
	.modifySection, .modifySection .container-fluid{ padding:0 !important;}
	.modifySection .itme_name {width: 100%;}
	.modifySection .adjust_details {width: 33.33%;}
	.input-group-text {padding: 7px 12px !important;}
	.logoDash {width: 14% !important;}
	.linking li {
	width: 100%;
	margin-right: 0;
}
.input-group-text {
	padding: 6px 10px !important;
}
.form-control {
	height: 37px;
	padding: 10px 12px;
}
.userList .table {
	width: 225%;
}
.loginLogo h1 {
	font-size: 26px;
}
	}
	
	.ajax_box {background-color: #fff !important;/*border: 2px solid #f37022 !important;*/}
	.loading {background: url('../images/indicator.gif') right center no-repeat !important;}
	
#loginSection {
	width: 100%;
	float: left;
	padding: 0 0 40px 0;
}	 
@media (max-width: 650px) {
.box_border {
	width: 1000px !important;
}
}