/* Error de minimización. Devolviendo el contenido no minimizado.
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primario'
(104,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(115,17): run-time error CSS1039: Token not allowed after unary operator: '-color-btn-azulCielo'
(117,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-backgroud'
(123,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primario'
(125,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-backgroud'
(133,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primario'
(139,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primario'
(148,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primario'
(154,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primario'
(158,17): run-time error CSS1039: Token not allowed after unary operator: '-color-btn-azulCielo'
(162,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primario'
(169,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-fuente'
(174,17): run-time error CSS1039: Token not allowed after unary operator: '-color-btn-azulCielo'
(179,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(185,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-fuente'
(191,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-fuente'
(198,17): run-time error CSS1039: Token not allowed after unary operator: '-color-btn-azulCielo'
(204,17): run-time error CSS1039: Token not allowed after unary operator: '-color-btn-azulCielo'
(212,17): run-time error CSS1039: Token not allowed after unary operator: '-color-btn-azulCielo'
(220,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-fuente'
(226,28): run-time error CSS1039: Token not allowed after unary operator: '-color-btn-azulCielo'
(309,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-backgroud'
(310,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-fuente'
(314,32): run-time error CSS1039: Token not allowed after unary operator: '-color-input-backgroud'
(315,21): run-time error CSS1039: Token not allowed after unary operator: '-color-input-fuente'
(322,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secundario'
(328,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secundario'
(334,32): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled'
(402,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-backgroud'
(403,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-fuente'
(416,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-backgroud'
(417,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-fuente'
 */
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

:root {
    --color-primario: #653387;
    --color-secundario: #4A9FDC;
    --color-input-backgroud: #E9E9E9;
    --color-input-fuente: #969798;
    --color-btn-azulCielo: #4A9FDC;
    --color-terciario: #969798;
    --color-disabled: #969798;
    --font-family: 'Open Sans', sans-serif;
}

body {
    padding-top: 3.9rem !important;
}

body, html {
    color: var(--color-primario) !important;
    font-family: var(--font-family);
    font-size: 16px !important;
    height: 100%;
    background-color: #FFFFFF !important;
    line-height: 1.5em !important;    
}


.inputFiles {
    border: 0px;
    border-radius: 0px;
    color: var(--color-btn-azulCielo) !important;
    font-weight: bold;
    background-color: var(--color-input-backgroud) !important;
}

.inputFilesAppendPrepend, .inputFilesAppendPrepend > a {
    border: 0px;
    border-radius: 0px;
    color: var(--color-primario) !important;
    font-weight: bold;
    background-color: var(--color-input-backgroud);
}

label {
    margin-bottom: 0px;
}

.swal-title {
    color: var(--color-primario);
}

.vdp-datepicker > .input-group > .input-group-prepend > .input-group-text {
    border: none !important;
    background-color: transparent !important;
    color: var(--color-primario);
}

.vdp-datepicker .cell.selected {
    color: white;
    font-weight: bold
}

.fuenteTitulo {
    color: var(--color-primario);
    font-size: 24px;
    font-weight: bold;
}

.fuenteEtiquetaRegular {
    color: var(--color-primario);
}

.fuenteEtiquetaRegularAzul {
    color: var(--color-btn-azulCielo);
}

.fuenteEtiquetaBold {
    color: var(--color-primario);
    font-weight: bold;
    font-size: 16px !important;
    line-height: 1.8rem !important;
}

.fuenteEtiquetaGris {
    color: var(--color-input-fuente);
    line-height:1.8rem!important;
}

.fuenteEtiquetaAzul {
    color: var(--color-btn-azulCielo);
    line-height: 1.8rem !important;
}

.fuenteEtiquetaRoja {
    color: var(--red);
    line-height: 1.8rem !important;
    font-weight: bold;
}

.fuenteEtiquetaGrisBold {
    color: var(--color-input-fuente);
    font-weight: bold;
    line-height: 1.8rem !important;
}

.fuenteEtiquetaTotalesGris {
    color: var(--color-input-fuente);
    /*font-size: 22px !important;*/
    font-size: 20px !important;
    line-height: 1.8rem !important;
}

.fuenteEtiquetaTotalesAzul {
    color: var(--color-btn-azulCielo);
    font-size: 30px !important;
    line-height: 1.8rem !important;
}

.fuenteEtiquetaTotalesAzulBold {
    color: var(--color-btn-azulCielo);
    font-weight: bold;
    /*font-size: 30px !important;*/
    font-size: 22px !important;
    line-height: 1.8rem !important;
}

.fuenteEtiquetaTotalesAzulBoldExcel {
    color: var(--color-btn-azulCielo);
    font-weight: bold;
    /*font-size: 30px !important;*/
    font-size: 18px !important;
    line-height: 1.8rem !important;
}

.fuenteEtiquetaTotalesGrisExcel {
    color: var(--color-input-fuente);
    /*font-size: 22px !important;*/
    font-size: 16px !important;
    line-height: 1.8rem !important;
}
.colorBtnAzul {
    background-color: var(--color-btn-azulCielo);
    color: #fff;
    font-weight: bold;
}

.font-10 {
    font-size: 10px!important;
}

.font-12 {
    font-size: 12px!important;
}

.font-14 {
    font-size: 14px!important;
}

.font-16{
    font-size: 16px!important;
}

.mb-6 {
    margin-bottom: 6em;
}

.mb-7 {
    margin-bottom: 7em;
}

.mb-8 {
    margin-bottom: 8em;
}

.mb-9 {
    margin-bottom: 9em;
}

.mt-4 {
    margin-top: 4em;
}

.mt-5important {
    margin-top: 5rem !important;
}

.mt-6 {
    margin-top: 6em;
}

.mt-7 {
    margin-top: 7em;
}

.ml-4 {
    margin-left: 5em;
}

.pt-6 {
    padding-top: 6em;
}

.pt-7 {
    padding-top: 7em;
}

.pt-8 {
    padding-top: 8em;
}

.pb-6 {
    padding-bottom: 6em;
}

.pb-7 {
    padding-bottom: 7em;
}

.pb-8 {
    padding-bottom: 8em;
}

input[type=text], input[type=password] {
    border: none;
    background-color: var(--color-input-backgroud);
    color: var(--color-input-fuente);
}

    input[type=text]:focus, input[type=password]:focus {
        background-color: var(--color-input-backgroud);
        color: var(--color-input-fuente);
        /*border-color: rgba(126, 239, 104, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
    outline: 0 none;*/
    }

input[type=button], button, a.btn {
    background: var(--color-secundario);
    color: #fff;
    font-weight: bold !important;
}

input[type=button], button, a.btn {
    background: var(--color-secundario);
    color: #fff;
    font-weight: bold !important;
}

    button:disabled, .btn.disabled {
        background-color: var(--color-disabled);
    }

.fs16 {
        font-size: 16px !important;
    }

.fs18 {
    font-size: 18px !important;
}

.bg-gray {
    background-color: #F3F3F3 !important;
}


/*----------------------------------------------------------------------------------------------
                       +++         CLASES PENDIENTES DE ORGANIZAR      +++
--------------------------------------------------------------------------------------------------*/

.texto_menu_mobile {
    height: 2em;
    white-space: normal;
}

h2 {
    color: #bababa;
}

.rojo {
    color: red;
}

.verde {
    color: green;
}


.sinfoco:focus {
    box-shadow: none;
}


.noResize {
    resize: none;
}


.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    border-width: 1px;
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.60);
}

.form-control.is-invalid {
    background: rgba(220, 53, 69, .20) !important;
    color: rgb(220, 53, 69) !important;
    transition: background-color .3s;
}


.borderVertical {
    border-right: none;
}


.color-datepicker {
    border: none;
    background-color: var(--color-input-backgroud) !important;
    color: var(--color-input-fuente);
}

.vdp-datepicker > .ui-datepicker .ui-state-active {
    background: orange;
    color: #FFFFFF;
}

.vdp-datepicker > .input-group > .input-group-prepend > .input-group-text {
    font-size: 0.7rem !important;
}

.btn-cuadrado-unete {
    background-color: var(--color-input-backgroud);
    color: var(--color-input-fuente);
}

.cursor-pointer{
    cursor: pointer;    
}


/* Extra small devices (portrait phones, mayores que 576px) */
@media (min-width: 575.98px) {
}

/* Small devices (landscape phones,  mayores que 768px) */ 
@media (min-width: 767.98px) {
    .mt-md-7 {
        margin-top: 7rem !important;
    } 
}

/* Medium devices (tablets,  mayores que 992px) */
@media (min-width: 991.98px) {
    .borderVertical {
        border-right: 1px solid #C0C1C3;
    }
}

/* Large devices (desktops,  mayores que 1200px) */ 
@media (max-width: 1199.98px) {
}

/*.iconoInicio {
    font-size: 2.5em;
    display: inline-block;
    color: var(--color-primario) !important;
}*/

/*.sucursalEnc {
    font-size: 1.8em;
    color: var(--color-primario) !important;
    display: inline-block;
    font-weight: bold;
}

.detalleSuc {
    font-size: 1.2em;
    color: #000000;
    font-weight: bold;
    LINE-HEIGHT: 15px
}*/



/*.telSucursal {
    font-size: 1.5em;
    color: var(--color-secundario);
    display: inline-block
}*/


/*.test-border-1 {
    border: 2px dashed #e80d15;
}

.test-border-2 {
    border: 2px dashed #52d615;
}

.test-border-3 {
    border: 2px dashed #1488d6;
}*/

/*.sc {
    color: var(--color-secundario);
}*/


/*label.btn {
    background: #969798;
    color: #fff;
    font-weight: bold !important;
    margin: 0em .5em;
    border-radius: 6px 6px ! important;
    width: 8em;
}

label.btn.active {
    background: var(--color-secundario);
}*/

/*.publicoLineaHorizontal {
    border: 5px solid var(--color-primario);    
    margin-left: 2px;
    margin-right: 2px;
}*/

/*.letrasColor {
    color: #5A595E;
}*/

/*.lhpreg-20 {
    font-weight: bold;
    font-size: 1.5em;
    LINE-HEIGHT: 20px;
}

.lhp-20 {
    color: black;
    font-size: 1.2em;
    LINE-HEIGHT: 20px;
}*/



/*.menuHorizontal {
    /* Make this scrollable when needed 
    overflow-x: auto;
    /* We don't want vertical scrolling 
    overflow-y: hidden;
    /* For WebKit implementations, provide inertia scrolling 
    -webkit-overflow-scrolling: touch;
    /* We don't want internal inline elements to wrap *
    white-space: nowrap;
    /* Make an auto-hiding scroller for the 3 people using a IE *
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* Remove the default scrollbar for WebKit implementations *
    border-top: 1px solid #eee;
    background: linear-gradient(#fff 80%, #ccc);
}

.menuHorizontal_Contents {
    float: left;
}

.menuHorizontal_Link {
    text-decoration: none;
    color: #888;
    font-size: 0.9em;
    font-family: -apple-system, sans-serif;
    display: inline-flex;
    align-items: center;
    width: 10em;
}*/




/************************** SITIO INTERNO ***********************************/


/*.badge-white {
    background-color: #fff;
    color: #5A595E;
}*/

/*.lineaMovil {
    border: none;
    height: 20px;
    width: 100%;
    height: 50px;
    margin-top: 0;
    border-bottom: 1px solid #EDEEF0;
    box-shadow: 0 20px 20px -20px #333;
    margin: -50px auto 50px;
}*/


/************************** FIN SITIO INTERNO ***********************************/