
#image img
{
    height: 10%;
    width: 100%;
}

html
{
    min-height:100%;
}

#form-content{
    margin-bottom: 50px;
}

#contenido
{
    background-color: #ffffff;
    border-radius: 5px;
    min-height: 80vh;
}

.header
{
    background-color: #0895D8;
    color: white;
    height: 70px;
    margin: auto;
    width: 95%;
    margin-bottom: 20px;
    margin-left: 2.5%;
}

h1.titulo-tramite{
    font-size: 2.25rem;
    color: #274F7B;
    font-weight: 600;
    text-align: center;
}

.alpaca-field-object{
    padding: 10px 0;
}

.alpaca-icon-required{
    font-size: 50%;
    color: var(--listas-links);
    vertical-align: super;
}

.alpaca-form-buttons-container{
    text-align: center;
}

/* PASOS */

#steps{
  border-bottom: 0;
}

.sw-main{
    display: block;
    max-width: 95%;
    margin: 0 auto;
    /* overflow: scroll hidden; */
    /* padding-right: 50px; */
    height: max-content;
}

.nav.nav-tabs.step-anchor{
    background-color: transparent;
    border-right: 1px solid var(--color-principal-pasos);
    /* width: max-content; */
    margin: 0 0 0 10px;
}

/*
.sw-theme-circles>ul.step-anchor:before {
    background-color: white;
}*/

.sw-theme-circles>ul.step-anchor>li.active>a {
    border-color: var(--color-principal) !important;
    color: var(--color-texto-btn);
    background: var(--color-principal) !important;
}

.sw-theme-circles>ul.step-anchor>li.active>a:hover {
    border-color: var(--color-principal-luz) !important;
    color: var(--color-texto-pasos);
    background: var(--color-principal-luz) !important;
}

.sw-theme-circles>ul.step-anchor>li {
    padding-left: 40px;
    margin-left: 0;
}

.sw-theme-circles>ul.step-anchor>li.active>a>small {
    color: var(--color-texto-nombre-pasos);
}

.sw-theme-circles > ul.step-anchor > li > a
{
    width: 32px !important;
    height: 32px !important;
    padding: 5px 0 !important;
    box-shadow: none !important;
    background-color: #fff;
    border: 1px solid var(--color-secundario-pasos);
    font-weight: 700;
    color: var(--color-secundario-pasos);
    border-radius: 50%;
    text-align: center;
}

.sw-theme-circles>ul.step-anchor>li>a:hover {
    border: 1px solid var(--color-secundario-pasos);
    color: var(--color-secundario-pasos);
    background: var(--color-secundario-hover-pasos);
}

.sw-theme-circles > ul.step-anchor::before
{
    top:55px !important;
    max-height: 2px;
    background-color: var(--color-secundario-hover-pasos);
    visibility: hidden;
}

.sw-theme-circles > ul.step-anchor
{
    margin-top: -40px;
}


.sw-theme-circles > ul.step-anchor > li
{
    margin-top: 20px !important;
    margin-bottom: 12px !important;
    width: 100%;
    z-index: 0;
}

.sw-theme-circles>ul.step-anchor>li.done>a {
    border: solid 2px var(--color-principal-pasos);
    color: var(--color-principal-pasos);
    background: #fff;
}

.sw-theme-circles > ul.step-anchor > li::before{
    content: " ";
    position: absolute;
    top: 15px;
    left: 55px;
    width: 2px;
    height: 62px;
    background-color: var(--color-secundario-hover-pasos);
    z-index: 0;

}

.sw-theme-circles > ul.step-anchor > li.done::before{
    background-color: var(--color-principal-pasos);
}

.sw-theme-circles > ul.step-anchor > li:last-child::before{
    visibility: hidden;
}

.sw-theme-circles>ul.step-anchor>li.done>a:hover {
    border-color: var(--color-principal-pasos-luz);
    color: var(--color-principal-pasos);
    background: var(--color-principal-pasos-claro);
}

#form{
  max-width: 80% !important;
  margin-left: 5% !important;
}



.sw-theme-circles>ul.step-anchor>li>a>small {
    position: absolute;
    width: 200px;
    bottom: -6px;
    text-align: left;
    color: var(--color-secundario-paso);
    padding-left: 38px;
    height: 30px;
    font-size: 1.4rem;
    font-weight: 300;
}

.sw-theme-circles>ul.step-anchor>li.done>a>small {
    color: var(--color-texto-nombre-pasos);
}

#movil_pasos_ctrl{
  width: 100%;
}

/* FIN DE PASOS */

/* Buttons */

.solitary-button{
    display: block !important;
    max-width: 40%;
    margin: 0 auto;
}

/* UPLOADER & TERTIARY BUTTON */
.qq-upload-button, .tertiary-button
{
    background-color: var(--color-principal);
    border: var(--borde-principal) solid var(--color-principal-borde);
    display:inline-block;
    cursor:pointer !important;
    text-decoration:none;
    width: 100% !important;
    -moz-border-radius:var(--esquinas) !important;
    -webkit-border-radius:var(--esquinas) !important;
    border-radius:var(--esquinas) !important;
    color: var(--color-texto-btn);
    text-shadow: 1px 1px 0 var(--color-principal-sombra);
    padding:15px 24px;
    text-transform: uppercase;
    font-weight: var(--botones-weight);
}

.qq-upload-button:hover, .tertiary-button:hover{
    background-color:var(--color-principal-luz) !important;
    color:var(--color-texto-btn);
}

.qq-upload-list li.qq-upload-success{
    background-color: #E3F8FF;
    border: 1px solid #40C7FB;
    color: #337A6D;
    padding: 20px 5px;
    margin: 5px 0;
    text-align: center;
}

/* FIN DE UPLOADER */


/* Aceptar Button */
.btn-aceptar {
    background-color:var(--color-disabled);
    color: var(--color-texto-btn-disabled);
    font-weight: var(--botones-weight);
    border: var(--borde-disabled) solid var(--color-disabled-borde);
    border-radius: var(--esquinas);
    padding: 12px;
    width: 50%;
    margin: 0 auto;
    text-decoration: none;
}

.btn-aceptar:hover {
    background-color:var(--color-disabled-luz);
}

.btn-aceptar::before{
    content: "";
    display: inline-block;
    background-color: transparent;
    -webkit-mask: url("/gimgs/dgm/aceptar_check.svg")no-repeat;
    mask: url("/gimgs/dgm/aceptar_check.svg")no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    margin-left: -18px;
    margin-top: 1px;
}

.aceptado {
    background-color: var(--color-resalte);
    color: var(--color-texto-btn-resalte);
    font-weight: var(--botones-weight);
    border: var(--borde-resalte) solid var(--color-resalte-borde);
    border-radius: var(--esquinas);
}

.aceptado::before{
    background-color: var(--color-texto-btn-resalte);
}

.aceptado:hover {
    background-color: var(--color-resalte-luz);
}
/* Fin de Aceptar Button */

/* ELEMENTOS FORMULARIO */

.glyphicon-download-alt
{
    margin-top: 8%;
    background-color: #00abeb;
}


.form-control[disabled]{
    background-color: var(--color-campo-des);
    border: var(--borde-campo-des) solid var(--color-borde-campo-des);
    font-style: var(--font-style-campo-des);
    color: var(--color-texto-campo-des);
    box-shadow: none;
}

.multiselect.disabled {
    background-color: var(--color-campo-des);
    border: var(--borde-campo-des) solid var(--color-borde-campo-des);
    color: var(--color-texto-campo-des);
    width: 100%;
    text-align: left;
}

.multiselect.disabled span{
    font-size: 1.8rem;
    font-weight: var(--font-weight-campo-des) !important;
    font-style: var(--font-style-campo-des);
    color: var(--color-texto-campo-des) !important;
    font-style: var(--font-style-campo-des);
}

.multiselect.disabled > b {
    float: right;
    margin-top: 11px;
}

.select2
{
    min-width: 50% !important;
    max-width: 100% !important;
}

/* .btn_download
{
    background-color: #00abeb;
    width: 100%;
} */

#descripcion-formulario
{
    background-color: #e7e7e7;
    color: #000;
    width: 95%;
    margin: auto;
    margin-bottom: 40px;
}
#btn-guardarIncompleto, .alpaca-form-button-guardarIncompleto
{
    text-transform: uppercase;
    font-weight: var(--botones-weight);
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    padding: 10px 10px;
    border-radius: var(--esquinas);
}

#btn-volverPanel, .alpaca-form-button-volverPanel
{
    text-transform: uppercase;
    font-weight: var(--botones-weight);
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    padding: 10px 10px;
    border-radius: var(--esquinas);
}


#btn-atras, .alpaca-form-button-atras
{
    text-transform: uppercase;
    font-weight: var(--botones-weight);
    background-color: var(--color-secundario);
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    padding: 10px 10px;
    color: var(--color-texto-btn-secundario);
    border-radius: var(--esquinas);
}

.alpaca-form-button-reintentar
{
    text-transform: uppercase;
    font-weight: var(--botones-weight);
    background-color: var(--color-secundario);
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    padding: 10px 10px;
    color: var(--color-texto-btn-secundario);
    border-radius: var(--esquinas);
}



#btn-atras:hover, .alpaca-form-button-atras:hover
{
    background-color: var(--color-secundario-luz);
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    color: var(--color-texto-btn-secundario);
}

.alpaca-form-button-reintentar:hover
{
    background-color: var(--color-secundario-luz);
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    color: var(--color-texto-btn-secundario);
}

#btn-siguiente, .alpaca-form-button-submit
{
    text-transform: uppercase;
    font-weight: var(--botones-weight);
    background-color: var(--color-principal);
    border: var(--borde-principal) solid var(--color-principal-sombra);
    padding: 10px 10px;
    border-radius: var(--esquinas);
    text-shadow: 1px 1px 0 var(--color-principal-sombra);
    color: var(--color-texto-btn);
}

#btn-siguiente:hover, .alpaca-form-button-submit:hover
{
    background-color: var(--color-principal-luz);
    text-shadow: 1px 1px 0 var(--color-principal-sombra);
    border: 1px solid var(--color-principal-sombra);
    color: var(--color-texto-btn);
}

#btn-siguiente:focus, #btn-siguiente:active, #btn-siguiente:checked, .alpaca-form-button-submit:focus, .alpaca-form-button-submit:active, .alpaca-form-button-submit:checked
#btn-siguiente.active:focus, #btn-siguiente.active:active, #btn-siguiente.active:checked, .alpaca-form-button-submit.active:focus, .alpaca-form-button-submit.active:active, .alpaca-form-button-submit.active:checked
{
    background-color: var(--color-principal-luz);
}

#parent-btn-siguiente
{
    padding-left: 4px !important;
}

#parent-btn-atras
{
    padding-right: 0px !important;
    width: 49% !important;
}

/* div.alpaca-control[name="global__paso_autenticidad_documentos__acepto"] > a{
  background-color: var(--color-disabled) !important;
  border: var(--borde-disabled) solid var(--color-disabled-borde) !important;
  color: var(--color-texto-btn-disabled) !important;
  text-shadow: 1px 1px 0 var(--color-disabled-sombra) !important;
}

div.alpaca-control[name="global__paso_autenticidad_documentos__acepto"] > a.aceptado{
  background-color: var(--color-resalte) !important;
  border: var(--borde-resalte) solid var(--color-resalte-borde) !important;
  color: var(--color-texto-btn-resalte)!important;
} */

.btn-agregar-fila-tabla
{
    text-transform: uppercase;
    font-weight: var(--botones-weight);
    background-color: var(--color-principal);
    border: 1px solid var(--color-principal-sombra);
    padding: 10px 50px;
    border-radius: var(--esquinas);
    text-shadow: 1px 1px 0 var(--color-principal-sombra);
    color: var(--color-texto-btn);
}

legend.alpaca-container-label
{
    font-weight: 400 !important;
    font-size: 2.2rem;
    text-align: center;
}

.sec-subtitulo-test {
    font-weight: 600 !important;
    font-size: 2rem;
    text-align: center;
    margin-top: 30px;
    color: #5A5A5A;
}


.sec-subtitulo > label.alpaca-control-label{
    font-weight: 400 !important;
    font-size: 2rem;
    text-align: center;
    margin-top: 30px;
    color: #5A5A5A;
}


.boton-generico-descarga{
    background-color: #40c7fb;
    color: black;
    font-weight: 400;
    box-sizing: border-box;
    border: 2px solid #40c7fb;
    border-radius: 0;
    padding: 15px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.boton-generico-descarga:hover {
    background-color: #40c7fb;
    color: black;
    border: 2px solid #40c7fb;
    text-decoration: none !important;
    cursor: pointer;

}

label.alpaca-control-label{
    font-weight: 300 !important;
    font-size: 1.8rem;
    color: var(--color-texto);
    display: block !important;
}

.alpaca-control{
    font-weight: 300 !important;
    font-size: 1.8rem;
    color: #333333;
    height: 40px;
}

input.alpaca-control, select.alpaca-control, textarea.alpaca-control{
    border: 1px solid var(--color-bordes-campo);
    border-radius: var(--esquinas);
}

.has-error .form-control{
    border-color: var(--color-alerta);
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
    color: var(--color-alerta);
}

[disabled] {
    pointer-events: none;
}

.tooltip-inner {
    max-width: 500px !important;
    min-width: 350px; !important;
}

/* Tooltip */
.tooltip > .tooltip-inner {
    background-color: #f1fffd;
    color: black;
    border: 4px solid #00abeb;
    padding: 5px;
    font-size: 1.5rem;
}

.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #00abeb;
}

.qq-upload-cancel, .qq-upload-continue, .qq-upload-delete, .qq-upload-pause, .qq-upload-retry, .qq-upload-size {
    font-size: 1.6rem;
}

#addaxloading{
    color: #165187 !important;
}

.btn_download{
    background-color: transparent;
    margin-top: 5px;
}
 .btn_delete_subido {
    background-color: #a72424;
    color: white;
    font-weight: var(--botones-weight);
    box-sizing: border-box;
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    border-radius: var(--esquinas);
    padding: 15px 10px;
    text-decoration: none;
    text-transform: uppercase;
}


.btn-descarga-docs, .btn_download {
    background-color: var(--color-secundario);
    color: var(--color-texto-btn-secundario);
    font-weight: var(--botones-weight);
    box-sizing: border-box;
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    border-radius: var(--esquinas);
    padding: 15px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.btn-descarga-docs:hover, .btn_download:hover {
    background-color: var(--color-secundario-luz);
    color: var(--color-texto-btn-secundario);
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    text-decoration: none !important;
    cursor: pointer;

}

.alpaca-field-url a {
    color: #004E78;
    background-color: #40C7FB;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 0;
    padding: 15px 24px;
    text-decoration: none;
    text-transform: uppercase;
}

.alpaca-field-url a:hover {
    background-color: #66D4FF;
}

.alpaca-field-url > div.alpaca-control {
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 25px;
}

.alpaca-field a:hover{
    text-decoration: none;
}

.alpaca-field a {
    width: 100%;
}

.alert-success {
    background-color: var(--color-alerta-success);
    border: var(--bordes-alertas) solid var(--color-alerta-success-sombra);
    color: var(--color-texto-alerta-success);
    font-weight: var(--weight_alertas);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
    border-radius: var(esquinas);
}

.alert-warning{
  background-color: var(--color-alerta-warning);
  border: var(--bordes-alertas) solid var(--color-alerta-warning-sombra);
  color: var(--color-texto-alerta-buena);
  font-weight: var(--weight_alertas);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
  border-radius: var(esquinas);
}

.help-block {
    font-family: var(--font-primaria);
    font-weight: 300;
}

/* Fechas */

.alpaca-field-date::after{
    content: "";
    background: url("../imgs/elements/calendar_icon.svg") no-repeat;
    background-position: 7px 10px;
    width: 0px;
    height: 38px;
    position: absolute;
    bottom: 1px;
    right: 1px;
    background-color: var(--color-principal);
}

.bootstrap-datetimepicker-widget{
  z-index: 6000 !important;
}

/* Fin de fechas */

/* SI NO Radios */


.alpaca-control.radio > label{
    padding: 0;
    width: 100%;
}

.alpaca-control.radio > label > div{
    background-color: var(--color-disabled);
    border: var(--borde-disabled) solid var(--color-disabled-borde);
    margin: 0 auto;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-texto-btn-disabled);
    border-radius: var(--esquinas);
    font-size: 1.5rem;
    text-align: center;
    width: 100%;
}

.alpaca-control.radio input[type="radio"]{
    visibility: hidden;
}

.alpaca-control.radio{
    display: inline-block !important;
    margin-left: 0;
    width: 49%;
}
.alpaca-control.radio > label > input:checked + div{
    background-color: var(--color-principal);
    color: var(--color-texto-btn);
    border: var(--borde-principal) solid var(--color-principal-sombra);
    text-shadow: 1px 1px 0 var(--color-principal-sombra);
    border-radius: var(--esquinas);
}

/* Fin de SI NO Radios */



/* Normal Radios Override */

.normal-radios > .alpaca-control > label > div,
.normal-radios > .alpaca-control.radio > label > input:checked + div{
    background-color: transparent;
    padding: 0;
    text-transform: none;
    font-weight: var(--font-weight-campos);
    color: var(--color-texto);
    font-size: 1.6rem;
    text-align: left;
    text-shadow: none;
    color: var(--color-texto);
    border: 0;
}

.normal-radios > .alpaca-control > label > div::before{
    content: "";
    display: block;
    background: url("../imgs/elements/select_off.svg") no-repeat;
    width: 22px;
    height: 22px;
    float: left;
    margin: 0 6px 0 0;
}

.normal-radios > .alpaca-control.radio input[type="radio"]{
    visibility: hidden;
}

.normal-radios > .alpaca-control.radio{
    display: block !important;
    margin: 10px 0px;
    width: 100%;
}
.normal-radios > .alpaca-control > label > input:checked + div{
    background-color: transparent;
}

.normal-radios > .alpaca-control > label > input:checked + div::before{
    background: url("../imgs/elements/select_on.svg") no-repeat;
}

/* Fin Normal Radios Override */

/* Check boxes */
.alpaca-control.checkbox label {
    padding-left: 0;

}

.alpaca-control.checkbox input[type="checkbox"]{
    /*visibility: hidden;*/
/*  Mientras para que se vea el check  */
}

.alpaca-control.checkbox label > div{
    font-weight: 300;
    color: #535353;
    font-size: 1.8rem;
}

.alpaca-control.checkbox label > div::before{
    content: "";
    display: block;
    background: url("../imgs/elements/check_off.svg") no-repeat;
    width: 22px;
    height: 22px;
    float: left;
    margin: 0 6px 0 0;
}

.alpaca-control.checkbox > label > input:checked + div::before{
    background: url("../imgs/elements/check_on.svg") no-repeat;
}
/* Fin de Check boxes */

.icheckbox_square-blue {
    float: right;
    margin-right: -50px;
    margin-top: -47px;
}

.revision_img_button {
    margin: 0px 5px 5px 0px;
    padding: 0;
    width: 24px;
    height: 24px;
    background: url(/gcss/icheck/square/checkmark.png) no-repeat;
    border: none;
    cursor: pointer;

    float: right;
    margin-right: -50px;
    margin-top: -47px;
}

.revision_aprobado_button {
    background-position: 0px 0;
}

.revision_rechazado_button {
    background-position: -24px 0;
}

.formulario-alpaca
{
    max-width: 40% !important;
    margin: auto !important;
}

/* Tables */

.table{
    border: 0;
}

.table > tbody > tr:nth-child(even){
    background-color: var(--color-even-tabla);
}

.table > tbody > tr:nth-child(odd){
    background-color: var(--color-odd-tabla);
}

.table > thead > tr > th, .tabulator-col-content{
    background-color: var(--color-header-tabla) !important;
    /*text-transform: uppercase; Comentado por pedido del snit: Titulos primera letra mayuscula y el resto minuscula*/
    font-weight: 400;
    color: var(--color-texto-tabla);
    font-size: 1.4rem;
    border-left: solid 2px var(--color-divisores-tabla);
    border-right: solid 2px var(--color-divisores-tabla);
    border-bottom: none;
    border-top: none;
    text-align: center;
    padding: 12px 5px;
    vertical-align: middle;
}

.table > tbody > tr > td label {
    display: none !important;
}

.table-bordered > tbody > tr > td {
    border: none;
    vertical-align: middle;
}

.table .alpaca-control{
  font-size: 1.4rem;
  padding: 0;
}

.tabla-lista {
    width: 100%;
}

.tabla-lista > thead > tr > th {
    background-color: var(--color-header-tabla) !important;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--color-texto-tabla);
    font-size: 1.6rem;
    border-bottom: 2px solid var(--color-border-tabla);
    text-align: center;
    padding: 15px 10px 5px 10px;
    vertical-align: middle;
}

.tabla-lista > tbody > tr > td {
    font-size: 1.4rem;
    padding: 15px 10px;
    vertical-align: middle;
}

.tabla-lista > tbody > tr:nth-child(even){
    background-color: var(--color-even-tabla);
}

.tabla-lista > tbody > tr:nth-child(odd){
    background-color: var(--color-odd-tabla);
}

.tabla-lista > tbody > tr > td > a {
    color: var(--listas-links) !important;
    font-size: 1.6rem;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
    display:block;
}

.tabla-lista > tbody > tr > td > a:hover{
    color: var(--listas-links-luz) !important;
}

.btn-sm{
    background-color: #40C7FB;
    color: #004E78;
    text-transform: uppercase
    font-weight: bold;
    border: 0;
    padding: 10px 20px;
}

.btn-sm:hover{
    background-color:#66D4FF;
}

.alpaca-array-actionbar-action.btn-sm{
    background-color: transparent;
    border: solid var(--borde-secundario) var(--color-secundario-borde);
    color: var(--color-secundario);
    padding: 2px;
    margin: 1px !important;
}

.alpaca-array-actionbar-action.btn-sm:hover{
    background-color: var(--color-secundario-luz);
}

.alpaca-array-actionbar-action[data-alpaca-array-actionbar-action="up"],.alpaca-array-actionbar-action[data-alpaca-array-actionbar-action="down"]{
    display: none;
}

th.sorting_disabled {
    width: 70px;
}

td.actionbar{
    vertical-align: middle !important;
}

.tabulator .tabulator-header .tabulator-col{
    border: 0;
    background: #fff;
}

.tabulator .tabulator-header{
    border: 0;
}

.tabulator-header-filter > input{
    border: 1px solid #5A5A5A;
}

.tabulator-col-content{
    height: inherit;
}

.tabulator-row.tabulator-selectable:hover{
  background: var(--color-resalte-claro) !important;
}

.tabulator-row-odd, .tabulator-row-even{
    font-weight: var(--font-weight-campos);
    color: var(--color-texto-tabla);
}

.tabulator-row.tabulator-row-odd{
    background: var(--color-odd-tabla);
    padding-top: 8px;
    padding-bottom: 8px;
}

.tabulator-row.tabulator-row-even{
    background: var(--color-even-tabla);
    padding-top: 8px;
    padding-bottom: 8px;
}



.tabulator-row .tabulator-cell{
    text-align: center;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}


.tabulator .tabulator-footer{
    background-color: #fff;
}

.tabulator .tabulator-footer .tabulator-page{
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    color: var(--color-texto-btn-secundario);
    background: var(--color-secundario);
    border-radius: var(--esquinas);
    padding: 4px 10px;
}

.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover{
    background: var(--color-secundario-luz);
    color: var(--color-texto-btn-secundario);
    border: var(--borde-secundario) solid var(--color-secundario-borde);
}

.tabulator .tabulator-footer .tabulator-page.active{
    color: var(--color-texto-btn);
    border: var(--borde-principal) solid var(--color-principal-borde);
    background: var(--color-principal);
    text-shadow: 1px 1px 0 var(--color-principal-sombra);
}

.tabulator .tabulator-footer .tabulator-page.active:hover{
    color: var(--color-texto-btn);
    background: var(--color-principal-luz);
    border: var(--borde-principal) solid var(--color-principal-borde);
}

.table-responsive{
    overflow: visible;
}

/* Fin de tables */

/* Navs */

.nav-justified{
    width: 60%;
    margin: 0 auto;
    display: flex;
}

.nav-justified > li{
    display: flex;
    flex: 1;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus{
    background-color: var(--color-tab);
    text-shadow: 1px 1px 0 var(--color-tab-sombra);
    color: var(--color-texto-tab_on);
    border-radius: 0;
}

.nav-pills > li.active > a:hover{
    background-color: var(--color-tab-luz);
    text-shadow: 1px 1px 0 var(--color-tab);
    color: var(--color-texto-tab_on);
}

.nav-justified > li > a{
    font-weight: var(--botones-weight);
    border: var(--borde-tab) solid var(--color-tab);
    margin-left: -4px;
    color: var(--color-texto-tab_off);
    border-radius: 0;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.nav-justified > li:last-child > a{
    border: var(--borde-tab) solid var(--color-tab);
}

.nav-justified > li > a:hover{
    background-color: var(--color-tab-claro);
}

#btnIniciarTramite
{
    font-weight: var(--botones-weight);
    text-transform: uppercase;
    background-color: var(--color-principal);
    border: var(--borde-principal) solid var(--color-principal-borde);
    border-radius: var(--esquinas);
    padding: 10px 50px;
    color: var(--color-texto-btn);
    text-shadow: 1px 1px 0 var(--color-principal-sombra);
    margin: 10px;
}

#btnIniciarTramite:hover
{
    background-color: var(--color-principal-luz);
    color: var(--color-texto-btn);
}

#btnIniciarTramite:focus, #btnIniciarTramite:active, #btnIniciarTramite:checked
{
    background-color: var(--color-principal-sombra);
    color:var(--color-texto-btn);
}

#btnRegresarTramite
{
    font-weight: var(--botones-weight);
    text-transform: uppercase;
    background-color: var(--color-secundario);
    border: var(--borde-secundario) solid var(--color-secundario-borde);
    padding: 10px 50px;
    color: var(--color-texto-btn-secundario);
    margin: 10px;
    border-radius: var(--esquinas);
}

#btnRegresarTramite:hover
{
    background-color: var(--color-secundario-luz);
    color: var(--color-texto-btn-secundario);
}



/* Fin de Navs */


/*RUP Especiales*/

#registroUnico{
    /* Ajuste para igualar el ancho de los formulaioos de RUP */
    padding: 10px 10%;
}

.tab-pane > h1{
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
    color: #5a5a5a;
}

.btn-pequeno-blanco-tabla{
    border: var(--borde-principal) solid var(--color-principal-borde);
    color: var(--color-principal-sombra);
    background-color: #fff;
    font-size: 1rem;
    font-weight: var(--botones-weight);
    padding: 10px 10px;
    border-radius: var(--esquinas)
}

.btn-pequeno-blanco-tabla:hover{
    background-color: var(--color-principal-claro);
}

.btn-pequeno-rojo-tabla {
    border: var(--borde-principal) solid #cd1818;
    color: #cd1818;
    background-color: #fff;
    font-size: 1rem;
    font-weight: var(--botones-weight);
    padding: 10px 10px;
    border-radius: var(--esquinas)
}

/*Fin de RUP Especiales*/



/* Overrides extra */
/* No poner nada bajo esta línea*/

.pre-label label{
    font-weight: 400 !important;
    margin-bottom: -10px;
}

.normal-width{
    width: unset !important;
}

/* Fin de Overrides extra */

/* Resposive Media Queries */

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

  .sw-theme-circles>ul.step-anchor>li{
    padding-left: 0;
  }

  .sw-theme-circles > ul.step-anchor > li::before{
    left: 15px;
  }
}

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

  #form{
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .table-responsive{
    overflow: scroll;
  }
}


@media only screen and (max-width: 600px){
    .nav-justified{
        width: 100%;
    }

    .nav.nav-tabs.step-anchor{
      border-right: none !important;
    }

    #btn-siguiente, .alpaca-form-button-submit,
    #btn-atras, .alpaca-form-button-atras, .alpaca-form-button-reintentar{
      width: 45%;
      padding: 10px 20px;
    }


}
.modal-content{
    border-radius: 0;
}

.modal-header{
    background-color: #1F6AB7;
    border-radius: 0;
    color:  #fff;
    padding: 10px;
}

.modal-header .close{
    font-weight: 300;
    text-shadow: none;
    color: #fff;
    opacity: 100;
    font-size: 1rem;
    margin-top: -1.25rem;
}

.modal-header svg{
    margin-right: 12px;
    margin-top: 7px;
}

.modal-title{
    font-size: 1.2rem;
    font-weight: 600;
}


@media only screen and (min-width: 960px){
  #pasos{
    display: block;
  }
  #movil_pasos_ctrl{
    display: none;
  }
}

.swal-text {
    text-align: center;
}

.swal-button--cancelar {
    background-color: #a4a4a8;
}

.swal-button--confirm {
    background-color: #101e4a;
}

.swal-button--guardar {
    background-color: #f0761f;
}

.swal-footer{
    text-align: center;
}
#paso_lineamientos_form .alpaca-helper .alpaca-icon-16{
    display: none;
}

#paso_lineamientos_form .alpaca-control.checkbox input[type="checkbox"] {
    visibility: hidden;
}



.tabulator-cell.wrap-text {
    white-space: normal !important; /* permite saltos de línea */
    word-wrap: break-word;          /* corta palabras largas */
    line-height: 1.4em;             /* mejora legibilidad */
}


