@charset "utf-8";
/* CSS Document */

*, body, p { margin: 0; padding: 0; }
body { height: 100vh; }
.full_size { width: 100%; max-width: 625px; display: table; float: none; margin-left: auto; margin-right: auto; height: 100%; background-color: #fff; padding-bottom: 40px; padding-top: 40px; }
.full_size .container { max-width: 625px; background-color: #fff; }
.logo_style { text-align: center; }
/*.has-logo h4{
	width: 300px;
	border: 1px solid #a1a1a1;
	text-align: center;
	padding: 20px;
	margin-top: 10px;	
}*/

.container .has-time p { text-align: right; font-size: 16px; padding: 0px; }
.container .has-time h4 { text-align: left; font-size: 16px; padding: 0px; }
.has-content { /*max-width: 300px;*/
border: 1px solid #a1a1a1; }
.hash { border-bottom: 1px solid grey; }
.hash p { font-size: 15px; }
.has-add { border-bottom: 1px solid grey; }
.has-add h3 { padding-bottom: 10px; }
.has-add a { color: #3ab54b; }
.has-add a:hover { color: black; text-decoration: none; }
._has-amount p { }
.has-amount p { border: none; padding: 0px; font-size: 15px; }
.text-center { flex-wrap: wrap; align-items: center; }
.p-r-0 { padding-right: 0px !important; }
.p-l-0 { padding-left: 0px !important; }
.p-t-0 { padding-top: 0px !important; }
.p-b-0 { padding-bottom: 0px !important; }


/* sign up form */

	@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
body { background: #999; font-family: "Open Sans Condensed", sans-serif; }
#bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; -webkit-filter: blur(5px); }
form { position: relative; /*width: 350px;
  height: 300px;*/
margin: 0 auto; padding: 20px 22px; }
form input, form button { /*  width: 150px;
  
  padding: 8px 24px 8px 10px;
  color: #fff;*/
text-shadow: 0 1px 0 rgba(0,0,0,.1); margin-bottom: 20px; }
form input.email { background-image: url(../images/backgrounds/ba98f56e04b3bb2275fef06174142cb1629cda3d15e46-OIlxvx.jpg)  background-position: 220px 10px;
}
form input.pass { background-image: url(../images/backgrounds/ba98f56e04b3bb2275fef06174142cb1629cda3d15e46-OIlxvx.jpg); background-position: 223px 8px }

::-webkit-input-placeholder {
color: #ccc;
text-transform: uppercase;
}
::-moz-placeholder {
color: #ccc;
text-transform: uppercase;
}
:-ms-input-placeholder {
color: #ccc;
text-transform: uppercase;
}
form button[type=submit] { /*  width: 148px;*/
margin-bottom: 0; color: #fff; letter-spacing: .05em; text-shadow: 0 1px 0 #76b348; /*text-transform: uppercase;*/ background: #3ab54b; border-top-color: #3ab54b; border-left-color: #3ab54b; border-bottom-color: #3ab54b; border-right-color: #3ab54b; cursor: pointer; }
form button[type=submit]:hover { color: #fff; background-color: #0F8A23; border-color: #0F8A23; }
.transbox { filter: alpha(opacity=60); }
.transbox p { margin: 5%; font-weight: bold; color: #000000; }
.textbox_style { opacity: 0.3; }
.textbox_style:focus { border-color: #cfe4c8 !important; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.alert { padding: 0px !important; text-align: center !important; }
.recharge_table { display: block; }
.alert { margin-bottom: 20px !important; width: 20%; margin: auto; font-size: 16px;}
/*====================================khushbu====================================*/

.inventory-shift .button_center { text-align: center; }
.inventory-shift .button_center .button_width button { width: 100%; }
.morning-inventory .full_size .button_1 button { width: 28%; height: 40px; }
.morning-inventory .full_size .container { max-width: 625px; padding: 10px; padding-bottom: 10px; }
.morning-inventory .full_size .has-content { margin-bottom: 25px; }
.morning-inventory .vehicle_num { padding: 0; }
.morning-inventory .full_size .button_2 button { width: 100%; height: 45px; }
.morning-inventory .full_size { display: block; }
.morning-inventory .full_size .text_style h3 { text-align: center; padding-bottom: 10px; text-transform: uppercase; }
.evening-inventory .full_size .button_1 button { width: 28%; height: 40px; }
.evening-inventory .full_size .container { max-width: 625px; padding: 10px; padding-bottom: 10px; }
.evening-inventory .full_size .has-content { margin-bottom: 25px; }
.evening-inventory .vehicle_num { padding: 0; }
.evening-inventory .full_size .button_2 button { width: 50%; height: 45px; }
.evening-inventory .full_size { display: block; }
.evening-inventory .full_size .text_style h3 { text-align: center; padding-bottom: 10px; text-transform: uppercase; }
.summery-report-inventory .full_size .button_1 button { width: 28%; height: 40px; }
.summery-report-inventory .full_size .container { max-width: 625px; padding: 10px; padding-bottom: 10px; }
.summery-report-inventory .full_size .has-content { margin-bottom: 25px; }
.summery-report-inventory .vehicle_num { padding: 0; }
.summery-report-inventory .full_size .button_2 button { width: 100%; height: 45px; }
.summery-report-inventory .full_size { display: block; }
.summery-report-inventory .full_size .text_style h3 { text-align: center; padding-bottom: 10px; text-transform: uppercase; }
.clear { clear: both; }
.current-inventory .current-status-item { border: 1px solid #3AB54B; margin-bottom: 20px; height: 100%; }
.current-inventory .current-status-item h1 { display: block; background: #3AB54B; color: #fff; text-transform: capitalize; font-size: 20px; margin: 0 0 0 0; padding: 10px; }
.current-inventory .current-status-item .cylinderlist { float: left; width: 100%; padding: 7px; }
.current-inventory .current-status-item .cylinderlist-item { float: left; width: 100%; line-height: 30px; font-size: 18px; }
.current-inventory .current-status-item .cylinderlist-item .cylinderlist-type { width: 60%; float: left; text-align: left; font-size: 14px; }
.current-inventory .current-status-item .cylinderlist-item .cylinderlist-qty { width: 35%; float: right; text-align: right; font-weight: bold; color: #3AB54B; }
.current-inventory .full_size .text_style h3 { text-align: center; padding-bottom: 10px; text-transform: uppercase; }
.responsive_form{ display: none; }



@media only screen and (max-width:1500px) {
.alert { margin-bottom: 20px !important; width: 30%; margin: auto; }
}

@media only screen and (max-width:1000px) {
.alert { margin-bottom: 20px !important; width: 40%; margin: auto; }
}

@media only screen and (max-width:992px) {
.has-amount .mobile_view1 { margin-left: 198px; margin-top: -35px; padding-top: 34px; }
.has-amount .mobile_view2 { margin-left: 197px; margin-top: -21px; }
.mobile_view .h1 { height: 40px; text-align: center; width: 60%; margin: auto; }
.mobile_view h4 { padding-top: 10px; }
.wrap-login100 { padding-top: 10px; }
.mobile_view1_txt p { margin-top: -29px; }
.container .has-time p { text-align: center; font-size: 16px; padding: 0px; }
.container .has-time h4 { text-align: center; font-size: 16px; padding: 0px; }
.morning-inventory .full_size .button_2 button { width: 100%; height: 45px; }
.morning-inventory .full_size .button_2 { width: 50%; float: left; }
.evening-inventory .full_size .button_2 button { width: 100%; height: 45px; }
.evening-inventory .full_size .button_2 { width: 50%; float: none; margin: auto; }
.summery-report-inventory .full_size .button_2 button { width: 100%; height: 45px; }
.summery-report-inventory .full_size .button_2 { width: 50%; float: left; }
}

@media only screen and (max-width:767px) {
.has-content .hash_mobileview { border: none; }
.alert { margin-bottom: 20px !important; width: 55%; margin: auto; }
/*.evening-inventory .current-status-right{ margin: auto !important; display: table !important; margin-bottom: 20px !important; width: 60% !important; }
	.evening-inventory .current-status-left{ margin: auto !important; display: table !important; margin-bottom: 20px !important; width: 60% !important; }*/

}

@media only screen and (max-width:768px) {
.print_btn { display: block !important; margin-bottom: 20px !important; }
}

@media (max-width: 670px) {
.morning-inventory .full_size .button_1 button { width: 45%; height: 40px; }
.morning-inventory .full_size .button_2 button { width: 100%; }
.morning-inventory .full_size .button_2 { width: 70%; float: none; margin: auto; }
.evening-inventory .full_size .button_1 button { width: 45%; height: 40px; }
.evening-inventory .full_size .button_2 button { width: 100%; }
.evening-inventory .full_size .button_2 { width: 70%; float: none; margin: auto; }
.summery-report-inventory .full_size .button_1 button { width: 45%; height: 40px; }
.summery-report-inventory .full_size .button_2 button { width: 100%; }
.summery-report-inventory .full_size .button_2 { width: 70%; float: none; margin: auto; }
}

@media (max-width: 550px) {
.evening-inventory .current-status-left { width: 100% !important; float: none; }
.evening-inventory .current-status-right { width: 100% !important; }
.evening-inventory .current-status-left .vehicel_title { font-size: 15px !important; }
.evening-inventory .current-status-right .vehicel_title { font-size: 15px !important; }
.evening-inventory .current-status-single-item { width: 80%; margin: auto; margin-bottom: 20px; }
.desktop_form{ display: none; } 
.responsive_form{ display: block; } 
}

@media (max-width: 450px) {
.evening-inventory .vehicel_title .btn { float: none !important; }
}

@media only screen and (max-width:400px) {
.print_btn { margin-bottom: 0px !important; }
.btn-success { font-size: 12px !important; }
.alert { margin-bottom: 20px !important; width: 75% !important; margin: auto; }
.email_btn { width: 100% !important; }
.print_btn { width: 100% !important; }
.morning-inventory .full_size .button_1 button { padding: 6px 0px; width: 65%; }
.morning-inventory .full_size .container { padding: 10px; }
.morning-inventory .full_size .button_2 { width: 80%; }
.evening-inventory .full_size .button_1 button { padding: 6px 0px; width: 65%; }
.evening-inventory .full_size .container { padding: 10px; }
.evening-inventory .full_size .button_2 { width: 80%; }
.summery-report-inventory .full_size .button_1 button { padding: 6px 0px; width: 65%; }
.summery-report-inventory .full_size .container { padding: 10px; }
.summery-report-inventory .full_size .button_2 { width: 80%; }
.evening-inventory .current-status-left { width: 100% !important; }
.evening-inventory .current-status-right { width: 100% !important; }
}
.d-flex { display: flex; }
.cylinder-cash-name .container .has-time .text_box_width input { width: 190px; margin-top: 0; }
/*.cylinder-cash-name .container .has-time .text_width{  }*/

.cylinder-cash-name .has-content .hash .text_box_width1 input { width: 250px; margin-top: 0; }
a.btn-danger-cancel { color: #fff !important; background-color: #000000 !important; border-color: #000000 !important; }
a.btn-danger-cancel:hover { color: #fff !important; background-color: #000000 !important; border-color: #000000 !important; }
.reading_customer_login form.login100-form .mobile_view .text_box input { margin: auto; width: 60%; }
.evening-inventory .current-status-left { padding: 0; margin-bottom: 20px; height: 100%; width: 50%; float: left; }
.evening-inventory .current-status-right { padding: 0; margin-bottom: 20px; height: 100%; width: 50%; overflow: auto; }
.evening-inventory .vehicel_title { display: block; background: #3AB54B; color: #fff; text-transform: capitalize; font-size: 17px; margin: 0 0 0 0; padding: 15px; }
.evening-inventory .vehicel_title .btn { color: #fff; background-color: #3ab54b; border-color: #fff; float: right; border-radius: 2px; padding: 2px 12px; }

.current-inventory .current-status-item .btn { color: #fff; background-color: #3ab54b; border-color: #fff; float: right; border-radius: 2px; padding: 2px 12px; }

/*.evening-inventory .current-status-right .vehicel_title { display: block; background: #3AB54B; color: #fff; text-transform: capitalize; font-size: 17px; margin: 0 0 0 0; padding: 10px; } 
*/
.evening-inventory .current-status-items { margin: 0; }
.evening-inventory .current-status-left h5 { width: 100%; padding: 7px; }
.evening-inventory .current-status-right h5 { width: 100%; padding: 7px; }
.evening-inventory .current-status-right .cylinderlist { width: 100%; padding: 7px; }
.evening-inventory .current-status-left .cylinderlist { width: 100%; padding: 7px; }
.evening-inventory .current-status-left .cylinderlist .cylinderlist-item .cylinderlist-type { float: left; }
.evening-inventory .current-status-left .cylinderlist .cylinderlist-item .cylinderlist-qty { float: right; font-weight: bold; color: #3AB54B; }
.evening-inventory .current-status-right .cylinderlist .cylinderlist-item .cylinderlist-type { float: left; }
.evening-inventory .current-status-right .cylinderlist .cylinderlist-item .cylinderlist-qty { float: right; font-weight: bold; color: #3AB54B; }
.evening-inventory .current-status-left .cylinderlist .cylinderlist-item { padding-bottom: 7px; overflow: auto; }
.evening-inventory .current-status-right .cylinderlist .cylinderlist-item { padding-bottom: 7px; overflow: auto; }
.evening-inventory .current-status-single-item { width: 100%; border: 1px solid #3AB54B; margin-bottom: 20px; }




/*  */
.alert-danger{padding: 10px !important; margin-top: 10px;}
.alert-success{padding: 10px !important; margin-top: 10px;}
.w-100{width: 100%;}
/*  */





/*======================================= 19112018 CHRIS ==================================*/
.p-h-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.row-5 {
	margin-left: -5px !important;
	margin-right: -5px !important;
}
.daily-inv-list-wrapper .table td{ vertical-align:middle;}

.evening-inventory .daily-inv-list-wrapper .current-status-items.row{ margin-right:-15px; margin-left:-15px;}
.daily-inv-list-wrapper {
	max-width: 700px;
}
.evening-inventory .daily-inv-list-wrapper.full_size .button_2 button{ width:100%;}
.m-h-auto {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}
.daily-inv-list-report-wrapper {
	max-width: 1170px;
}
.evening-inventory .print-btn{ display:block; margin-right: 15px; }
.evening-inventory .verify-btn{display:block;}
.evening-inventory .vehicel_title form{ float: right; padding: 0; }


.email_disabled{cursor: no-drop !important; opacity: .65;}
/* .email_disabled { pointer-events: none; } */