div.container div.row-fluid a.panding{
	background-color: rgb(19, 99, 15) !important;
	border-radius: 20px;
	display: flex;
	margin-bottom: 10px;
	text-align: center;
	font-size: medium;
	font-size: 22px;
}


select {
	width: 90%;
	background-color: #fff;
	border: 1px solid #ccc;
	height: 40px;
	font-size: 18px;
}

input[type=tel], input[type=number] {
	height: 25px
}

div.formTable > table{
	width: 100%; 
	table-layout: fixed;
}

div.formTable table td, th {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	
}

div.formTable table td {word-wrap:break-word;}

div.container div.row-fluid a.panding span{
	align-items: center;
	color: #fff;
	display: flex;
	font-family: sans-serif;
	height: 100px;
	justify-content: center;
	padding: 3px;
	width: 100%;
}

div.card.autocomplete{
	margin: 0 0 1rem 0;
	position: absolute;
	width: 100%;
	z-index: 3;
}

table.gascontainer p{
	text-align: center;
}

div.search{
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	margin: 0.5rem 0 1rem 0;
	position: relative;
	transition: box-shadow .25s;
}

div.search input[type=text]{
	border-bottom: 0px solid #26a69a;
	border-bottom: 0px solid #9e9e9e;
	box-shadow: 0 0 0 0 #26a69a; 
	margin: 0 0 0 0;
	padding-left: 5px;
	padding-right: 5px;
}

div.search input[type=text]:focus:not([readonly]){
	border-bottom: 0px solid #26a69a;
	border-bottom: 0px solid #9e9e9e;
	box-shadow: 0 0 0 0 #26a69a; 
	margin: 0 0 0 0;
	padding-left: 5px;
	padding-right: 5px;	
}

input.valid[type="text"],input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #CF7D1C;
	box-shadow: 0 1px 0 0 #CF7D1C;
}

input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
	color: #CF7D1C;
}

.input-field .prefix.active {
	color: #CF7D1C;
}

div.search i{
	cursor: pointer;	
	position: absolute;
	right: 10px;
	top: 10px;
}

.collection .collection-item.item-ul:hover {
	background-color: #E6E6E6;
	cursor: pointer;
}

table.gascontainer input{
	text-align: center;
}

div.card.autocomplete ul.collection{
	margin: 0.0rem 0 0rem 0;
}

input[type=text][readonly="readonly"],
input#input-lectura-final, 
input#input-total-litros,
input#input-diferencia-lectura,
input[type=text][readonly="readonly"].customReadonly{
	color: inherit;
}

body > nav > div > div > div > div.center.col.s2{
	color: #fff;
	background-color: #AF302A;
}

span.errorMessage {
	box-sizing: border-box;
	color: rgb(244, 67, 54);
	cursor: text;
	display: block;
	font-size: 1.0rem;
	font-weight: 400;
	line-height: 18px;
}

.input-field label {
	font-size: 1.0rem;
}

.input-field label.active {
	font-size: 1.0rem;
}

label {
	font-size: 1.0rem;
}

.select-wrapper + label {
	font-size: 1.0rem;
}

a.logo{
	background: #fff;
	height: 62px;
	padding-left: 2px;
	padding-right: 2px;
}

nav ul li:hover, nav ul li.active {
	background-color: rgb(88, 0, 0);
	background-color: rgb(97, 0, 0)
}

div.errorMessage{
	box-sizing: border-box;
	color: rgb(244, 67, 54);
	cursor: text;
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}

.alert-dismissable, .alert-dismissible {
	padding-right: 35px;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.close {
	color: #000;
	filter: alpha(opacity=20);
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	opacity: .2;
	text-shadow: 0 1px 0 #fff;
}

div.input-field input.numcalculate{    
	text-align: center;
	font-size: 1.5rem;
}

div.modal div.modal-content div.alert-success{
	border-color: rgb(214, 233, 198);
	background-color: rgb(223, 240, 216);
}

div.modal div.modal-content div.alert-error{
	border-color: rgb(240, 216, 222);
	background-color: rgb(240, 216, 222);
}
	
.file-field .btn, .file-field .btn-large {
	float: left;
	height: 2rem;
	line-height: 2rem;
}

.uppercase{
	text-transform: uppercase !important;	
}

.lowercase {
	text-transform: lowercase;
}

div.input-field.col.uppercase input{
	text-transform: uppercase !important;		
}
 
div.input-field.uppercase .select-dropdown{
	text-transform: uppercase !important;
}

.enMoney::before {
	content:"$ ";
}

.btnremove{
	color: #FFF;
	height: 25px;
	position: absolute;
	right: 0;
	top: 10px;
	width: 15px;
}

.input-field label {
	color: #211B1B;
}

div.col > label{
	color: #211B1B;
}

/**********************************/
/******  table response     *******/
/**********************************/
.responsive-table-custom {
	width: 100%;
	margin-bottom: 1.5em;
}

.responsive-table-custom thead {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.responsive-table-custom thead th {
	background-color: #1d96b2;
	border: 1px solid #1d96b2;
	font-weight: normal;
	text-align: center;
	color: white;
}

.responsive-table-custom thead th:first-of-type {
	text-align: left;
}

.responsive-table-custom tbody,
.responsive-table-custom tr,
.responsive-table-custom th,
.responsive-table-custom td {
	display: block;
	padding: 0;
	text-align: left;
	white-space: normal;
}

.responsive-table-custom th,
.responsive-table-custom td {
	padding: .5em;
	vertical-align: middle;
}

.responsive-table-custom caption {
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

.responsive-table-custom tbody th[scope="row"] {
	background-color: #1d96b2;
	color: white;
}

.responsive-table-custom tbody td {
	text-align: right;
}

.responsive-table-custom tbody td[data-type=currency] {
	text-align: right;
}

.responsive-table-custom tbody td[data-title]:before {
	content: attr(data-title);
	float: left;
	font-size: .8em;
	color: rgba(94, 93, 82, 0.75);
}

.responsive-table-custom tfoot {
	font-size: .8em;
	font-style: italic;
}

.responsive-table-custom tbody tr {
	margin-bottom: 1em;
	border: 2px solid #1d96b2;
}

.responsive-table-custom tbody tr:last-of-type {
	margin-bottom: 0;
}

@media (min-width: 30em) {
	.responsive-table-custom th,
	.responsive-table-custom td {
		padding: .75em .5em;
	}

	.responsive-table-custom tbody td {
		border-bottom: 1px solid #1d96b2;
	}

	.responsive-table-custom tbody td[data-title]:before {
		font-size: .9em;
	}

	table.responsive-table-custom tbody > tr > td.coltable {
		word-wrap: break-word;
		text-align: right;
	}
}

@media (min-width: 48em) {

	.responsive-table-custom {
		font-size: .9em;
	}

	.responsive-table-custom thead {
		position: relative;
		clip: auto;
		height: auto;
		width: auto;
		overflow: auto;
	}

	.responsive-table-custom tr {
		display: table-row;
	}

	.responsive-table-custom th,
	.responsive-table-custom td {
		display: table-cell;
		padding: .5em;
	}

	.responsive-table-custom caption {
		font-size: 1.5em;
	}

	.responsive-table-custom tbody {
		display: table-row-group;
	}

	.responsive-table-custom tbody tr {
		display: table-row;
		border-width: 1px;
	}

	.responsive-table-custom tbody tr:nth-of-type(even) {
		background-color: rgba(94, 93, 82, 0.1);
	}

	.responsive-table-custom tbody th[scope="row"] {
		background-color: transparent;
		color: #5e5d52;
		text-align: left;
	}

	.responsive-table-custom tbody td {
		text-align: center;
	}

	.responsive-table-custom tbody td[data-title]:before {
		content: none;
	}

	table.responsive-table-custom tbody > tr > td.coltable {
		word-wrap: break-word;
		text-align: left;
	}
}

@media (min-width: 62em) {
	.responsive-table-custom {
		font-size: 1em;
	}

	.responsive-table-custom th,
	.responsive-table-custom td {
		padding: .75em .5em;
	}

	.responsive-table-custom tfoot {
		font-size: .9em;
	}

	table.responsive-table-custom tbody > tr > td.coltable {
		word-wrap: break-word;
		text-align: left;
	}
}

@media (min-width: 75em) {
	.responsive-table-custom th,
	.responsive-table-custom td {
		padding: .75em;
	}

	table.responsive-table-custom tbody > tr > td.coltable {
		word-wrap: break-word;
		text-align: left;
	}
}



@media only screen and (max-width: 992px){

	a.logo{
		height: 53px;
	}	

	body > div.container > div > div:nth-child(1) > div:nth-child(1) > a > span > img{
		height: 23px;
		width: auto;
	}

	body > div.container > div > div:nth-child(2) > div:nth-child(3) > a > span > img{
		height: 25px;
		width: auto;	
	}
	
	body > div.container > div > div:nth-child(1) > div:nth-child(2) > a > span > img,
	body > div.container > div > div:nth-child(1) > div:nth-child(3) > a > span > img,
	body > div.container > div > div:nth-child(3) > div:nth-child(1) > a > span > img
	{
		height: 67px;
		width: auto;
	}

	body > div.container > div > div:nth-child(2) > div:nth-child(2) > a > span > img{
		height: 70px;
		width: auto;	
	}

	body > div.container > div > div:nth-child(2) > div:nth-child(1) > a > span > img{
		height: 38px;
		width: auto;
	}


}

@media only screen and (max-width: 400px){

	body > div.container > div > div:nth-child(1) > div:nth-child(1) > a > span > img{
		height: 16px;
		width: auto;
	}

	body > div.container > div > div:nth-child(2) > div:nth-child(3) > a > span > img{
		height: 15px;
		width: auto;	
	}
	
	body > div.container > div > div:nth-child(1) > div:nth-child(2) > a > span > img,
	body > div.container > div > div:nth-child(1) > div:nth-child(3) > a > span > img,
	body > div.container > div > div:nth-child(3) > div:nth-child(1) > a > span > img
	{
		height: 67px;
		width: auto;
	}

	body > div.container > div > div:nth-child(3) > div:nth-child(1) > a > span > img,
	body > div.container > div > div:nth-child(3) > div:nth-child(3) > a > span > img{
		height: 37px;
		width: auto;
	}
}