/* ================================= SOLICITUD DE HABILITACION DE TRANSPORTE ================================= */

.th-contenedor {
width: 100%;
color: #26384f;
box-sizing: border-box;
}

/* ================================= CABECERA PRINCIPAL ================================= */

.th-cabecera {
margin: 0 0 18px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #d9e1ea;
}

.th-cabecera-titulo {
margin: 0 !important;
color: #17477f !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-transform: uppercase !important;
}

.th-cabecera-subtitulo {
display: block;
margin-top: 4px;
color: #4c617a;
font-size: 14px;
font-weight: 700;
line-height: 1.45;
}

/* ================================= REIMPRESION ================================= */

.th-reimpresion {
width: 100%;
margin: 0 0 18px 0;
border: 1px solid #d6e3f1;
border-radius: 6px;
background-color: #f8fbff;
box-sizing: border-box;
overflow: hidden;
}

.th-reimpresion-cabecera {
display: flex;
align-items: center;
width: 100%;
min-height: 78px;
padding: 14px 18px;
color: inherit;
text-decoration: none !important;
box-sizing: border-box;
cursor: pointer;
}

.th-reimpresion-cabecera:hover,
.th-reimpresion-cabecera:focus {
color: inherit;
text-decoration: none !important;
background-color: #f1f7ff;
}

.th-reimpresion-icono {
flex: 0 0 48px;
text-align: center;
}

.th-reimpresion-icono .fa {
display: inline-block;
width: 38px;
height: 38px;
line-height: 38px;
border-radius: 50%;
background-color: #edf5ff;
color: #0b67c8;
font-size: 19px;
}

.th-reimpresion-texto {
flex: 1;
padding-left: 10px;
}

.th-reimpresion-titulo {
margin: 0 0 4px 0;
color: #17477f;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}

.th-reimpresion-descripcion {
margin: 0;
color: #53687f;
font-size: 13px;
line-height: 1.45;
}

.th-reimpresion-accion {
padding-left: 15px;
text-align: right;
}

.th-reimpresion-boton {
display: inline-block;
padding: 10px 15px;
border: 1px solid #73aaff;
border-radius: 4px;
background-color: #ffffff;
color: #165bb0;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
}

.th-reimpresion-boton .fa {
margin-right: 7px;
}

.th-reimpresion-contenido {
padding: 18px;
border-top: 1px solid #d6e3f1;
background-color: #ffffff;
}

.th-reimpresion-contenido .alert {
margin-bottom: 15px;
}

.th-reimpresion-contenido label {
margin-bottom: 6px;
color: #1d3557;
font-size: 13px;
font-weight: 700;
}

.th-reimpresion-contenido .form-control {
height: 42px;
border-color: #d7dee8;
border-radius: 5px;
box-shadow: none;
color: #31465f;
font-size: 14px;
}

.th-reimpresion-contenido .form-control:focus {
border-color: #73aaff;
box-shadow: 0 0 0 2px rgba(115, 170, 255, 0.16);
}

.th-reimpresion-botonera {
padding-top: 23px;
}

.btn-th-reimprimir {
display: inline-block;
min-height: 40px;
padding: 9px 18px;
border: 1px solid #e87500 !important;
border-radius: 5px;
background-color: #ff8500 !important;
color: #ffffff !important;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}

.btn-th-reimprimir:hover,
.btn-th-reimprimir:focus {
background-color: #e87500 !important;
color: #ffffff !important;
}

.btn-th-reimprimir .fa {
margin-right: 7px;
}

/* ================================= CONTACTO ================================= */

.th-contacto {
display: flex;
align-items: center;
width: 100%;
margin: 0 0 22px 0;
padding: 17px 22px;
background-color: #2d7ed1;
border: 1px solid #276fb8;
border-radius: 6px;
box-sizing: border-box;
color: #ffffff;
}

.th-contacto-contenedor {
width: 100%;
}

.th-contacto-titulo {
width: 100%;
margin: 0 0 12px 0;
color: #ffffff;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}

.th-contacto-contenido {
display: flex;
align-items: stretch;
width: 100%;
}

.th-contacto-bloque {
display: flex;
align-items: center;
width: 50%;
box-sizing: border-box;
}

.th-contacto-bloque:first-child {
padding-right: 24px;
border-right: 1px solid rgba(255,255,255,0.55);
}

.th-contacto-bloque:last-child {
padding-left: 24px;
}

.th-contacto-icono {
flex: 0 0 48px;
text-align: center;
}

.th-contacto-icono .fa,
.th-contacto-icono .fas {
color: #ffffff;
font-size: 26px;
}

.th-contacto-texto {
flex: 1;
padding-left: 12px;
}

.th-contacto-bloque:last-child .th-contacto-texto {
padding-left: 0;
}

.th-contacto-subtitulo {
margin: 0 0 5px 0;
color: #ffffff;
font-size: 14px;
font-weight: 700;
}

.th-contacto-detalle {
margin: 0;
color: #ffffff;
font-size: 13px;
line-height: 1.55;
}

.th-contacto-detalle + .th-contacto-subtitulo {
margin-top: 11px;
}

.th-contacto-detalle a {
color: #ffffff !important;
text-decoration: none;
}

.th-contacto-detalle a:hover {
color: #ffffff !important;
text-decoration: underline;
}

.th-contacto-inline-icono {
display: inline-block;
width: 16px;
margin-right: 5px;
text-align: center;
}

/* ================================= AVISO GENERAL ================================= */

.th-aviso-general {
margin: 0 0 22px 0;
padding: 12px 15px;
border: 1px solid #c6dcf7;
border-radius: 5px;
background-color: #f7fbff;
color: #2460a7;
font-size: 13px;
line-height: 1.5;
}

.th-aviso-general .fa {
margin-right: 8px;
color: #0b67c8;
font-size: 17px;
}

/* ================================= ASTERISCOS CAMPOS OBLIGATORIOS ================================= */

.required,
.th-required {
color: #dc3545 !important;
font-weight: 700 !important;
}

/* ================================= PASOS ================================= */

.th-paso {
margin-bottom: 22px;
border: 1px solid #d9e5f2 !important;
border-radius: 8px;
background-color: #ffffff;
box-shadow: 0 1px 5px rgba(0,0,0,0.06);
overflow: hidden;
}

.th-paso > .th-paso-cabecera {
display: flex !important;
align-items: center;
width: 100%;
min-height: 62px;
margin: 0;
padding: 14px 24px;
border-bottom: 1px solid #d9e5f2;
background-color: #ffffff;
color: #17477f !important;
text-decoration: none !important;
box-sizing: border-box;
}

.th-paso > .th-paso-cabecera:hover,
.th-paso > .th-paso-cabecera:focus {
background-color: #f8fbff;
color: #17477f !important;
text-decoration: none !important;
}

.th-paso-numero {
display: inline-block;
width: 36px;
height: 36px;
margin-right: 13px;
line-height: 36px;
border-radius: 50%;
background-color: #0b67c8;
color: #ffffff;
font-size: 16px;
font-weight: 700;
text-align: center;
flex: 0 0 36px;
}

.th-paso > .th-paso-cabecera h6 {
margin: 0;
color: #17477f;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}

.th-paso .step-content {
padding: 20px 24px 22px;
background-color: #ffffff;
}

.th-paso .step-content .row > [class*="col-"],
.th-paso .clonable > [class*="col-"],
.th-paso .subclonable > [class*="col-"] {
margin-bottom: 12px;
}

.th-paso label {
margin-bottom: 6px;
color: #1d3557;
font-size: 13px;
font-weight: 700;
}

.th-paso .form-control {
height: 42px;
border-color: #d7dee8;
border-radius: 5px;
box-shadow: none;
color: #31465f;
font-size: 14px;
}

.th-paso .form-control:focus {
border-color: #73aaff;
box-shadow: 0 0 0 2px rgba(115,170,255,0.16);
}

.th-paso .form-control[disabled],
.th-paso .form-control[readonly] {
background-color: #f1f3f5;
color: #6d7782;
}

.th-campos-obligatorios {
margin: 0 0 16px 0;
color: #e84b4b;
font-size: 13px;
font-weight: 600;
}

/* ================================= SUBSECCIONES ================================= */

.th-subseccion {
clear: both;
width: 100%;
margin: 18px 0 16px 0;
padding: 11px 14px;
border: 1px solid #c6dcf7;
border-left: 4px solid #0b67c8;
border-radius: 5px;
background-color: #f7fbff;
box-sizing: border-box;
color: #17477f;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}

.th-subseccion .fa,
.th-subseccion .fas {
margin-right: 8px;
color: #0b67c8;
}

.th-subseccion-recorrido {
border-color: #ffd18b;
border-left-color: #f28c00;
background-color: #fffaf0;
color: #a25d08;
}

.th-subseccion-recorrido .fa,
.th-subseccion-recorrido .fas {
color: #f28c00;
}

.th-ayuda {
margin: 0 0 16px 0;
padding: 11px 13px;
border: 1px solid #c6dcf7;
border-radius: 5px;
background-color: #f7fbff;
color: #2460a7;
font-size: 13px;
line-height: 1.45;
}

.th-ayuda-warning {
border-color: #ffd18b;
background-color: #fffaf0;
color: #8b5a1d;
}

.th-ayuda-warning .fa {
color: #f28c00;
}

/* ================================= CLONABLE ================================= */

.th-paso .clonable {
border-bottom: none;
padding-top: 5px;
}

.th-paso .subclonable {
padding-top: 5px;
}

/* ================================= DECLARACION JURADA ================================= */

.th-declaracion-jurada {
display: table;
width: 100%;
margin: 5px 0 22px 0;
padding: 14px 18px;
border: 1px solid #c9ddec;
border-radius: 6px;
background-color: #edf6ff;
box-sizing: border-box;
}

.th-declaracion-icono {
display: table-cell;
width: 58px;
vertical-align: middle;
text-align: center;
}

.th-declaracion-icono .fa {
display: inline-block;
color: #0b67c8;
font-size: 33px;
}

.th-declaracion-texto {
display: table-cell;
padding-left: 12px;
vertical-align: middle;
}

.th-declaracion-titulo {
margin: 0 0 3px 0;
color: #17477f;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}

.th-declaracion-descripcion {
margin: 0;
color: #35597f;
font-size: 13px;
line-height: 1.45;
}

/* ================================= CAPTCHA ================================= */

.th-captcha {
width: 100%;
margin-bottom: 18px;
}

.th-captcha label {
margin-bottom: 6px;
color: #1d3557;
font-size: 13px;
font-weight: 700;
}

.th-captcha .form-control {
height: 42px;
border-color: #d7dee8;
border-radius: 5px;
box-shadow: none;
color: #31465f;
font-size: 14px;
}

.th-captcha .form-control:focus {
border-color: #73aaff;
box-shadow: 0 0 0 2px rgba(115,170,255,0.16);
}

.th-captcha-contenido {
display: flex;
align-items: flex-start;
width: 100%;
}

.th-captcha-imagen {
display: block;
width: calc(100% - 52px);
max-width: 440px;
height: auto;
margin-right: 12px;
}

.th-captcha-recargar {
flex: 0 0 38px;
width: 38px;
height: 34px;
margin: 0;
padding: 0;
text-align: center;
}

/* ================================= FINALIZAR ================================= */

.th-finalizar {
width: 100%;
margin: 20px 0 28px 0;
}

.btn-th-finalizar {
display: block !important;
width: 100% !important;
min-height: 52px;
padding: 14px 20px !important;
border: 1px solid #148d39 !important;
border-radius: 6px !important;
background-color: #0b9a35 !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 700 !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.2px;
}

.btn-th-finalizar:hover,
.btn-th-finalizar:focus {
border-color: #087d2a !important;
background-color: #07872e !important;
color: #ffffff !important;
}

.btn-th-finalizar .fa {
margin-right: 10px;
color: #ffffff;
font-size: 17px;
}

/* ================================= SOLICITUD GUARDADA ================================= */

.th-guardada {
width: 100%;
margin: 10px 0 25px 0;
padding: 26px;
border: 1px solid #b9e3c4;
border-radius: 8px;
background-color: #f3fff6;
box-sizing: border-box;
text-align: center;
}

.th-guardada-icono {
display: inline-block;
width: 62px;
height: 62px;
margin-bottom: 12px;
line-height: 62px;
border-radius: 50%;
background-color: #d9f5e1;
color: #15913a;
font-size: 30px;
}

.th-guardada-titulo {
margin: 0 0 7px 0;
color: #176b35;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}

.th-guardada-texto {
margin: 0 0 18px 0;
color: #466052;
font-size: 14px;
line-height: 1.55;
}

.btn-th-imprimir {
display: inline-block;
padding: 11px 20px;
border: 1px solid #0b67c8;
border-radius: 5px;
background-color: #0b67c8;
color: #ffffff !important;
font-size: 13px;
font-weight: 700;
text-decoration: none !important;
text-transform: uppercase;
}

.btn-th-imprimir:hover,
.btn-th-imprimir:focus {
background-color: #0858ad;
color: #ffffff !important;
text-decoration: none !important;
}

.btn-th-imprimir .fa {
margin-right: 8px;
}

/* ================================= FORMULARIO CERRADO ================================= */

.th-cerrada {
width: 100%;
margin: 0 0 24px 0;
padding: 28px 30px;
border: 1px solid #ffd394;
border-left: 6px solid #e87500;
border-radius: 8px;
background-color: #fff8ed;
box-sizing: border-box;
}

.th-cerrada-contenido {
display: flex;
align-items: flex-start;
}

.th-cerrada-icono {
flex: 0 0 55px;
color: #e87500;
font-size: 34px;
text-align: center;
}

.th-cerrada-texto {
flex: 1;
padding-left: 8px;
}

.th-cerrada-titulo {
margin: 0 0 7px 0;
color: #a14b00;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}

.th-cerrada-descripcion {
margin: 0;
color: #60452d;
font-size: 14px;
line-height: 1.6;
}

/* ================================= GRILLA DATOS DEL VEHICULO ================================= */

.th-vehiculo-fila {
clear: both;
width: 100%;
}

.th-vehiculo-fila:before,
.th-vehiculo-fila:after {
display: table;
content: " ";
}

.th-vehiculo-fila:after {
clear: both;
}

.th-paso-vehiculo .th-vehiculo-fila > [class*="col-"] {
margin-bottom: 12px;
}

.th-paso-vehiculo .input-group {
width: 100%;
}

/* ================================= RESPONSIVE ================================= */

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

.th-cabecera-titulo {
font-size: 17px !important;
}

.th-cabecera-subtitulo {
font-size: 12px;
}

.th-reimpresion-cabecera {
display: block;
text-align: center;
}

.th-reimpresion-icono {
margin-bottom: 8px;
}

.th-reimpresion-texto {
padding-left: 0;
}

.th-reimpresion-accion {
padding: 14px 0 0 0;
text-align: center;
}

.th-reimpresion-botonera {
padding-top: 10px;
}

.btn-th-reimprimir {
width: 100%;
}

.th-contacto {
display: block;
padding: 18px;
}

.th-contacto-contenido {
display: block;
}

.th-contacto-bloque,
.th-contacto-bloque:first-child,
.th-contacto-bloque:last-child {
width: 100%;
padding: 14px 0;
}

.th-contacto-bloque:first-child {
border-right: none;
border-bottom: 1px solid rgba(255,255,255,0.55);
}

.th-contacto-texto,
.th-contacto-bloque:last-child .th-contacto-texto {
padding-left: 0;
}

.th-contacto-bloque:first-child .th-contacto-texto {
padding-left: 10px;
}

.th-paso > .th-paso-cabecera {
min-height: 56px;
padding: 12px 16px;
}

.th-paso-numero {
width: 32px;
height: 32px;
margin-right: 10px;
line-height: 32px;
font-size: 14px;
flex-basis: 32px;
}

.th-paso > .th-paso-cabecera h6 {
font-size: 15px;
}

.th-paso .step-content {
padding: 16px;
}

.th-declaracion-jurada {
display: block;
padding: 16px;
text-align: center;
}

.th-declaracion-icono,
.th-declaracion-texto {
display: block;
width: 100%;
padding-left: 0;
}

.th-declaracion-icono {
margin-bottom: 9px;
}

.th-declaracion-titulo {
font-size: 15px;
}

.th-declaracion-descripcion {
font-size: 12px;
}

.th-captcha-contenido {
align-items: center;
}

.th-captcha-imagen {
width: calc(100% - 50px);
margin-right: 10px;
}

.btn-th-finalizar {
min-height: 50px;
padding: 12px 14px !important;
font-size: 14px !important;
line-height: 1.35;
}

.th-cerrada {
padding: 20px 16px;
border-left-width: 5px;
}

.th-cerrada-icono {
flex: 0 0 38px;
font-size: 26px;
}

.th-cerrada-titulo {
font-size: 16px;
}

}