html { height: 100%; }
a:hover, a:active, a:link { text-decoration: none !important; }
* { font-family: 'Nobel Regular', sans-serif; }

body { font-size: 16px; }

/* Login */
.login .cabecera { margin: 100px 0 30px 0; float: left; width: 100%; }
.login form { font-size 1.1em; }
.login .form-actions { text-align: right; padding-top: 15px; }
.login .form-actions input[type="submit"] { background: #0071bc; font-size: 1.1em; color: white; }
.login h1 { color: #1a1a1f; font-size: 3em; margin-top: 15px; font-family: 'Nobel Bold'; }
.login h1 span { display: block; font-size: .8em; }

/* Header */
header { padding-top: 30px; }
header img.logo { width: 85px; }
header .gestor-qr { text-align: right; margin-top: 30px; padding-right: 15px; border-right: 1px solid #1a1a1f; padding-left: 30px; }
header .gestor-qr h1 { margin-top: 10px; color: #1a1a1f; font-size: 1.5em; margin-bottom: 0; font-family: 'Nobel Bold'; }
header .gestor-qr h1 span { display: block; font-size: .8em; }
header .concesionario { font-size: 1em; color: #1a1a1f; position: absolute; left: 230px; bottom: 0; max-width: 300px; }
header .welcome { margin-top: 40px; color: #1a1a1f; font-size: 1.1em; border-right: 1px solid #1a1a1f; text-align: right; padding-right: 10px; }
header .qr { width: 100px; }
header .logout { margin-top: 60px; font-size: 1.3em; padding-left: 10px; }
header .logout a { color: #1a1a1f; }
header ~ .container { padding-top: 30px; }

/* Home */
.home .inferior { background: white; padding: 30px; }
.home .sello { background: #666; margin: 0px; color: white; padding: 20px; height: 115px; display: flex; justify-content: left; align-items: center; position: relative; }
.home .sello a { color: white; }
.home .sello h2 { margin: 0; font-size: 1.7em; }
.home .sello .go { font-size: 1em; position: absolute; top: 40px; right: 10px; }
.home .sello .go p { margin: 0; font-size: 2.5em; line-height: .5em; }
.home .boton { padding: 7px 15px; font-size: 1.4em; width: 100%; }
.home .boton a { color: #1a1a1f; }
.home .boton a span { font-size: 2em; margin-right: 7px; margin-top: 11px; float: left; line-height: 0; }

/* Campaigns */
.campaigns .available-campaigns { background: white; padding: 30px; }
.campaigns .campaign { height: 180px; margin-bottom: 25px; background: #eee; -webkit-box-shadow: 3px 3px 5px 0px rgba(221,221,221,1); -moz-box-shadow: 3px 3px 5px 0px rgba(221,221,221,1); box-shadow: 3px 3px 5px 0px rgba(221,221,221,1); }
.campaigns .campaign.activa { background: #E6FFF0; }
.campaigns .campaign .foto { width: 180px; height: 180px; float: left; background: grey; margin-right: 15px; background-position: center; background-size: cover; }
.campaigns .campaign .contenido { padding: 10px; height: 180px; position: relative; }
.campaigns .campaign .contenido .detalles { position: absolute; bottom: 10px; background: #666; color: white; padding: 3px 7px; }
.campaigns .campaign .contenido .activar { position: absolute; bottom: 10px; right: 10px; background: #666; color: white; padding: 3px 7px; }
.campaigns .campaign .contenido .desactivar-custom { position: absolute; bottom: 10px; right: 10px; background: #FF8000; color: white; padding: 3px 7px; }
.campaigns .campaign .contenido .desactivar { position: absolute; bottom: 10px; right: 10px; background: #FF8000; color: white; padding: 3px 7px; }
.campaigns .campaign .contenido .personalizar { position: absolute; bottom: 10px; right: 10px; background: #0071bc; color: white; padding: 3px 7px; }
.campaigns .campaign .contenido .validacion { position: absolute; bottom: 10px; background: #00B41E; color: white; padding: 3px 7px; }
.campaigns .campaign h3 { text-transform: uppercase; font-size: 1.25em; margin-top: 0; font-family: 'Nobel Bold'; }
.campaigns .campaign.custom h3, .campaigns .campaign.custom p { color: #999; }
.campaigns .campaign.custom .oculto { display: none; }
.campaigns .campaign.custom.set h3, .campaigns .campaign.custom.set p { color: black; }
.campaigns .month { font-family: 'Nobel Bold'; text-transform: uppercase; font-size: 1.4em; text-align: right; margin-top: 5px; }
.campaigns .idiomas { margin-right: 30px; margin-top: 5px; }
.campaigns .idiomas input[type="checkbox"] { display: none; }
.campaigns .idiomas label { background: #666; color: white; padding: 3px 7px; margin-right: 10px; font-size: 1.1em; }
.campaigns .idiomas input:checked ~ label { background: #00B41E; }
#modal-custom-campaign textarea { height: 180px; }
.modal-title { text-transform: uppercase; font-family: 'Nobel Bold'; }
.campaigns .historico { background: #666; color: white; padding: 5px 10px; margin-right: 10px; font-size: 1.1em; }
@media (min-width: 768px) {
    #modal-campaign .modal-dialog { width: 450px; }
}

/* Push notifications */
.notifications .available-notifications { background: white; padding: 30px; }
.notifications .push { height: 230px; margin-bottom: 25px; background: #eee; -webkit-box-shadow: 3px 3px 5px 0px rgba(221,221,221,1); -moz-box-shadow: 3px 3px 5px 0px rgba(221,221,221,1); box-shadow: 3px 3px 5px 0px rgba(221,221,221,1); padding: 10px; position: relative; }
.notifications .push.activa { background: #E6FFF0; }
.notifications .push .selector { position: absolute; right: 5px; top: 5px; }
.notifications [type="radio"]:checked, .notifications [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.notifications [type="radio"]:checked + label, .notifications [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
.notifications [type="radio"]:checked + label:before, .notifications [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }
.notifications [type="radio"]:checked + label:after, .notifications [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #00B41E; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.notifications [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.notifications [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.notifications .push h3 { text-transform: uppercase; font-size: 1.25em; margin-top: 0; font-family: 'Nobel Bold'; }
.notifications .push .contenido .detalles { position: absolute; bottom: 10px; background: #666; color: white; padding: 3px 7px; }
.notifications .push .contenido .personalizar { position: absolute; bottom: 10px; right: 10px; background: #0071bc; color: white; padding: 3px 7px; }
.notifications .push .contenido .validacion { position: absolute; bottom: 10px; background: #FF8000; color: white; padding: 3px 7px; }

/* Breadcrumbs */
.breadcrumb { background: transparent; }
.breadcrumb a { color: black; }

/* Soporte */
.support .contenido { background: white; padding: 30px; }
.support .btn { background: #0071bc; color: white; }

/* FAQ */
.faq .contenido { background: white; padding: 30px; }

/* Pie */
.pie { padding: 10px 0 30px 0; }
.pie button.enviar { background: #0071bc; color: white; padding: 5px 10px; font-size: 1.2em; border: 0; }
.pie button.enviar span { font-size: 1.5em; float: left; line-height: 0; margin-top: 10px; margin-right: 5px; }
.pie .validacion { background: #FF8000; color: white; color: white; padding: 5px 10px; font-size: 1.2em; }

/* Admin */
.admin .inferior { padding: 30px; -webkit-box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.1); box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.1); border: 1px solid #ddd; border-radius: 5px; }
.admin .btn { background: #0071bc; color: white; }
.admin h2 { font-size: 1.75em; font-family: 'Nobel Bold'; margin-bottom: 25px; }
.admin td.actions { text-align: right; }
.admin td.actions a { margin-left: 5px; }
.admin.available-campaigns textarea { height: 180px; }
.admin.settings textarea { height: 150px; }
.admin.dealers .left .qr { max-height: 200px; }