/*Art2Fly Check In  | www.art2fly.com | Copyright 2021 --*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/* TIPOGRAFIA CLIENTE */
    html, body {font: 15px/20px 'Open sans',arial, sans-serif;}
    main h1, main h2, main h3, main h5, .button, form button, input.button, .button span:before, form button span:before, .accordion-ancillary h3.ui-accordion-header.ui-state-active small, #footer, #footerlinks {font-family: 'Open sans', arial, sans-serif;}
    main h3, .button, form button, input.button, .button span:before, form button span:before, #login table td.etiqueta, #login table td.dato {font-family: 'Open sans condensed', 'open sans',arial, sans-serif;}

/* COLOR CLIENTE */
    main ul a, .color-cliente, .font-cliente, .accordion-ancillary h3.ui-accordion-header small, .accordion-hotel h3.ui-state-active, h3.ui-accordion-header.ui-state-active, .tarjado, del {color: rgba(90, 161, 211, 1);}
    a:hover {color: rgba(90, 161, 211, 1);}
    a:active {color:initial;}
    del.tarjado {text-decoration: line-through; color: #fac642;}
    #logo {background: rgb(54 95 147);background: rgb(96 111 116);}
    #header {background-image:url(/checkin/static/images/portillo/bg-header.jpg); background-position-y: 90%;} 
	header h1 {height: 0;color: transparent;}
	footer {background: #606f74;}
	#login table td.submit button {background: #fac642;border: none;border-radius: 30px;font-family: 'open sans condensed';color: white;font-size: 1.1em;}

    main {background-color:#f9f9f9;}#reserva table td,#contacto table td {background-color: #D6E7EB;border-color: #f9f9f9;}
    div#powered_by {background-color:#f9f9f9;margin: 0;padding: 20px 0;}
    table.datos-checkin td input {background-color: #d6e7eb;border: none;}
    table.datos-checkin td select {width: calc(100% - 120px);background-color: white;border: 1px solid #ccc;height: 32px;}
    .seccion-form {background-color: #d6e7eb;border-color: #f9f9f9;}
    table.datos-checkin {border: 0;}
    table.datos-checkin td {padding-left: 0;background: #f9f9f9;padding-top: 0;}
    table.datos-checkin td label {border-color: #f9f9f9;height: 17px;background-color: #a5b5b7;font-weight: normal;}
    table.datos-covid th, table.datos-adicionales th {border-color: #f9f9f9;height: 17px;background-color: #a5b5b7;font-weight: normal;}
    table.datos-covid td, table.datos-adicionales td {background-color: #d6e7eb;}
    table.datos-covid td input {background: transparent;color:inherit;}
    table.datos-covid td select {background: transparent;color:inherit;}
    table.datos-adicionales td.sintomas span {border-bottom: none;padding: 3px 10px;}

    input.button[type="submit"] {background-color:rgb(232, 186, 10);border-radius: 30px;color: white;border: none;font-size: 1em;line-height: 2.6em;padding: 5px 0;height: auto;}
    input.button[type="submit"]:hover {background-color: rgb(219 173 1);}
    input.button[type="submit"]:active {background: silver;}


/*----- RESPONSIVE ------*/

 
/*----- ANCHO MAX 540px ------*/
@media only screen and (max-width:540px) {
    #logo a img {max-width: 200px;}
}