html{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPElEQVQoU2P89OnTfwYiACMhhXfv3mVQVlZmwKsQpghkIUETYa7CqhDZJJwKsSkiz2pcJqFYTUgRSVYDANb9OF2mAWybAAAAAElFTkSuQmCC)!important;
}
body{
	background: none!important;
}
/* HEADER BAR */
.header-bar{
	background: #818285;
	padding-top: 3px;
	padding-bottom: 3px;
}
.header-bar a{
	color: #FFF;
}

.header-bar li{
	font-size: 17px;
}
.header-bar li span{
	color: #C7D51F;
}

@media (max-width: 768px){
	.header-bar li span{
		display: none;
	}
}

section{
	padding-top: 40px;
	padding-bottom: 40px;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

/* Formas de Pago */
.list-pago li{
	margin-top: 10px;
	padding: 10px;
	background: #EFEFEF;
	color: #363636;
}

/* MODAL */
.label-sucursal > input{ /* HIDE RADIO */
	visibility: hidden; /* Makes input not-clickable */
	position: absolute; /* Remove input from document flow */
}
.label-sucursal span{ /* IMAGE STYLES */
	cursor: pointer;
	padding: 5px 15px;
	border: 2px solid transparent;
}
.label-sucursal > input:checked + span { /* (RADIO CHECKED) IMAGE STYLES */
	color: #C3D600;
}
.label-sucursal > input:checked + span::after { /* (RADIO CHECKED) IMAGE STYLES */
	font-family: "Font Awesome 5 Pro";
	content: "\f00c";
	margin-left: 10px;
}

.label-sucursal > input:checked + span { /* (RADIO CHECKED) IMAGE STYLES */
	padding: 5px 15px;
	border-radius: 2px;
	border: 2px solid #C3D600;
}

.hora-modal .close{
	position: absolute;
	right: 5px;
}

#nro-cliente{
	font-weight: 600;
	color: #474747;
	display: block;
	width: 100%;
	background: #FAFAFA;
	font-size: 24px;
	text-align: center;
}

.loading i{
	font-size: 30px;
	color: #C3D600;
}



/* NAVBAR */
.nav-hora{
	background: #E25300!important;
	color: #EEE!important;
	padding: 5px;
	font-weight: 500;
	transition: 0.3s;
}
.nav-hora:hover{
	background: #FF5D00!important;
	color: #FFF!important;
}

@media (min-width: 998px){
	.nav-hora{
		border-left: 1px solid #aeaeae;
	}
}

/* HOME BUTTONS */
.btn-home{
	display:inline-block;
	width: 100%;
	color: #FFF!important;
	text-align: center;
	padding: 15px 10px;
	transition: 0.3s;
}

.btn-home img{
	max-width: 35px;
	max-height: 35px;
}

@media (max-width: 768px){
	
	.btn-home span{
		font-size: 20px;
	}
	
	.btn-home img{
		float: right;
	}
}

@media (min-width: 768px){
	.btn-home{
		padding: 25px 10px;
	}
	
	.btn-home span{
		font-size: 28px;
		text-shadow: 0 0 2px #333;
	}
	
	.btn-home img{
		display: block;
		margin: 0px auto;
		max-width: 50px;
		max-height: 50px;
	}
}

#btn-agenda{
	background: #e25300;
}

#btn-revisa{
	background: #94bb1f;
}

#btn-examenes{
	background: #c7d51f;
}

#btn-agenda:hover{
	background: #FF5D00;
}

#btn-revisa:hover{
	background: #A3D117;
}

#btn-examenes:hover{
	background: #DBEC0D;
}

/* CARDS */
.card {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card h3{
	margin: 15px 15px 10px;
	color: #818285;
    font-size: 26px;
    font-weight: 600;
}
.card ul{
	margin: 25px;
}
.card ul i{
	color: #C3D600;
}

.card-header{
	border-bottom: none;
}

.card-header a{
	color: #333;
}

.card-header a:hover{
	color: #111;
}


/* FOOTER */
.footer{
	padding-top: 25px;
	background: #646569;
	color: #EFEFEF;
}
footer a{
	color: #EEE;
}
footer a:hover{
	color: #fff;
}
.copyright{
	background: #222;
	color: #EFEFEF;
}
.footer .ul-datos{
	line-height: 13px;
}

.footer .card h4,
.footer .card ul{
	margin: 3px 10px 0px 15px;
	color: #333;
}

.btn-sucursal{
	color: #C3D600;
}

.btn-sucursal:hover{
	color: #C3D600;
}

/* MODAL */
.hora-modal .close{
	position: absolute;
	right: 5px;
}

#nro-cliente{
	font-weight: 600;
	color: #474747;
	display: block;
	width: 100%;
	background: #FAFAFA;
	font-size: 24px;
	text-align: center;
}

.loading i{
	font-size: 30px;
	color: #C3D600;
}


/* FIXES */
.navbar{
	padding: 0px;
}
.form-control:focus{
	box-shadow: none;
}
.owl-nav{
	display: none;
}

a:hover{
	text-decoration: none;
}

.list-inline{
	margin-bottom: 2px;
}

.img-bottom{
	display: flex;
	align-items: flex-end;
}

.caracteristicas li>i{
	color: #C3D600;
}
.caracteristicas li{
	margin-left: 20px;
	color: #676767;
	font-size: 18px;
}

@media (max-width: 697px){
	.btn{
		font-size: 12px!important;
	}
}



/*Material Design Boostrap 4 */

.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control {
    background-image: linear-gradient(0deg,#C3D600 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0);
}

.is-focused [class*="bmd-label"], .is-focused [class^=bmd-label]{
	color: #C3D600!important;
}

.bmd-btn-fab.btn-primary.custom-file-control:before, .btn-group-raised .btn-primary.custom-file-control:before, .btn-group-raised .btn.btn-primary, .btn-raised.btn-primary.custom-file-control:before, .btn.bmd-btn-fab.btn-primary, .btn.btn-raised.btn-primary {
    background-color: #C3D600;
    border-color: #C3D600;
}

.btn.btn-raised.btn-primary:hover{
    background-color: #D0E307;
    border-color: #D0E307;
}


.btn-primary.custom-file-control:before, .btn.btn-primary {
    color: #C3D600;
}

.btn.btn-primary:hover{
	color: #C7D723;
	background: #EEE;
}