@charset "UTF-8";
:root {
    --color-santa_cruz: #252C61;
    --color-gris: rgb(128, 130, 133);
}

@font-face {
    font-family: 'icono-arg';
    src: url('../lib/fonts/icono-arg.woff2') format('woff2'),
         url('../lib/fonts/icono-arg.woff') format('woff'),
         url('../lib/fonts/icono-arg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* variable */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../lib/fonts/montserrat-variable.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../lib/fonts/montserrat-1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../lib/fonts/montserrat-2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../lib/fonts/montserrat-3.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../lib/fonts/montserrat-4.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../lib/fonts/montserrat-5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,
body {
    margin: 0 auto;
    padding: 0 auto;
    background-color: #ffffff;
    font-family: "Montserrat", sans-serif;
}

[data-tip] {
    position: absolute;
}

[data-tip]:before {
    content: '';
    display: none;
    border: 5px solid #1a1a1a;
    border-top-color: #077ab0;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    position: absolute;
    top: -3px;
    left: 0px;
    z-index: 200;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

[data-tip]:after {
    font: 12px 'Arial', Helvetica;
    display: none;
    content: attr(data-tip);
    position: absolute;
    top: -23px;
    left: -9px;
    padding: 5px 8px;
    background: #077ab0;
    color: #fff;
    z-index: 200;
    font-weight: bold;
    font-size: 13px;
    height: 10px;
    line-height: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    word-wrap: normal;
}

[data-tip]:hover:before,
[data-tip]:hover:after {
    display: block;
}

#mainselection {
    overflow: hidden;
    width: 271px;
    height: 31px;
    border: solid 1px #FFFFFF;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 1px 5px #999999;
    background: url("../images/arrow2.gif") no-repeat scroll 244px 0px #299CC9;
    z-index: 100;
}

:focus {
    outline-width: 0;
}

#cargando {
    float: left;
    height: 616px;
    width: 977px;
    margin: auto;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px;
    background: #C3D5D8;
    opacity: 0.9;
    filter: alpha(opacity=40);
}

#Medio {
    width: 100%;
    height: 100%;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-spacing: 0px;
}

#Medio td {
    height: 100%;
    vertical-align: middle;
}

#Medio2 {
    width: 100%;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-spacing: 0px;
    vertical-align: middle;
    margin-bottom: 100px;
}

#Medio2 td {
    vertical-align: middle;
}

#votos_minimos {
    padding-top: 8px;
    text-align: center;
    font-size: 12px !important;
    color: #000;
    font-weight: normal;
    clear: both;
}

.cuardro3 {
    font: 12px 'Arial', Helvetica;
}

.cuadro4 {
    float: left;
    width: 45px;
    color: #B30101;
    text-shadow: 0 1px 0 #ffffff;
    font: 15px 'Arial', Helvetica;
    font-weight: bold;
}

.cuadro5 {
    width: 199px;
    color: #000;
    font: 11px 'Arial', Helvetica;
    font-weight: bold;
}

#combobox {
    width: 276px;
    height: 35px;
    margin: 0px auto;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    z-index: 100;
}

#MainContainer {
    margin: auto;
    width: 1000px;
    position: relative;
    background-color: #C3D5D8;
    top: 0px;
    bottom: 0px;
    /*  font: 13px 'Arial', Helvetica;*/
}

#MainContainer2 {
    margin: auto;
    position: relative;
    top: 0px;
    bottom: 0px;
    /*  font: 13px 'Arial', Helvetica;*/
}

.foto {
    width: 1000px;
    height: 200px;
    background: url(../images/foto.jpg) no-repeat 0 0px;
    border-bottom: 5px solid #4184aa;
}

#foto {
    padding: 0;
    margin: 0;
}

#cabezal {
    position: relative;
    height: 100px;
    margin: 0px auto;
    border-bottom: 5px solid #397496;
    background: #4184aa;
    background: -moz-linear-gradient(top, #4184aa 0%, #5d96b6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4184aa), color-stop(100%, #5d96b6));
    background: -webkit-linear-gradient(top, #4184aa 0%, #5d96b6 100%);
    background: -o-linear-gradient(top, #4184aa 0%, #5d96b6 100%);
    background: -ms-linear-gradient(top, #4184aa 0%, #5d96b6 100%);
    background: linear-gradient(to bottom, #4184aa 0%, #5d96b6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4184aa', endColorstr='#5d96b6', GradientType=0);
}

.informatica {
    color: #235277;
    text-shadow: 0 1px 2px #235277;
    font: 12px 'Arial', Helvetica;
    letter-spacing: 1pt;
    padding: 0.5em;
    text-align: center;
    border-spacing: 0px;
    margin-top: 10px;
}

#logo {
    margin: 0px auto;
    width: 1000px;
    height: 100px;
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;

}

.imalogo {
    float: right;
    margin: 0px auto;
    width: 230px;
    height: 87px;
    position: relative;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    z-index: 10;
    top: 5px;
    right: 42px;
}

.imatexto {
    float: left;
    margin: 0px auto;
    width: 600px;
    height: 60px;
    position: relative;
    background-image: url(../images/santacruz.png);
    background-repeat: no-repeat;
    z-index: 10;
    left: 33px;
    top: 10px;
}

#contenedortotal {
    width: 1000px;
    height: 100%;
    margin: 8px auto;
    position: relative;
    clear: both;
}

#datos {
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
    z-index: 50;
}

#contenedortotal2 {
    /*width: 1000px;*/
    margin: 8px auto;
    position: relative;
    clear: both;
}

#datos2 {
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 50;
}

#datos-fondo {
    width: 980px;
    height: 100%;
    margin: auto;
    position: absolute;
}

#titulo_categoria {
    float: right;
    width: 100%;
    height: 36px;
    margin-bottom: 20px;
    margin-top: 10px;
    clear: both;
    text-align: center;
    color: #000000;
    font: 30px 'Arial', Helvetica;
    font-weight: bold;
}

#titulo_total {
    float: right;
    width: 610px;
    height: 33px;
    margin-bottom: 15px;
    margin-right: 20px;
    clear: both;
    text-align: center;
    color: #000000;
    font: 25px 'Arial', Helvetica;
    font-weight: bold;
    border-bottom: 1px solid #899DAD;
    border-top: 1px solid #899DAD;
    background-color: rgb(206, 221, 226);
}

#titulo_imp {
    display: table;
    float: right;
    width: 1000px;
    height: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
    clear: both;
    text-align: center;
    color: #000000;
    font: 11px 'Arial', Helvetica;
    border-bottom: 1px solid #899DAD;
    border-top: 1px solid #899DAD;
    background-color: rgb(206, 221, 226);
    display: none;
}

.hora {
    display: table-cell;
    vertical-align: middle;
    padding-right: 18;
}

#col-der {
    margin-top: 25px;
    width: 310px;
    float: right;
    font: 10px 'Arial', Helvetica;
    font-weight: bold;
}

#col-der-p {
    width: 310px;
    float: right;
    font: 10px 'Arial', Helvetica;
    font-weight: bold;
}

#contenedor {
    margin: auto;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 10px;
}

#contenedor2 {
    overflow: hidden;
    min-width: 100%;
    min-height: 100%;
    position: relative;
    margin: 0px;
}

.cajas {
    border-width: 1px;
    border-style: inset;
}

/*

h2, p {
  text-align: left;
  color: #fafafa;
  text-shadow: 0 1px 0 #ffffff;
  -webkit-margin-before: 0px !important;
  -webkit-margin-after: 0px !important;
  -webkit-margin-start: 5px !important;
  -webkit-margin-end: 0px !important;
  clear: both;
  font: 15px 'Arial', Helvetica;
}
*/
/*

a {
  text-decoration: none;
}
*/

/*---------------------------*/
.images {
    width: 110px;
    float: left;
    margin: 5px 15px 0 0;
    text-align: center;
}

.contenedor-barra {
    width: 90%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.contenedor-login {
    width: 40%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.contenedor-login2 {
    width: 50%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

#contenedor-barra2 {
    width: 90%;
    margin-bottom: 3px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#contenedor-texto2 {
    width: 90%;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.datos {
    clear: both;
}

.divisor {
    width: 96%;
    border-bottom: 1px dashed #A8A8A8;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    margin-bottom: 5px;
    margin-top: 10px;
    float: left;
}

.divisor2 {
    width: 100%;
    border-bottom: 1px dashed #A8A8A8;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    float: left;
}

.titulo {
    height: 22px;
    text-align: right;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    font: 18px 'Arial', Helvetica;
    padding: 5px;
    float: left;
    width: 200px;
    margin-right: 5px;
}

th.titulo {
    height: 22px;
    text-align: left;
    color: #000000;
    text-shadow: 0 1px 0 #426E83;
    font: 18px 'Arial', Helvetica;
    padding: 5px;
    font-weight: bold;
}

.listas {
    float: left;
    width: 357px;
    text-align: left;
    color: #000000;
    /*text-shadow: 0 1px 0 #B1B1B1;*/
    -webkit-margin-before: 0px !important;
    -webkit-margin-after: 0px !important;
    -webkit-margin-start: 5px !important;
    -webkit-margin-end: 0px !important;
    font: 13px 'Arial', Helvetica;
}

.listatitulo {
    height: 16px;
    text-align: left;
    color: #000000;
    text-shadow: 0 1px 0 #B1B1B1;
    -webkit-margin-before: 0px !important;
    -webkit-margin-after: 0px !important;
    -webkit-margin-start: 5px !important;
    -webkit-margin-end: 0px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 5px 0 0 0;
    height: 20PX;
    background-color: #4F7F95;
}

/*  LISTADOS DE DEUDORES*/
.titulo-oficio-ldeudores {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 4px;
    width: 10%;
    height: 20PX;
    background-color: #4F7F95;
}

.titulo-nombre-ldeudores {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 4px;
    width: 29%;
    height: 20PX;
    background-color: #4F7F95;
}

.titulo-tipo-ldeudores {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 4px;
    width: 13%;
    height: 20PX;
    background-color: #4F7F95;
}

.titulo-condicion-ldeudores {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 5px 0 0 0;
    width: 15%;
    height: 20PX;
    background-color: #4F7F95;
    padding: 4px;
}

.titulo-numero-ldeudores {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 5px 0 0 0;
    width: 18%;
    height: 20PX;
    background-color: #4F7F95;
}

.titulo-oficio2-ldeudores {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 10%;
    height: 20PX;
    background-color: #D1DDDF;
    padding: 4px;
}

.titulo-nombre2-ldeudores {
    text-align: center;
    color: #00000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 29%;
    height: 20PX;
    background-color: #D1DDDF;
    padding: 4px;
}

.titulo-tipo2-ldeudores {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 13%;
    height: 20PX;
    background-color: #D1DDDF;
    padding: 4px;
}

.titulo-condicion2-ldeudores {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 15%;
    height: 20PX;
    background-color: #D1DDDF;
    padding: 4px;
}

.titulo-numero2-ldeudores {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 18%;
    height: 20px;
    background-color: #D1DDDF;
}



/*  LISTADOS DE DEUDORES*/
.titulo-nombre {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 4px;
    width: 34%;
    height: 20PX;
    background-color: #4F7F95;
}

.titulo-tipo {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 4px;
    width: 14%;
    height: 20PX;
    background-color: #4F7F95;
}

.titulo-numero {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 5px 0 0 0;
    width: 18%;
    height: 20PX;
    background-color: #4F7F95;
}

.titulo-condicion {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 5px 0 0 0;
    width: 20%;
    height: 20PX;
    background-color: #4F7F95;
    padding: 4px;
}

.titulo-imprimir {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 5px 0px;
    width: 7%;
    height: 20PX;
    background-color: #4F7F95;
}

.mostrar_top {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
    -webkit-margin-before: 3px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    padding: 4px;
    width: 7%;
    height: 20PX;
    background-color: #4F7F95;
}

.titulo-nombre2 {
    text-align: center;
    color: #00000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 34%;
    height: 20PX;
    background-color: #D1DDDF;
    padding: 4px;
}

.titulo-tipo2 {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 14%;
    height: 20PX;
    background-color: #D1DDDF;
    padding: 4px;
}

.titulo-condicion2 {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 20%;
    height: 20PX;
    background-color: #D1DDDF;
    padding: 4px;
}

.titulo-numero2 {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 18%;
    height: 20px;
    background-color: #D1DDDF;
}

.mostrar {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 7%;
    height: 20PX;
    /*background-color: #D1DDDF;*/
    background: url(../images/ico-lupa.jpg) no-repeat 0 0px;
    padding: 4px;
}

.editar {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 7%;
    height: 20PX;
    /*background-color: #D1DDDF;*/
    background: url(../images/ico-edit.jpg) no-repeat 0 0px;
    padding: 4px;
}

.ok {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 7%;
    height: 20PX;
    /*background-color: #D1DDDF;*/
    background: url(../images/ico-ok.jpg) no-repeat 0 0px;
    padding: 4px;
}

.autorizar-bot {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 7%;
    height: 20PX;
    /*background-color: #D1DDDF;*/
    background: url(../images/ico-bot.jpg) no-repeat 0 0px;
    padding: 4px;
}

input#autorizar {
    margin: -3px;
}

.borrar {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 7%;
    height: 20PX;
    /*background-color: #D1DDDF;*/
    background: url(../images/ico-tacho.jpg) no-repeat 0 0px;
    padding: 4px;
}

.titulo-imprimir2 {
    text-align: center;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-margin-before: 1px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 3px !important;
    -webkit-margin-end: 3px !important;
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    float: left;
    width: 7%;
    height: 20PX;
    background-color: #D1DDDF;
}

.detalle {
    clear: both;
}

.detalle3 {
    float: left;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    color: #069;
}

a:link,
a:visited {
    color: #252C61;
    text-decoration: none;
}

#barra a:link,
#barra a:visited {
    color: #FFF;
    text-decoration: none;
}

#barra a:hover,
#barra a:active,
#barra a:focus {
    text-decoration: none;
    color: #069;
}

#barra2 a:link,
#barra2 a:visited {
    color: #FFF;
    text-decoration: none;
}

#barra2 a:hover,
#barra2 a:active,
#barra2 a:focus {
    text-decoration: none;
    color: #069;
}

.arrow_box {
    position: relative;
    background: #88b7d5;
    border: 2px solid #c2e1f5;
    color: #999;
}

div.k2Pagination {
    clear: both;
    padding: 7px 0px 0px 0px;
    text-align: center;
    color: #555555;
}

div.k2Pagination ul li {
    display: inline;
    border: 1px solid rgb(202, 202, 202);
    padding: 0 5px 0 5px;
    margin: 2px;
    background-color: #D1DDDF;
}

div.k2Pagination ul {
    text-align: center;
}

ul {
    list-style: none;
}

.column ul li {
    background: none;
    line-height: 160%;
    margin-bottom: 5px;
    margin-top: 2px;
    overflow: hidden;
    padding-left: 4px;
}

.li {
    display: inline-block;
    list-style: none;
    text-align: -webkit-match-parent;
}

/* --- FORMULARIO LOGIN--- */
#formulario-login {
    border: solid 2px #F1F1F1;
    background: #f7f7f7;
    margin: 0 auto;
    padding: 40px 10px 20px 10px;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#formulario-login h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

#formulario-login label {
    margin-top: 8px;
    display: block;
    font-weight: bold;
    text-align: right;
    width: 130px;
    float: left;
    /*clear: both;*/
    color: #25495D;
    font-size: 20px;
}

#formulario-login .detalle {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 165px;
}

#formulario-login .detalle2 {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 165px;
}

#formulario-login .detalle3 {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    width: 100px;
    margin: 5px 3px 3px 5px;
}

#formulario-login .detalle_letra {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 130px;
}

#formulario-login .detalle_fecha {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 130px;
}

#formulario-login .detalle_firma {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 210px;
}

#formulario-login input {
    float: left;
    font-size: 20px;
    padding: 5px 5px;
    /*border:solid 1px #708090;*/
    /*width:550px;*/
    margin: 1px 0px 20px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #383838;
}

#formulario-login button {
    cursor: pointer;
    clear: both;
    margin: auto;
    background: #4184AA;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    float: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 30%;
    margin-right: 30%;
    margin-top: 15px;
    width: 40%;
}

#formulario-login2 label {
    margin-top: 8px;
    display: block;
    font-weight: bold;
    text-align: right;
    width: 220px;
    float: left;
    /*clear: both;*/
    color: #25495D;
    font-size: 20px;
}

/* --- FORMULARIO --- */
#formulario {
    border: solid 2px #F1F1F1;
    background: #f7f7f7;
    margin: 0 auto;
    padding: 40px 30px 20px 30px;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#formulario h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

#formulario label {
    display: block;
    font-weight: bold;
    text-align: right;
    width: 190px;
    float: left;
    /*clear: both;*/
    color: #25495D;
    font-size: 20px;
}

#formulario .detalle {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 190px;
}

#formulario .detalle2 {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 165px;
}

#formulario .detalle3 {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    width: 100px;
    margin: 5px 3px 3px 5px;
}

#formulario .detalle_letra {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 130px;
}

#formulario .detalle_fecha {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 130px;
}

#formulario .detalle_firma {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 210px;
}

#formulario input {
    float: left;
    font-size: 20px;
    padding: 5px 5px;
    /*border:solid 1px #708090;*/
    /*width:550px;*/
    margin: 1px 0px 20px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #383838;
}

label.clear {
    clear: both;
}

label.clear2 {
    clear: both;
    width: 225px !Important;
}

.doc_txt {
    width: 565px;
}

.doc_tipo {
    width: 100px;
}

.doc_tipo2 {
    width: 115px;
}

.doc_numero {
    width: 290px;
}

.firma {
    width: 20px;
}


label.firma {
    width: 210px;
}

.fecha {
    width: 200px;
    font-size: 10px;
}

label.fecha {
    width: 130px;
}

.letra {
    width: 50px;
}

label.letra {
    width: 130px !Important;
}

input#firma {
    width: 30px;
    height: 30px;
}

input#autorizar {
    width: 60px;
    height: 26px;
}

/******Entidades emisoras****/
.corto0 {
    width: 180px;
}

.corto {
    width: 200px;
}

.nacionalidad {
    width: 210px;
}

.corto2 {
    width: 235px;
}

.corto3 {
    width: 370px;
}

.ancho {
    width: 565px;
}

.ancho2 {
    width: 520px;
}

.bot-certifi {
    width: 180px !Important;
}

#formulario button {
    clear: both;
    margin: auto;
    width: 100px;
    background: #4184AA;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    float: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 42%;
    margin-right: 50%;
    margin-top: 20px;
}

#formulario2 button {
    clear: both;
    margin: auto;
    width: 100px;
    background: #4184AA;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    float: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 42%;
    margin-right: 50%;
    margin-top: 20px;
}

#formulario22 button {
    clear: both;
    margin: auto;
    width: 100px;
    background: #4184AA;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    float: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 42%;
    margin-right: 50%;
    margin-top: 20px;
}

input:-webkit-autofill {
    background-color: #C3D5D8;
    background-image: none;
    color: rgb(0, 0, 0);
}

#barra {
    border-bottom: 5px solid #4184aa;
    background-color: #2C5B75;
    background: linear-gradient(to bottom, #4184aa 0%, #2C5B75 100%);
    height: 35px;
}

#barra2 {
    border-bottom: 5px solid #4184aa;
    /*  background-color: #00afd9;*/
    /* background-color: #1E2E3B; barra azul anterior (mayo 2020) */
    height: 41px;
    position: relative;
}

#sinbarra {
    border-bottom: 5px solid #4184aa;
    background-color: #1E2E3B;
    /*background: linear-gradient(to bottom,#4184aa 0%,#2C5B75 100%);*/
    height: 20px;
}

#formulario2 {
    border: solid 2px #F1F1F1;
    background: rgb(231, 239, 241);
    margin: 0 auto;
    padding: 30px 30px 10px 30px;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

#formulario22 {
    border: solid 2px #F1F1F1;
    background: rgb(231, 239, 241);
    margin: 33px;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding-bottom: 25px;
}

#formulario23 {
    border: solid 2px #F1F1F1;
    background: rgb(231, 239, 241);
    margin: 4em 4em 6em 4em;
    padding: 2em;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;

}

div#per_domicilio {
    padding-right: 5px !Important;
}

p.boton {
    text-align: center;
}

input.boton {
    font-size: 15px;
    padding: 7px 30px;
}

.texto-nodeuda {
    font-size: 20px;
    color: #790303;
    margin: 2px 0 11px 0;
}

.texto-sello {
    font-size: 15px;
    text-align: center;
    color: #000000;
    margin-top: 10px;
}

.cet_titulo {
    display: block;
    /*font-weight:bold;*/
    float: left;
    color: #25495D;
    font-size: 17px;
    margin-right: 5px;
    margin-top: 4px;
}

div.cet__txt {
    display: block;
    /*font-weight: bold;*/
    float: left;
    font-size: 21px;
    margin-right: 10px;
}

.clear {
    clear: both;
}

.centrar {
    margin: 0px auto;
}

.agrupar {
    margin: 0px auto;
    overflow: hidden;
}

/*  FORMULARIO */
div.imp-cabezal {
    overflow: hidden;
}

div.imp-ancho1 {
    width: 62%;
    overflow: hidden;
    float: left;
}

.centrar2 {
    padding: 4px 15px 15px 15px;
    border: solid 1px #999999;
    background-color: white;
    font-size: 12px;
}

div.imp-escudo {
    width: 100px;
    float: left;
    height: 80px;
    background-image: url(../img/escudo.png);
    background-repeat: no-repeat;
    margin-left: 13px;
}

div.imp-titulo {
    float: left;
    font-size: 22px;
    color: #1E2E3B;
    margin: 11px 0 11px 40px;
    font-weight: bold;
    width: 80%;
}

div.imp-titulo2 {
    float: left;
    font-weight: bold;
    width: 100%;
    margin: 10px 0px 14px 0px;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    padding: 5px 0px;
}

div.imp-datos1 {
    float: left;
    width: 100%;
    overflow: hidden;
    border-top: solid 1px #999999;
    margin-top: 8px;
    padding-top: 10px;
}

div.imp-datos {
    float: left;
    width: 100%;
    overflow: hidden;
}

div.imp-txt {
    float: left;
    font-size: 16px;
}

div.imp-txtnegrita {
    float: left;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
}

.texto-nodeuda2 {
    font-size: 19px;
    font-weight: bold;
    color: #790303;
    margin: 11px 0 11px 0;
    float: left;
    width: 100%;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    padding: 5px 0px;
}

div.imp-firma {
    margin-top: 120px;
    padding-top: 5px;
    border-top: dashed 1px #999999;
    width: 70%;
    text-align: center;
    float: left;
}

div.imp-firma2 {
    margin-top: 120px;
    padding-top: 5px;
    border-top: dashed 1px #999999;
    width: 70%;
    text-align: center;
    float: right;
}

.cello {
    width: 20%;
    float: left;
    color: white;
}

#print {
    width: 100%;
    /*max-width: 836px;*/
}

#nomostrar {
    display: none;
}

.txt_medio {
    display: none;
}

/* --- ELEMENTO GENÉRICOS --- */
.hidden {
    display: none;
}

#contenido {
    margin-bottom: 5em !important;
}

/* --- INICIO EXPLICATIVO --- */
.contenedor-inicio {
    width: 76%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

#formulario_inicio {
    margin: 40px 0px 30px 0px;
}

#contenido_inicio {
    font: 14px 'Arial', Helvetica;
    text-shadow: none;
    color: #ffffff;
    /* color: #14425C; mayo 2020 */
    border: solid 2px #F1F1F1;
    background: #f7f7f7;
    /* background: rgb(231, 239, 241); mayo2020*/
    margin: 0 auto;
    padding: 30px 30px 20px 30px;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-top: 40px;
}

div.titulo_lugares {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
    background-color: #b3b4b4;
    /*mayo2020*/
    padding: 5px;
}

p.texto_inicio {
    text-shadow: none;
    font-size: 17px !Important;
}

#contenido_inicio h4 {
    margin: 10px 0px 5px 0px;
    padding-bottom: 2px;
    font-size: 13px;
    border-bottom: 1px solid #61A1D5;
    color: #235277;
}

#contenido_inicio p {
    color: #808285;
    /* color: #14425C; Textos grises mayo2020*/
    font: 14px 'Arial', Helvetica;
    -webkit-margin-before: 0px !important;
    -webkit-margin-after: 3px !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
    text-align: justify;
}

#contenido_inicio strong {
    font: 13px 'Arial', Helvetica;
    font-weight: bold;
    color: #00afd9;
    /* color: #3185B5; Títulos mayo2020*/
}

.bot_inicio {
    cursor: pointer;
    background: #4184AA;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    float: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    text-align: center;
    padding: 10px 20px;
    display: block;
    letter-spacing: 0.5px;
}

.divisor_inicio {
    width: 100%;
    border-bottom: 1px dashed #A8A8A8;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    margin-bottom: 5px;
    margin-top: 10px;
    float: left;
}

div#boton_inicio {
    margin-top: 35px;
    margin-bottom: 5px;
    display: inline-table;
    width: 100%;
}

/*---------------TABLAS-------------------*/
table {
    display: table;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

td {
    display: table-cell;
    vertical-align: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

#contenedor_datos {
    width: 100%;
    border-collapse: collapse;
}

#contenedor_datos td {
    font-size: 90%;
    border: 1px solid #646363;
}

td.subtitulo {
    text-align: center;
    font-weight: bold;
    font-size: larger;
    padding: 5px 0px 15px 0px;
}

#contenedor_datos .titulos {
    background-color: #F7F7F7;
    font-size: 90%;
    font-weight: bold;
}

.titulos td {
    padding: 3px 3px;
}

.titulo-entidad {
    width: 60%;
}

.titulo-certificados {
    width: 20%;
}

.titulo-localidad {
    width: 20%;
}

td.input2 {
    padding: 3px 3px;
    text-align: left;
}

td.input4 {
    padding: 3px 3px;
}

.group {
    display: block;
    overflow: hidden;
    width: 100%;
}

/* ESTILOS NUEVOS (2020) */

.bg-santacruz {
    background-color: var(--color-santa_cruz, #00AFD9);
}

.txt-santacruz {
    color: var(--color-santa_cruz, #00AFD9);
}

.txt-blanco {
    color: white !important;
}

.loader {
    color: darkcyan;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: white;
    opacity: .9;
    display: table;
}

.spinner.text-center {
    display: table-cell;
    vertical-align: middle;
}


#pdf-manual {
    min-height: 40rem;
    max-height: 100rem;
}

.label-detalle {
    color: grey;
    font-style: italic;
    font-size: 0.9em;
    text-align: right;
}

/*LOADER USANDO ICONOS FONTAWESOME*/
.loader {
    color: darkcyan;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: white;
    opacity: .9;
    display: table;
}

.spinner.text-center {
    display: table-cell;
    vertical-align: middle;
}

.detalle_aclaracion {
    color: grey !important;
    font-size: 80%;
}

/*---------------- NAVBAR INFORMÁTICA ---------------*/
.navbar-informatica {
	border-bottom: 3px lightgray solid;
}

.navbar-movil {
    display: none;
}

.navbar-desktop {
    display: grid;
}

/*---------------- FOOTER INFORMÁTICA ---------------*/
body.sticky-footer {
    height: 100%;
    display: table;
}

body.sticky-footer .footer-informatica {
    display: table-row;
    height: 1px;
}

.footer-informatica img {
    height: 3rem;
    width: auto;
}

.footer-informatica .row > div:first-child {
    padding-right: 30px;
}

.footer-informatica li a {
    font-size: 0.9em;
    font-weight: 500;
    line-height: 26px;
}

.footer-informatica a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.footer-informatica a:hover {
    color: #bbb;
    text-decoration: none;
}

.footer-informatica-light a {
    /*font-size: 0.9em;*/
    color: #000;
    text-decoration: none;
    background-color: transparent;
}

.footer-informatica-light a:hover {
    color: #555;
    text-decoration: none;
}

.pull-left {
    float: left !important;
}

.col-xs-12 {
    width: 100%;
}

.text-90 {
    font-size: 90% !important;
}

.hr-footer-light {
    border-top: 1px solid #eee;
    margin: 0;
}

.hr-footer-gris {
    border-top: 2px solid #c5cdd1;
    margin: 0;
}

.hr-sm {
    display: none;
}

.bg-gris {
    background-color: #f8f9fa;
}

.bg-gris-medio {
    background-color: #878686;
}

.bg-gris-oscuro {
    background-color: #444444;
}

.copyright {
    font-size: 0.8em !important;
}
/*---------------- FIN DE FOOTER NUEVO ---------------*/


/*------------------------------ Tarjetas-informática -------------------------------*/
.tarjeta {
    position: relative;
    /*min-height: 92%;*/
    margin-bottom: 30px;
    border: solid 1px #ddd;
    border-radius: 10px;
    box-shadow: none;
    color: #333 !important;
    display: block;
    text-decoration: none !important;
}

.tarjeta-columna { 
    display: flex;
}

.tarjeta-header {
    position: relative;
    padding: 1rem; 
    min-height: 50px !important;
    /*padding: 1rem;*/
    transition: opacity .15s;
    background-position: center center;
    background-size: cover;
    border: 0;
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important;
    text-align: center !important;
}

.tarjeta-descripcion {
    padding: 15px 20px 0px 20px;
}

.tarjeta-pie {
    padding: 0em 0.25em;
}

.tarjeta-imagen {
    height: 50px;
}

.tarjeta-icono {
    font-size: 1.5rem;
}

.tarjeta-icono-color-1 {
    color: #184059;
}

.tarjeta-icono-color-2 {
    color: #50B8B1;
}

.tarjeta-icono-color-3 {
    color: #80B0DE;
}

.icono-circulo {
    position: absolute;
    width: 60px;
    height: 60px;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white; 
    border: 3px solid #bbb; 
    border-radius: 50%; 
    padding: 15px; 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2; 
}

.badge-detalle {
    border-radius: 5px;
    color: #555;
    opacity: 1;
    background-color: #e2e3e5;
    border-color: #d6d8db;
    border: 1px solid transparent;
    margin: 0 1rem .5rem 1rem;
    padding: .2rem .5rem;
    position: relative;
    max-width: max-content;
    font-size: 80%;
}

a.tarjeta:focus,
a.tarjeta:hover {
    background: #f3faff;
    color: #333;
}

a.tarjeta:active {
    color: #6a1b99;
}

/*Bordes para las tarjetas: */
.tarjeta-border-grey {
    border-color: #878686;
    border-top: 50px solid #878686;
}

.tarjeta-border-mandarina {
    border-color: #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom: 12px solid #f79525;
}

.tarjeta-border-cereza {
    border-color: #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom: 12px solid #ed3d8f;
}

.tarjeta-border-lavanda {
    border-color: #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom: 12px solid #9284be;
}

/* FIN DE ESTILO TARJETAS */
.entidad-radio:hover {
    background-color: #f8f9fa;
    border-color: #007bff;
}
.entidad-radio.border-primary {
    box-shadow: 0 0 0 2px #007bff66;
}
/* Colores texto */
.text-santacruz {
    color: #252C61;
}

.text-mandarina {
    color: #f79525;
}

.text-cereza {
    color: #ed3d8f;
}

.text-lavanda {
    color: #9284be;
}

.dropdown-item {
    color: #fff !important;
    text-decoration: none;
    background-color: #252C61 !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #2a4ac0 !important;
}

/* FIN DE ESTILO NAVBAR */
.titulo-seccion {
    margin-top: 2em;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.7em;
    text-align: center;
    vertical-align: baseline;
    letter-spacing: 0.30em;
    background-color: rgb(245, 245, 245);
    border: 0.5px;
    border-color: #adadad;
    border-bottom-style: solid;
    border-top-style: solid;
}

#panel-form {
    margin-bottom: 6em !important;
}

#escudo-mediano {
    display: inline;
}

#escudo-chico {
    display: none;
}

div-perfil {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

.card-perfil {
    background-color: #fff;
    border-radius: 5px solid #f7f7f7;
    box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.75);
    padding-top: 30px;
    position: relative;
    /*width: 350px;*/
    max-width: 100%;
}

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

.col-align-center {
    display: flex;
    align-items: center;
}

/* ADAPTAR DATATABLES A BOOTSTRAP */
.dt-button {
    /*    btn-sm: */
    font-size: 12px;
    padding: 2px 10px;
    /*    btn: */
    border: 3px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: inherit;
    vertical-align: top;
    white-space: normal;
    word-break: initial;
    text-decoration: none;
    letter-spacing: inherit;
    border-radius: 30px;
    line-height: 1.42857143;

    display: inline-block;
    text-align: center;
    user-select: none;
}

.buttons-excel {
    background-color: #2e7d33;
    color: #fff;
}

.buttons-pdf {
    background-color: #dc3545;
    color: #fff;
}

.buttons-print {
    background-color: #0072bb;
    color: #fff;
}

/* ADAPTAR TABLAS A BOOTSTRAP */

/* DISPOSITIVOS MÓVILES Y TABLETS: */
@media screen and (max-width:480px) {
    .footer-informatica .copyright {
        text-align: right !important;
    }

    .hr-sm {
        border-top: 2px solid #ddd;
        margin: 0 5em;
    }

    .center-sm {
        text-align: center !important;
    }

    .card {
        margin: 0px;
        background-color: #f7f7f7;
        border: 1px solid #e8e8e8;
    }
}

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

    .navbar-movil {
        display: grid;
    }
    
    .navbar-desktop {
        display: none;
    }
    
    #escudo-mediano {
        display: none;
    }

    #escudo-chico {
        display: inline;
    }

    .dropdown-menu {
        min-width: 90vh;
    }

    #titulo-sistema,
    #subtitulo-sistema {
        font-size: 0.8rem;
    }

    #formulario23 {
        margin: 1em 1em 6em 1em;
    }
}


/* ------------ CAPTCHA -------------------------- */ 


  #captchaContainer {
    background-image: url('../img/captcha-fondo.jpg');
    background-size: 100%; 
    border: 1px solid #808080; 
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}

#securityCode {
    border: 3px solid #808080; 
    border-radius: 5px; 
    font-size: 15px;
    font-weight: bold; 
    width: 200px;
    height: 60px;
    color: black;
}


#securityCode::placeholder {
    font-size: 12px; 
}

.loading-message {
    font-size: 15px; 
    font-weight: bold; 
    color: black;
}

.custom-warning {
      background-color: #ffffff; /* Fondo blanco */
      color: #ff0000; /* Letras rojas */
      border-color: #ff0000; /* Borde rojo */
    }