/* Minification failed. Returning unminified contents.
(7,53): run-time error CSS1030: Expected identifier, found '.'
(7,65): run-time error CSS1031: Expected selector, found ')'
(7,65): run-time error CSS1025: Expected comma or open brace, found ')'
(31,18): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(56,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1'
(57,24): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1'
(62,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11'
(63,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11'
(86,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1'
(87,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1'
(98,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1'
(99,24): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1'
(110,40): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,17): run-time error CSS1039: Token not allowed after unary operator: '-whiteColor-1'
(181,22): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-1'
(228,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-4'
(259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(265,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(279,18): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(280,16): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(304,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(330,20): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(338,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(349,18): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(428,28): run-time error CSS1039: Token not allowed after unary operator: '-whiteColor-1'
(429,24): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(434,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11'
(435,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11'
(458,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(459,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(518,53): run-time error CSS1039: Token not allowed after unary operator: '-color-sisconpes-blue'
(523,52): run-time error CSS1039: Token not allowed after unary operator: '-color-sisconpes-blue'
(600,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5'
(611,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5'
(636,33): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5'
(653,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(664,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-4'
(693,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor'
(694,38): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5'
(698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(705,39): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5'
(712,22): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore'
(713,21): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore'
(714,35): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5'
(717,20): run-time error CSS1039: Token not allowed after unary operator: '-leftBefore'
(718,19): run-time error CSS1039: Token not allowed after unary operator: '-topBefore'
(725,27): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore'
(726,26): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore'
(729,24): run-time error CSS1039: Token not allowed after unary operator: '-topBefore'
(730,25): run-time error CSS1039: Token not allowed after unary operator: '-leftBefore'
(731,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5'
(746,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor'
(757,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColor'
(777,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-5'
(842,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-7'
(843,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6'
(852,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6'
(884,42): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5'
(889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(900,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore'
(901,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore'
(918,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore'
(919,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore'
(920,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5'
(942,23): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore'
(943,22): run-time error CSS1039: Token not allowed after unary operator: '-anchoBefore'
(1066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1093,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBanner-bg'
(1105,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBanner-bg'
(1109,24): run-time error CSS1039: Token not allowed after unary operator: '-indicators'
(1113,28): run-time error CSS1039: Token not allowed after unary operator: '-indicators-active'
(1117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1122,17): run-time error CSS1039: Token not allowed after unary operator: '-bannerColor'
(1217,22): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1239,26): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1280,26): run-time error CSS1039: Token not allowed after unary operator: '-quaternaryColor'
(1282,15): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1297,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1319,15): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1335,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6'
(1416,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiaryColor-2'
(1425,28): run-time error CSS1039: Token not allowed after unary operator: '-secondaryColor-2'
(1435,28): run-time error CSS1039: Token not allowed after unary operator: '-quaternaryColor-3'
(1445,28): run-time error CSS1039: Token not allowed after unary operator: '-quintaryColor-2'
(1511,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1595,28): run-time error CSS1039: Token not allowed after unary operator: '-fontColor'
(1641,16): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(1648,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-6'
(1666,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1674,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1683,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1690,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1721,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1727,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1737,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(1807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1814,28): run-time error CSS1039: Token not allowed after unary operator: '-color-0-19'
(1824,28): run-time error CSS1039: Token not allowed after unary operator: '-color-0-19'
(1828,28): run-time error CSS1039: Token not allowed after unary operator: '-color-20-39'
(1832,28): run-time error CSS1039: Token not allowed after unary operator: '-color-40-59'
(1836,28): run-time error CSS1039: Token not allowed after unary operator: '-color-60-79'
(1840,28): run-time error CSS1039: Token not allowed after unary operator: '-color-80-99'
(1844,28): run-time error CSS1039: Token not allowed after unary operator: '-color-100'
(2077,36): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2109,25): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2144,31): run-time error CSS1038: Expected hex color, found '#0003'
(2160,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2169,25): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2176,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2205,21): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2211,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-5'
(2218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2219,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoBtn'
(2220,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoBtn'
(2233,18): run-time error CSS1039: Token not allowed after unary operator: '-anchoBtn'
(2234,17): run-time error CSS1039: Token not allowed after unary operator: '-anchoBtn'
(2249,22): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2284,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2305,15): run-time error CSS1039: Token not allowed after unary operator: '-position-check-X'
(2306,16): run-time error CSS1039: Token not allowed after unary operator: '-position-check-Y'
(2310,20): run-time error CSS1039: Token not allowed after unary operator: '-position-check-X'
(2311,21): run-time error CSS1039: Token not allowed after unary operator: '-position-check-Y'
(2325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2339,20): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2346,32): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2356,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2386,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor'
(2439,28): run-time error CSS1039: Token not allowed after unary operator: '-fontColor'
(2492,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2501,22): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-8'
(2565,16): run-time error CSS1038: Expected hex color, found '#FFFF'
(2592,28): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-6'
 */
.collapse-sisconpes .panel {
    background: transparent;
}
    .collapse-sisconpes .panel:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }
    .collapse-sisconpes .panel .panel-heading:has(+ .collapse.in) .panel-title a {
        font-weight: 800;
    }

    .collapse-sisconpes .panel .panel-collapse.collapse:not(.in) {
        font-weight: 400;
    }


    .collapse-sisconpes .panel .panel-heading {
        margin: 0;
    }

        .collapse-sisconpes .panel .panel-heading + .panel-collapse > .panel-body {
            border: none;
        }

.collapse-sisconpes .panel .panel-title > a {
    font-family: "Montserrat", sans-serif;
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: left;
    align-items: start;
    color: var( --mainColor-8);
    font-size: 0.875rem;
}

    .collapse-sisconpes .panel .panel-title > a:hover {
        text-decoration: underline!important;
    }
    
    .collapse-sisconpes > .panel-title > a:focus {
        color: #333;
        text-decoration: none;
    }

.btn {
    border-radius: 30px;
    font-size: 15px;
}

    .btn:focus,
    .btn:active:focus,
    .btn:focus-visible {
        outline: 0;
    }

.btn-primary {
    background-color: var(--grayColor-1);
    border-color: var(--grayColor-1);
    font-weight: 600;
}

    .btn-primary:hover {
        background-color: var(--mainColor-11);
        border-color: var(--mainColor-11);
    }

    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open > .dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: var(--grayColor-1);
        border-color: var(--grayColor-1);
    }

.btn:active,
.btn.active {
    box-shadow: none;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: var(--grayColor-1);
    border-color: var(--grayColor-1);
}

.btn-icon {
    --color-content: #fff;
    border: solid 1px var(--grayColor-1);
    padding: 0;
    margin-bottom: 4px;
    display: inline-flex;
    align-items: stretch;
    /* overflow: hidden; */
    box-shadow: 5px 5px 15px -2px var(--grayColor-1);
    border-radius: 4px;
}

    .btn-icon:focus {
        /*outline: none !important;*/
    }

.btn-icon--tertiaryColor {
    --mainColor-8: var(--tertiaryColor);
    box-shadow: none;
}

.btn-icon--naranja {
    --mainColor-8: #ef7f48;
    box-shadow: none;
}

.btn-icon--mainColor-4 {
    --mainColor-8: var(--mainColor-4);
}

.btn-icon--icon {
    width: 3em;
    height: 2em;
    padding: 0.2em 0.5em;
    margin-top: auto;
    margin-bottom: auto;
}

.btn-icon--text-028em {
    padding: 0.28em 0.8em 0.28em 0.2em;
}

.btn-icon--text {
    position: relative;
    display: flex;
    align-items: center;
    /*background-color: var(--grayColor-1);*/
    width: 100%;
    text-align: center;
    padding: 0 0.4em;
    color: var(--whiteColor-1);
    transition: all 0.4s;
    border-radius: 0 3px 3px 0;
}

.btn-icon:not(:disabled):hover > .btn-icon--text,
.btn-icon:not(:disabled):focus > .btn-icon--text,
.btn-icon:not(:disabled):active > .btn-icon--text {
    color: #fff;
}

.btn-icon--text > span {
    z-index: 10;
    margin: auto;
    white-space: pre-wrap;
}

table .btn-icon--text > span {
    max-width: 11em;
}

.btn-icon--text::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--grayColor-1);
    transform: scaleX(0);
    transform-origin: left;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.btn-icon:not(:disabled):hover > .btn-icon--text::before,
.btn-icon:not(:disabled):focus > .btn-icon--text::before,
.btn-icon:not(:disabled):active > .btn-icon--text:before {
    transform: scaleX(1);
}

.btn-icon--shadow-0 {
    box-shadow: none;
}

.btn-icon--13px {
    font-size: 13px;
}

.btn-table-tooltip {
    border-radius: 0;
    font-weight: bold;
    padding: 0.5em;
    border: none;
    font-size: 12px;
}

    .btn-table-tooltip:focus,
    .btn-table-tooltip:active:focus,
    .btn-table-tooltip.active:focus,
    .btn-table-tooltip.focus,
    .btn-table-tooltip:active.focus,
    .btn-table-tooltip.active.focus {
        outline: none !important;
    }

.btn-table-tooltip--grid {
    display: grid;
    grid-template-columns: repeat(5, 34px);
    grid-column-gap: 0.4em;
    grid-row-gap: 0.4em;
}

.btn-table-tooltip:hover {
    background-color: var(--mainColor-4);
}

.btn-icon.alert,
.btn-border--fill.alert {
    position: relative;
}

    .btn-icon.alert::before,
    .btn-border--fill.alert::before {
        content: '';
        display: block;
        height: 1rem;
        width: 1rem;
        border-radius: 50%;
        background-color: #ff0000;
        border: solid 1px #fff;
        position: absolute;
        left: -0.6rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .btn-border--fill.alert::before {
        left: auto;
        right: -0.6rem;
        top: 52%;
        border: none;
    }

.btn-cargar-archivo {
    --mainColor-8: #ff8243;
}

.btn-border,
.btn-border[disabled] {
    background-color: #fff;
    color: var(--mainColor-8);
    border: solid 2px;
    display: flex;
    align-items: center;
    padding: 0 0.8em 0 0.2em;
    font-weight: 600;
    transition: all 0.3s;
}

table .btn-border {
    margin: auto;
}

.btn-border .color-icon {
    stroke: var(--mainColor-8);
    fill: var(--mainColor-8);
    transition: all 0.3s;
}

.btn-border:not([disabled]):hover {
    color: #fff;
}

.btn-border[disabled]:hover,
.btn-border[disabled]:focus {
    background-color: #fff;
}

.btn-border:not([disabled]):hover .color-icon,
.btn-border:not([disabled]):focus .color-icon,
.btn-border:not([disabled]):active .color-icon {
    stroke: #fff;
    fill: #fff;
}

.btn-border--fill,
.btn-border--fill[disabled] {
    width: 2.8em;
    background-color: #fff;
    color: var(--mainColor-8);
    border: solid 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.4em 0.2em;
    font-weight: 600;
    transition: all 0.3s;
}

    .btn-border--fill:not(:last-child) {
        /* .btn-border--fill { */
        margin-bottom: 0.5em;
    }

    /* table .btn-border--fill {
  margin-left: auto;
  margin-right: auto;
} */

    .btn-border--fill svg {
        width: 1.8em;
        height: 1.6em;
    }

    .btn-border--fill .color-icon {
        fill: var(--mainColor-8);
        transition: all 0.3s;
    }

    .btn-border--fill:not([disabled]):hover,
    .btn-border--fill:not([disabled]):focus,
    .btn-border--fill:not([disabled]):active {
        color: #fff;
        background-color: var(--mainColor-8);
    }

        .btn-border--fill:not([disabled]):hover .color-icon,
        .btn-border--fill:not([disabled]):focus .color-icon,
        .btn-border--fill:not([disabled]):active .color-icon {
            fill: #fff;
        }

.btn-border--fill--stroke .color-icon {
    fill: none;
    stroke: var(--mainColor-8);
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 0.7px;
}

.btn-border--fill--stroke:not([disabled]):hover .color-icon,
.btn-border--fill--stroke:not([disabled]):focus .color-icon,
.btn-border--fill--stroke:not([disabled]):active .color-icon {
    fill: none;
    stroke: #fff;
}

.btn-border--fill--2em {
    padding: 0;
    height: 2.5em;
}

    .btn-border--fill--2em svg {
        height: 2em;
        width: 2em
    }

.btn-border--2 .color-icon {
    stroke-miterlimit: 10;
    stroke-width: 0.25px;
}

.icon-check {
    position: relative;
    margin-right: .5em;
}

    .icon-check::after {
        content: '';
        background-image: url(../Content/icons/Check.svg);
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        height: 1.5em;
        width: 1.5em;
        position: absolute;
        left: calc(100% - 0.2em);
        top: calc(50% - 0.7em);
        margin-left: 0.4em;
    }

.after-cerrar::after {
    content: '';
    background-image: url(../Content/icons/Cerrar.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 1.2em;
    width: 1.2em;
    margin-left: 0.4em;
}

.btn-padding-2 {
    /*    padding: 0.2em 1em;*/
    padding: 0.535em 2em;
    white-space: pre-line;
    border: 1.5px solid;
}

.ayuda-inline {
    padding: 0;
    background-color: transparent;
}

.btn-padding {
    /*padding: 0.2em 1.8em;*/
    padding: 0.535em 2em;
    white-space: pre-line;
    border: 1.5px solid;
}


.btn-secondary {
    background-color: var(--whiteColor-1);
    border-color: var(--mainColor-8);
    font-weight: 600;
}

    .btn-secondary:hover {
        background-color: var(--mainColor-11);
        border-color: var(--mainColor-11);
    }

    .btn-secondary:active:hover,
    .btn-secondary.active:hover,
    .open > .dropdown-toggle.btn-secondary:hover,
    .btn-secondary:active:focus,
    .btn-secondary.active:focus,
    .open > .dropdown-toggle.btn-secondary:focus,
    .btn-secondary:active.focus,
    .btn-secondary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus,
    .btn-secondary:focus,
    .btn-secondary.focus,
    .btn-secondary.disabled:hover,
    .btn-secondary[disabled]:hover,
    fieldset[disabled] .btn-secondary:hover,
    .btn-secondary.disabled:focus,
    .btn-secondary[disabled]:focus,
    fieldset[disabled] .btn-secondary:focus,
    .btn-secondary.disabled.focus,
    .btn-secondary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: var(--mainColor-8);
        border-color: var(--mainColor-8);
    }

 /* Style Guide */
.button-black:hover,
.button-black:focus,
.button-black:focus-visible{
    text-decoration: none;
}
.button-black--text {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    margin: 0 15px;
    font-size: 1.15385rem;
    text-decoration: none;
}

.btn-primary-sisconpes {
    font-weight: 600;
    background-color: rgb(23,66,131);
    margin: 0px;
    font-size: 0.93rem;
    font-family: "Montserrat", sans-serif;
    color: white;
    cursor: pointer;
}

    .btn-primary-sisconpes:hover, 
    .btn-primary-sisconpes:focus {
        background-color: #36c !important;
        color: white!important;
    }


.btn-secondary-sisconpes {
    font-weight: 700;
    border: 1.5px solid rgb(23,66,131);
    background-color: white;
    margin: 0px;
    font-size: 0.93rem;
    font-family: "Montserrat", sans-serif;
    color: rgb(23,66,131);
    cursor: pointer;
}

    .btn-secondary-sisconpes:hover, 
    .btn-secondary-sisconpes:focus {
        font-weight: 800!important;
        color: rgb(23,66,131)!important;
    }
.card-sisconpes {
    border-radius: 0 0 10px 10px;
    border: 1px solid #E6EFFD;
    cursor: pointer;
    background: white;
}

    .card-sisconpes:hover {
        outline: max(0.125rem, 0.125rem) solid var(--color-sisconpes-blue);
        outline-offset: max(0.313rem, 0.313rem);
    }

    .card-sisconpes.active{
        border: max(0.125rem, 0.125rem) solid var(--color-sisconpes-blue);
    }

    .card-sisconpes .card-content {
        padding: 1rem;
        height: 100%;
        width: 100%;
        display: block;
    }

    .card-sisconpes .card-content-img {
        height: 60px;
        width: 60px;
    }

    .card-sisconpes .card-content.bullet {
        display: flex
    }

    .card-sisconpes .card-content.bullet .bullet-left {
        align-content: center;
    }

    .card-sisconpes .card-content.bullet .bullet-right {
        align-content: center;
    }

    .text-black-bullet{
        color: black;
    }
.modal-content {
    box-shadow: none !important;
    border-radius: 10px;
    border-color: transparent;
    padding: 0;
}
.modal-backdrop {
    z-index: 1048 !important;
}


.modal-header {
    display: flex;
    justify-content: space-between;
}

    .modal-header .close {
        margin-left: auto;
    }

    .modal-header:before {
        display: none;
    }

.bootbox.modal.in {
    z-index: 1051 !important;
}

    .bootbox.modal.in + .modal-backdrop {
        z-index: 1050 !important;
    }

.bootbox.modal .bootbox-close-button {
    order: 2;
}
.sector-select--label {
    font-family: 'Raleway';
    font-weight: bold;
    font-size: 12px;
}

.sector-select + .select2 {
    width: 100% !important;
    max-width: calc(100% - 2.2em);
}

.sector-select + .select2-container--default .select2-selection--single {
    background-color: var(--grayColor-5);
    border: none;
    border-radius: 0;
}

    .sector-select + .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 1.7em;
        font-size: 1em;
    }

.sector-select + .select2-container--default .select2-selection--single {
    background-color: var(--grayColor-5);
    height: 26px;
}

.bg-grayColor-5 .sector-select + .select2-container--default .select2-selection--single {
    background-color: #fff;
}

.sector-select + .select2 .select2-selection__arrow b {
    border: none;
}

.sector-select + .select2 .select2-selection__arrow {
    background-image: url(icons/boton_selecy.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 26px;
    width: 34px;
    /* background-color: var(--mainColor-8); */
    border-left: solid 6px #fff;
    box-sizing: content-box;
    top: 0;
}

.bg-grayColor-5 .sector-select + .select2 .select2-selection__arrow {
    border-left: solid 6px var(--grayColor-5);
}

.sector-select + .select2.select2-container--open .select2-selection__arrow {
    transform: rotate(180deg);
    border-left: none;
    border-right: solid 6px #fff;
}

.select-table-font-size + .select2 {
    width: 16em !important;
    text-align: left;
    border-radius: 0.3em;
    overflow: hidden;
}

.select-table-font-size + .select2-container--default .select2-selection--single {
    background-color: var(--mainColor-8);
    height: 30px;
}

    .select-table-font-size + .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px;
        font-size: 14px;
    }

.select-table-font-size + .select2 .select2-selection__arrow {
    background-image: url(../../icons/boton_seleca-pf.svg);
    background-color: var(--mainColor-4);
    height: 30px;
    width: 40px;
    background-size: contain;
    background-position: center;
    border: none;
    top: 0;
    right: 0;
}

.select-table-font-size + .select2.select2-container--open .select2-selection__arrow {
    border-right: none;
}

.select-table-font-size + .select2 .select2-selection__rendered {
    color: transparent;
}

    .select-table-font-size + .select2 .select2-selection__rendered::before {
        content: "Aumentar tama\00F1o de la letra ";
        color: #fff;
    }

.btn-select,
.btn-select.btn-link,
.select2-results__option {
    font-family: 'Raleway';
    font-weight: normal;
    font-size: 13px;
    color: var(--fontColor);
    border-bottom: solid 0.25px var(--mainColor-5);
    min-height: 33px;
    position: relative;
    padding-left: 3em;
    --anchoBefore: 20px;
    --leftBefore: 0.5em;
    --topBefore: 5px;
}


    .btn-select:first-child {
        border-top: solid 0.25px var(--mainColor-5);
    }

    .btn-select::before,
    .select2-results__option::before {
        content: '';
        display: block;
        height: var(--anchoBefore);
        width: var(--anchoBefore);
        border: solid 0.25px var(--mainColor-5);
        border-radius: 50%;
        position: absolute;
        left: var(--leftBefore);
        top: var(--topBefore);
    }

    .btn-select::after,
    .select2-results__option::after {
        content: '';
        display: block;
        height: calc(var(--anchoBefore) - 6px);
        width: calc(var(--anchoBefore) - 6px);
        border-radius: 50%;
        position: absolute;
        top: calc(var(--topBefore) + 3px);
        left: calc(var(--leftBefore) + 3px);
        background-color: var(--mainColor-5);
        transform: scale(0);
    }

    .btn-select:hover::after,
    .btn-select.active::after,
    .select2-results__option--highlighted::after {
        animation-duration: 0.3s;
        animation-name: animatedExpand;
        animation-fill-mode: forwards;
        /* animation-timing-function: ease-in-out; */
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
    color: var(--fontColor);
    font-weight: bold;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: transparent;
}

.sector-select + .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #edf9fc;
    font-weight: bold;
    color: var(--fontColor);
}

.sector-select + .select2-container--default .select2-results__option {
    border-bottom: 1px solid #00b3d7;
}

.select2-container--open .select2-dropdown--above {
    padding: 1.5em 1em 2em;
    border-radius: 12px;
    border: none;
    box-shadow: 8px 8px 20px -6px;
}

.sector-select[multiple] + .select2-container--default {
    width: calc(100% - 5em) !important;
    margin-right: 2.7em;
}

    .sector-select[multiple] + .select2-container--default .select2-selection--multiple {
        background-color: var(--grayColor-5);
        min-height: 26px;
        border: none;
        border-radius: 0;
        position: relative;
    }

        .sector-select[multiple] + .select2-container--default .select2-selection--multiple::after {
            content: '';
            display: block;
            position: absolute;
            right: -2.7em;
            top: 0;
            width: 34px;
            height: 26px;
            background-image: url('icons/boton_selecy.svg');
            background-size: 34px;
            background-repeat: no-repeat;
            box-sizing: content-box;
            background-position: right top;
            cursor: pointer;
        }

.select2-hidden-accessible {
    width: 0;
}

.sector-select[multiple].con-comentarios + .select2-container--default {
    width: calc(100% - 7em) !important;
}

[aria-multiselectable='true'] .select2-selection__rendered {
    max-height: 100%;
    max-width: calc(100% - 3em);
}

[aria-multiselectable='true'] .select2-results__option::before {
    border-radius: 0;
}

[aria-multiselectable='true'] .select2-results__option--highlighted::after {
    animation: none;
}

[aria-multiselectable='true'] .select2-results__option::after {
    background-image: url(../Content/icons/selected.svg);
    background-color: transparent;
    background-size: contain;
    border-radius: 0;
    height: 1.2em;
    width: 1.2em;
    background-repeat: no-repeat;
    top: 0.55em;
    left: 0.7em;
}

[aria-multiselectable='true'] .select2-results__option[aria-selected='true']::after {
    animation-duration: 0.3s;
    animation-name: animatedExpand;
    animation-fill-mode: forwards;
}

.sector-select[multiple] + .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: flex;
    flex-direction: row-reverse;
    background-color: var(--grayColor-7);
    color: var(--grayColor-6);
    border-radius: 0;
    border: none;
    align-items: center;
}

.sector-select[multiple] + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 0.5em;
    margin-right: 0;
    background-color: var(--grayColor-6);
    color: #fff;
    width: 0.8em;
    height: 0.8em;
    color: transparent;
    position: relative;
}

    .sector-select[multiple] + .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove::before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../Content/icons/delete-select.svg);
        background-size: contain;
    }

.btn-select,
.sideModalTR .btn-select {
    width: 100%;
    text-align: left;
    border-radius: 0;
    white-space: normal;
}

    .btn-select:hover,
    .btn-select.active {
        text-decoration: none;
        border-bottom: solid 0.25px var(--mainColor-5);
        font-weight: 700;
    }

.checkmark--container {
    --anchoBefore: 20px;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: var(--anchoBefore);
    width: var(--anchoBefore);
    margin-bottom: 0;
    margin-left: 1rem;
}

    .checkmark--container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: var(--anchoBefore);
    width: var(--anchoBefore);
    border: solid 1px var(--mainColor-5);
}

.table-sisconpes th .checkmark {
    border: solid 1px #fff;
}

.checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.checkmark--container input:checked ~ .checkmark:after {
    display: block;
}

.checkmark--container .checkmark:after {
    background-image: url(../Content/icons/selected.svg);
    background-color: transparent;
    background-size: contain;
    border-radius: 0;
    height: calc(var(--anchoBefore) - 6px);
    width: calc(var(--anchoBefore) - 6px);
    background-repeat: no-repeat;
    top: 2px;
    left: 2px;
    animation-duration: 0.3s;
    animation-name: animatedExpand;
    animation-fill-mode: forwards;
}

.table-sisconpes th .checkmark--container .checkmark:after {
    background-image: url(../icons/selected-blanco.svg);
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 3em;
}

.select2-container--default .select2-results__option[role='group']::before {
    content: none;
}

/* .select2-container--default .select2-results__group {
  padding-left: 3.5em;
} */

.input-datepicker,
.input-datepicker-year,
.input-datepicker-hour {
    background-image: url(../Content/icons/datepicker-blue.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 35px;
    border-right-width: 10px;
    cursor: pointer;
}

.datepicker-dropdown:before {
    content: none;
}

.datepicker.dropdown-menu {
    background-color: #ffffff;
    font-family: 'Raleway', 'Helvetica Neue', sans-serif;
    border: none;
    box-shadow: 6px 6px 12px 0 #aaa;
    border-radius: 1em;
    padding: 0.5em 1.5em;
    color: #000;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    background-color: #00b4d7;
    border-color: #00b4d7;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    transition: all 0.3s;
}

.datepicker table tr td.today {
    background-color: #00b3d710;
    border-color: #00b3d710;
    border-radius: 0;
    transition: all 0.3s;
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
    color: #fff;
    background-color: #009dbd;
    border-color: #00b4d7;
}

.datepicker table > thead > tr:first-child {
    border-bottom: solid 1px #00b4d7;
}

    .datepicker table > thead > tr:first-child .prev,
    .datepicker table > thead > tr:first-child .next {
        color: transparent;
        background-image: url('icons/prev-datapicker.svg');
        background-size: 1.5em;
        background-repeat: no-repeat;
        background-position: center;
    }

    .datepicker table > thead > tr:first-child .next {
        transform: rotate(180deg);
    }

.select2-container .select2-search--inline,
.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}

@media screen and (max-width: 768px) {
    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        overflow: auto;
    }

    .select-table-font-size + .select2 {
        width: 18em !important;
    }
}

/*
*/
:root {
    --bannerColor: #222551;
}

.bg-banner1 {
    --colorBanner-bg: #54c1dc;
    --colorBanner-img: #7bcfe4;
}

.bg-banner2 {
    --colorBanner-bg: #00b4d8;
    --colorBanner-img: #2ec1df;
}

.bg-banner3 {
    --colorBanner-bg: #0096c7;
    --colorBanner-img: #2ba8d1;
}

.bg-banner4 {
    --colorBanner-bg: #0078b7;
    --colorBanner-img: #2189c1;
}
.bg-slider {
    --colorBanner-bg: var(--color-sisconpes-blue);
    --colorBanner-img: #2189c1;
}
.bg-banner {
    background-color: var(--colorBanner-bg);
    background-image: url(../../icons/bg_banner_ayuda-en-linea.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
}

.banner {
    margin-bottom: 0;
}

.landing--banner.bg-slider {
    background-color: var(--colorBanner-bg);
}

.carousel-indicators li {
    border-color: var(--indicators);
}

.banner .carousel-indicators .active::before {
    background-color: var(--indicators-active);
}

.btn-icon--banner {
    --mainColor-8: #fff;
    --color-content: var(--colorBanner-bg);
}

.banner--sub-title--ayuda-linea {
    color: var(--bannerColor);
    font-size: 30px;
    font-family: "Montserrat","Futura PT";
    font-weight: bold;
}

.banner--sub-title--informes {
    max-width: 18em;
}

.banner--text--ayuda-linea {
    margin-bottom: 1.5em;
}

.banner--container-img--ayuda-linea {
    position: relative;
}

.banner--lo-nuevo {
    font-size: 2rem;
    position: absolute;
    top: 1.2em;
    left: 15px;
    display: block;
    padding: 0 0.6em;
    line-height: 1.2;
    z-index: 1;
}

/**/

.banner {
  margin-bottom: 1em;
}

.banner .carousel-control {
  width: 5em;
}

.banner .carousel-control.left,
.banner .carousel-control.right {
  background: none;
}

    .banner .carousel-control.right {
        right: -30px;
    }

    .banner .carousel-control.left {
        left: -30px;
    }
.banner .carousel-control .glyphicon-chevron-left,
.banner .carousel-control .glyphicon-chevron-right,
.banner .carousel-control .icon-prev,
.banner .carousel-control .icon-next {
  width: 0.8em;
  height: 1.5em;
  margin: 0;
  transform: translateY(-50%);
}

    .banner .carousel-control .icon-prev::before,
    .banner .carousel-control .icon-next::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../../icons/banner/banner-arrow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

.banner-arrow-gris .carousel-control .icon-prev::before,
.banner-arrow-gris .carousel-control .icon-next::before {
    background-image: url(../../icons/banner/banner-arrow-gris.svg);
}

.banner-informativos .carousel-control .icon-prev::before,
.banner-informativos .carousel-control .icon-next::before {
    background-image: url(../../icons/boton_carrusel_anterior.svg);
}

.banner .carousel-control .icon-next::before {
  transform: rotate(180deg);
}

.carousel-indicators li {
  width: 14px;
  height: 14px;
  position: relative;
  margin-left: 0.2em;
}

.banner-informativos .carousel-indicators li {
  border-color: var(--mainColor-8);
}

.banner .carousel-indicators .active {
  margin: 1px;
  width: 14px;
  height: 14px;
  background-color: transparent;
}

.banner .carousel-indicators .active::before {
  content: "";
  border-radius: 50%;
  height: 10px;
  width: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.banner-informativos .carousel-indicators .active::before {
  background-color: var(--mainColor-8);
}

.banner-informativos .carousel-indicators {
    bottom: 0;
    margin-top: 0;
    margin-bottom: -40px
}

@media screen and (min-width: 768px) {
  .banner .carousel-indicators {
    bottom: 6px;
  }
}

.banner--container {
  padding: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}


.banner--container-text--1 {
    max-width: 30em;
}

.banner--container-text--2 {
  max-width: 40.5em;
}

.banner--container-text--3 {
  max-width: 34.5em;
}

.banner--container-text--4 {
  max-width: 34.5em;
  padding-top: 2em;
}

.banner--title {
  background-color: var(--quaternaryColor);
  font-weight: bold;
  color: var(--mainColor-8);
  padding: 0.5em;
  font-size: 19px;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.banner--title--1 {
  padding: 0.7em 0.9em 0.4em;
  border-radius: 0 0 1.3em 0;
}

.banner--title--3 {
    color: var(--mainColor-8);
    background-color: #fff;
    font-size: 30px;
    padding: 0 0.4em;
    margin-bottom: 0.2em;
    display: inline-block;
    font-family: "Montserrat","Futura PT", "Helvetica Neue", sans-serif
}

.banner--sub-title > * {
  font-weight: bold;
  font-size: 19px;
  color: #ffffff;
}

.banner--sub-title--2 {
    font-size: 30px;
    margin-bottom: 0.1em;
    font-family: "Montserrat","Futura PT", "Helvetica Neue", sans-serif;
}

.banner--sub-title--3 {
  color: var(--mainColor-8);
  margin-bottom: 0.2em;
}

.banner--sub-title--4 {
    font-family: "Montserrat","Futura PT", "Helvetica Neue", sans-serif;
    font-size: 30px;
}

.banner--text {
  color: #ffffff;
  margin-bottom: 0.4em;
}


.banner--text--3 {
    color: var(--grayColor-6);
}

.banner--hr {
  margin-top: 0;
  border-top: solid 3px #fff;
}

@media screen and (max-width: 768px) {
  .banner .item > .row {
    min-height: 616px;
  }

  .banner--container-img > img {
    width: 100%;
    height: 12em;
    object-fit: cover;
  }

  .banner--container {
    padding: 1em 0;
  }

  .banner .carousel-control.left,
  .banner .carousel-control.right {
    display: none;
  }

  .banner--title {
    text-align: center;
    padding: 0.5em;
    border-radius: 0;
    margin-bottom: 1.5em;
  }

  .banner--sub-title,
  .banner--text {
    text-align: center;
    margin-bottom: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }

  .banner--text {
    text-align: left;
    margin-left: 2em;
    margin-right: 2em;
  }

  .banner--hr {
    margin-left: 2em;
    margin-right: 2em;
  }
  
  .banner-informativos-container {
    margin-top: 3em;
  }

}

@media screen and (min-width: 768px) {
  .banner--container-img {
    height: 325px;
    position: relative;
  }

  .banner--container-img::before {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
  }

  .banner--container-img > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .banner--container-img--1::before {
    background-color: var(--tertiaryColor-2);
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 14% 100%, 0 33%);
  }

  .banner--container-img--1 > img {
    clip-path: polygon(34% 0, 100% 0, 100% 100%, 16% 100%, 0 14%);
  }

  .banner--container-img--2::before {
    background-color: var(--secondaryColor-2);
    clip-path: polygon(8% 16%, 60% 0, 100% 100%, 8% 100%);
  }

  .banner--container-img--2 > img {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    /* object-position: -7em; */
  }

  .banner--container-img--3::before {
    background-color: var(--quaternaryColor-3);
    clip-path: polygon(0 22%, 100% 0, 100% 100%, 10% 100%);
  }

  .banner--container-img--3 > img {
    clip-path: polygon(4% 10%, 100% -12%, 100% 100%, 16% 100%);
    /* object-position: -2.5em; */
  }

  .banner--container-img--4::before {
    background-color: var(--quintaryColor-2);
    clip-path: polygon(0 0, 100% 0, 100% 92%, 10% 95%);
  }

  .banner--container-img--4 > img {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 20% 100%);
    /* object-position: -2.5em; */
  }
  
  .banner-informativos-container {
    margin: 3em 6em 0;
  }
}

.slider--links {
    color: white;
    font-size: 1.25rem;
}

.slider--links:hover {
    color: white;
    text-decoration: underline;
}

.slide-content {
    line-height: 1rem;
    font-size: 1rem;
    padding: 2rem;
}

    .slide-content + .actions {
        text-align: center;
    }

    @media (min-width: 768px) {
        .slide-content {
            padding: 0;
        }

        .banner--container-text {
            margin-right: 2rem;
        }

        .slide-content + .actions {
            text-align: left;
        }
    }

    @media (min-width: 992px) {
        .slide-content {
            font-size: 1.2rem;
            line-height: 1.5rem;
        }
    }

    @media (min-width: 1200px) {
        .banner--container {
            padding-left: 4em;
            padding-right: 4em;
            padding-top: 4em;
        }
    }

    @media (min-width: 1400px) {
    }
.spinner {
    color: var(--mainColor-8);
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    animation: mulShdSpin 1.3s infinite linear;
    transform: translateZ(0);
    position: absolute;
    display: block;
}

@keyframes mulShdSpin {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

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

.ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .btn {
    font-size: 12px !important;
}

.min-table-paragraph {
    min-width: 21em;
}

.vertical-align-initial {
    vertical-align: initial;
}

.table-sisconpes.scroll {
    padding-right: 1px;
}

.pr-table-iconValid,
.table-sisconpes.pr-table-iconValid {
    padding-right: 2.1em;
}

.table-sisconpes table {
    width: 100%;
    margin-bottom: 1em;
    border: solid 1px;
    line-height: 1.4;
}

    .table-sisconpes table:last-child {
        margin-bottom: 1em;
    }

.table-sisconpes th,
.table-sisconpes .th {
    background-color: var(--fontColor);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding: 0.25px 1em;
    border-bottom: solid 0.5px;
    line-height: 1.2;
}

.table-sisconpes td.th {
    padding: 0.8em 1em;
}

.table-sisconpes th .flex-center,
.table-sisconpes .th .flex-center {
    min-height: 3em;
}

.table-sisconpes th:not(:first-child) {
    border-left: solid 0.5px;
}

.table-sisconpes th:not(:last-child) {
    border-right: solid 0.5px;
}

.table-sisconpes--btn-buscar {
    background-color: transparent;
    padding: 0.2em;
    margin-left: 0.2em;
    height: 2em;
    width: 2em;
}

    .table-sisconpes--btn-buscar > img,
    .table-sisconpes--btn-buscar > svg {
        height: 1.5em;
    }

.table-sisconpes--calendar--th path {
    fill: #fff;
    transition: all 0.3s;
}

.table-sisconpes--calendar--th:hover path {
    fill: var(--color-success);
}

.table-sisconpes td {
    font-family: 'Montserrat','Raleway';
    font-weight: normal;
    font-size: 16px;
    color: var(--grayColor-6);
    border: solid 0.5px;
    padding: 0.8em 1em;
    background-color: #fff;
}

.bucador-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5em;
    align-items: end;
}

.number-elements,
.table-finder {
    font-family: 'Montserrat','Raleway';
    font-weight: 500;
    font-size: 10px;
    color: var(--mainColor-8);
}

.number-elements--select + .select2 {
    width: 4em;
}

.number-elements--select + .select2 {
    color: var(--mainColor-8);
    width: 5em !important;
}

    .number-elements--select + .select2 .select2-selection {
        border: none;
    }

    .number-elements--select + .select2 .select2-selection__rendered {
        color: var(--mainColor-8);
        border-bottom: solid 1px;
        font-family: 'Montserrat','Raleway';
        font-weight: 500;
    }

    .number-elements--select + .select2 .select2-selection__arrow b {
        border-color: var(--mainColor-8) transparent transparent transparent;
        border-width: 1em 0.6em 0 0.6em;
    }

.table-finder--btn {
    background-color: transparent;
    padding: 0;
    margin-left: 0.2em;
    border: none;
}

    .table-finder--btn > img {
        height: 3.2em;
    }

.table-finder,
.table-finder input {
    font-family: 'Montserrat','Raleway';
    font-weight: 300;
}

.table-finder--label {
    line-height: 1;
    margin-bottom: 0;
    margin-left: 1em;
    font-weight: 500;
}

.table-finder input {
    font-style: italic;
    text-align: center;
    color: var(--mainColor-8);
    width: 18em;
    border: solid 1px;
}

.table-finder--input::placeholder {
    color: var(--mainColor-8);
}

.table-finder--contain {
    display: flex;
    align-items: end;
    margin-top: -1em;
}

.table-paging {
    color: var(--mainColor-8);
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}

.table-paging--btn {
    background-color: transparent;
    font-size: 10px;
    padding: 0;
    margin-left: 0.2em;
    border: none;
}

    .table-paging--btn > img {
        height: 2em;
    }

.table-paging--btn--previous > img {
    transform: rotate(180deg);
}

.table-paging--number {
    font-size: 10px;
    border: none;
    background-color: transparent;
    padding: 0;
}

.table-paging--btn,
.table-paging--number {
    opacity: 0.8;
    transition: all 0.3s;
}

    .table-paging--btn:hover,
    .table-paging--btn:focus,
    .table-paging--number:hover,
    .table-paging--number:focus,
    .table-paging--number.active {
        opacity: 1;
    }

.table-sisconpes .btn-icon,
.JQGrid-sisconpes .btn-icon {
    margin-bottom: 0.5em;
    font-size: 1.23077rem !important;
    width: 100%;
    max-width: 14.5em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    min-width: max-content;
}

.table-progress-bar {
    display: inline-block;
    border: solid 1px;
    width: 3.8rem;
    height: 1.4rem;
    box-sizing: content-box;
    margin: auto;
    overflow: hidden;
}

table .table-progress-bar {
    display: block;
}

.table-progress-bar--line {
    --color-0-19: #99d5e5;
    --color-20-39: #56c1dd;
    --color-40-59: #0db4d8;
    --color-60-79: #0879b8;
    --color-80-99: #164284;
    --color-100: #212751;
    display: block;
    background-color: var(--color-0-19);
    height: 1.5em;
    min-width: 2px;
}

    .table-progress-bar--line:not(.table-progress-bar--line--100) {
        max-width: calc(100% - 1px);
    }

.table-progress-bar--line--0-19 {
    background-color: var(--color-0-19);
}

.table-progress-bar--line--20-39 {
    background-color: var(--color-20-39);
}

.table-progress-bar--line--40-59 {
    background-color: var(--color-40-59);
}

.table-progress-bar--line--60-79 {
    background-color: var(--color-60-79);
}

.table-progress-bar--line--80-99 {
    background-color: var(--color-80-99);
}

.table-progress-bar--line--100 {
    background-color: var(--color-100);
}

.td-header td {
    background-color: #e7e6e6;
}

.td-header--container {
    min-height: 6em;
    margin: -0.5em -1em;
    padding: 0.5em 1em 0.5em 2.5em;
    position: relative;
    display: flex;
    align-items: center;
}

.td-header--info {
    background-color: #808080;
    color: #fff;
    width: 6em;
    height: 2.2em;
    display: flex;
    align-items: center;
    transform: rotate(-90deg) translate(-30%, -85%);
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    justify-content: center;
    transform-origin: center;
}

.td-header--info--dark {
    background-color: #353535;
}

.table-sisconpes .no-thead {
    background-color: #fff;
    border: solid;
}

.rotate-90deg {
    transform: rotate(-90deg);
    min-height: 6em;
    width: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* JQGrid  */

.JQGrid-sisconpes {
    margin-top: 1em;
}

    .JQGrid-sisconpes .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-hdiv,
    .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-legacy-subgrid > thead {
        background-color: #f6f8f9;
        color: #004884;
    }

    .JQGrid-sisconpes .table > thead > tr > td.active,
    .table > tbody > tr > td.active,
    .table > tfoot > tr > td.active,
    .table > thead > tr > th.active,
    .table > tbody > tr > th.active,
    .table > tfoot > tr > th.active,
    .table > thead > tr.active > td,
    .table > tbody > tr.active > td,
    .table > tfoot > tr.active > td,
    .table > thead > tr.active > th,
    .table > tbody > tr.active > th,
    .table > tfoot > tr.active > th {
        background-color: #f6f8f9;
    }

    .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv {
        overflow: initial;
    }

        .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
            font-size: 16px;
            color: #484848;
            padding: 0.96em;
            border: solid 2px #E5EEFB;
            transition: all 0.1s;
        }

    .JQGrid-sisconpes .clearsearchclass {
        color: #fff;
        border: none;
        background-color: transparent;
    }

    .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar input {
        font-family: 'Montserrat','Raleway';
        font-weight: 600;
        font-size: 16px;
        margin: 2px 0;
        border: none;
        border-radius: 0;
        height: 1.5em;
    }

    .table-responsive,
    .JQGrid-sisconpes .ui-jqgrid.ui-jqgrid-bootstrap {
        border: none;
    }

    .JQGrid-sisconpes .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-radius: 0;
    }

    .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div {
        font-family: 'Montserrat','Raleway';
        font-weight: 600;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div::after {
            /* content: url(https://sisconpes.ivolucion.com/Fuentes/icons/boton_consultar.svg); */
            display: inline-block;
            height: 1.5em;
            width: 1.5em;
            object-position: center;
            background-repeat: no-repeat;
            margin-left: 2px;
            cursor: pointer;
        }

    .JQGrid-sisconpes .progress-bar-right {
        border: solid 1px #484848;
        padding: 0;
        height: 16px;
        width: 40px;
        margin-top: 0.2em;
    }

    .JQGrid-sisconpes .progress {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding: 0;
        height: auto;
        margin-top: 0.2em;
    }

        .JQGrid-sisconpes .progress:not(:first-child) {
            margin-top: 1em;
        }

    .JQGrid-sisconpes .progress-bar {
        min-width: 2px;
        height: 14px;
    }

    .JQGrid-sisconpes .progress-bar-label {
        padding-top: 0;
    }

    .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-btable {
        border-collapse: collapse;
    }

    .JQGrid-sisconpes .jqgrow.ui-row-ltr.success.active,
    .JQGrid-sisconpes .ui-jqgrid tr.jqgrow.ui-row-ltr.success td,
    .JQGrid-sisconpes .table-hover > tbody > tr > td.active:hover,
    .JQGrid-sisconpes .table-hover > tbody > tr > th.active:hover,
    .JQGrid-sisconpes .table-hover > tbody > tr.active:hover > td,
    .JQGrid-sisconpes .table-hover > tbody > tr:hover > .active,
    .JQGrid-sisconpes .table-hover > tbody > tr.active:hover > th {
        background-color: transparent !important;
    }

    .JQGrid-sisconpes .btn-default:active:hover,
    .JQGrid-sisconpes .btn-default.active:hover,
    .JQGrid-sisconpes .open > .dropdown-toggle.btn-default:hover,
    .JQGrid-sisconpes .btn-default:active:focus,
    .JQGrid-sisconpes .btn-default.active:focus,
    .JQGrid-sisconpes .open > .dropdown-toggle.btn-default:focus,
    .JQGrid-sisconpes .btn-default:active.focus,
    .JQGrid-sisconpes .btn-default.active.focus,
    .JQGrid-sisconpes .open > .dropdown-toggle.btn-default.focus {
        background-color: transparent;
        border-color: transparent;
        color: #fff;
    }

    .JQGrid-sisconpes .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager .btn,
    .JQGrid-sisconpes .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .btn {
        font-size: 16px;
    }

    .JQGrid-sisconpes .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager .btn {
        min-height: 26px;
        min-width: 22px;
    }

    .JQGrid-sisconpes .table > caption + thead > tr:first-child > th,
    .JQGrid-sisconpes .table > colgroup + thead > tr:first-child > th,
    .JQGrid-sisconpes .table > thead:first-child > tr:first-child > th,
    .JQGrid-sisconpes .table > caption + thead > tr:first-child > td,
    .JQGrid-sisconpes .table > colgroup + thead > tr:first-child > td,
    .JQGrid-sisconpes .table > thead:first-child > tr:first-child > td {
        padding: 0.8em 0.4em;
    }

    .JQGrid-sisconpes .ui-jqgrid > .ui-jqgrid-pager,
    .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-pager .ui-pager-control,
    .JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-toppager .ui-pager-control,
    .JQGrid-sisconpes .ui-jqgrid .ui-pg-table {
        position: static;
    }

    .JQGrid-sisconpes .ui-pg-table .ui-pg-button[title='Buscar informaci�n'] {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        margin: 0;
        transition: all 0.3s;
    }

        .JQGrid-sisconpes .ui-pg-table .ui-pg-button[title='Buscar informaci�n'].active:hover {
            border: none;
            background-color: var(--mainColor-8);
        }

        .JQGrid-sisconpes .ui-pg-table .ui-pg-button[title='Buscar informaci�n'] .glyphicon {
            height: 2em;
            width: 2em;
        }

    .JQGrid-sisconpes .glyphicon-search:before {
        content: url(icons/boton_consultar-table.svg);
        transition: all 0.3s;
        /* background-image: url(../icons/boton_consultar-table.svg); */
    }

    .JQGrid-sisconpes .ui-pg-button[title='Buscar informaci�n'].active:hover .glyphicon-search:before {
        content: url(../icons/boton_consultar_estadisticas.svg);
    }

    .JQGrid-sisconpes .ui-pg-table [title='Registros por p�gina'],
    .JQGrid-sisconpes .ui-pg-table [title='Registros por p�gina'] + .select2 {
        position: absolute;
        top: 1px;
        left: 0;
        padding: 0;
        margin: 0;
    }

    .JQGrid-sisconpes .ui-jqgrid {
        padding-top: 0;
    }

        .JQGrid-sisconpes .ui-jqgrid .ui-pg-button span.glyphicon {
            color: var(--mainColor-8);
        }

    .JQGrid-sisconpes .glyphicon-forward:before {
        content: url(icons/boton_boton_tabla_siguiente.svg);
        display: block;
        margin-top: -2px;
    }

    .JQGrid-sisconpes .ui-pg-button:hover .glyphicon-forward:before {
        margin-top: -1px;
    }

    .JQGrid-sisconpes .glyphicon-backward:before {
        content: url(icons/boton_boton_tabla_anterior.svg);
        display: block;
        margin-top: -2px;
    }

    .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div.ui-state-hover,
    .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div,
    .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div,
    .JQGrid-sisconpes .ui-jqgrid .ui-pg-button.ui-state-hover,
    .JQGrid-sisconpes .ui-jqgrid .ui-pg-button,
    .JQGrid-sisconpes .ui-jqgrid .ui-pg-button {
        transition: all 0.3s;
    }

        .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div.ui-state-hover,
        .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div:focus,
        .JQGrid-sisconpes .jqgrow .ui-jqgrid-actions .ui-pg-div:hover,
        .JQGrid-sisconpes .ui-jqgrid .ui-pg-button.ui-state-hover,
        .JQGrid-sisconpes .ui-jqgrid .ui-pg-button:focus,
        .JQGrid-sisconpes .ui-jqgrid .ui-pg-button:hover {
            border-color: transparent;
            background-color: #0003;
        }

    .JQGrid-sisconpes .panel-footer {
        background-color: #fff;
    }

    .JQGrid-sisconpes .ui-jqgrid .jqgfirstrow td {
        padding: 0 !important;
    }

    .JQGrid-sisconpes .ui-pg-table [title='Registros por p�gina'] + .select2 .select2-selection {
        width: 8em;
    }

    .JQGrid-sisconpes .select2 {
        color: var(--mainColor-8);
        /* width: 5em !important; */
    }

        .JQGrid-sisconpes .select2 .select2-selection {
            border: none;
        }

        .JQGrid-sisconpes .select2 .select2-selection__rendered {
            color: var(--mainColor-8);
            /*border-bottom: solid 1px;*/
            font-family: 'Montserrat','Raleway';
            font-weight: 500;
        }

        .JQGrid-sisconpes .select2 .select2-selection__arrow b {
            border-color: var(--mainColor-8) transparent transparent transparent;
            border-width: 1em 0.6em 0 0.6em;
        }

/* jqgrid modal */

.ui-jqgrid-bootstrap.modal {
    width: calc(100vw - 9.5em) !important;
}

.ui-jqgrid-bootstrap .modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar,
.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-caption {
    background-color: #fff;
    border: none;
    height: auto;
    text-align: center;
    padding: 1em;
    text-transform: uppercase;
}

    .ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar .ui-jqdialog-title,
    .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-errorbar .ui-jqgrid-error,
    .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-titlebar .ui-jqgrid-title {
        color: var(--mainColor-8);
        font-size: 24px;
        margin: 0;
        font-family: 'Montserrat','Futura PT';
        font-weight: 900;
        border-bottom: solid 2px;
        border-color: var(--mainColor-5);
        padding: 0 0.2em 8px;
    }

.ui-jqdialog .ui-jqdialog-titlebar-ltr .ui-jqdialog-titlebar-close {
    padding: 0;
    margin: 0;
    --anchoBtn: 39px;
    height: var(--anchoBtn);
    width: var(--anchoBtn);
    top: 2px;
}

    .ui-jqdialog .ui-jqdialog-titlebar-ltr .ui-jqdialog-titlebar-close:hover {
        background: transparent;
        border: none;
    }

.ui-jqgrid-bootstrap .glyphicon-remove-circle,
.ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar > .ui-jqdialog-titlebar-close > span.glyphicon {
    padding: 0;
    margin: 0;
    height: var(--anchoBtn);
    width: var(--anchoBtn);
}

    .ui-jqgrid-bootstrap .glyphicon-remove-circle:before {
        content: url(../icons/boton_cerrar_popup.svg);
    }

.ui-jqgrid-bootstrap .searchFilter > .form-inline {
    width: 40em;
    margin: auto;
}

.ui-jqdialog .fm-button,
.ui-jqdialog .fm-button:hover,
.ui-jqdialog .fm-button:active {
    background: var(--mainColor-8);
    color: #fff;
    border: none;
    outline: none;
}

.select2-container--open .select2-dropdown--below {
    min-width: 16em;
}

.font-10 .table-sisconpes td {
    font-size: 10px;
}

.font-12 .table-sisconpes td {
    font-size: 16px;
}

.font-14 .table-sisconpes td {
    font-size: 16px;
}

.font-16 .table-sisconpes td {
    font-size: 16px;
}

.vertical-align-baseline {
    vertical-align: baseline;
}

.select-file-options {
    margin: 0.5em auto;
}

.select-file-options--item {
    border: solid 1px var(--mainColor-8);
    width: 50%;
    padding: 0.4em;
    font-weight: 500;
}

.select-file-options--img {
    width: 1.5em;
    height: 1.5em;
}

.table-sisconpes .radio input + span {
    --position-check-X: -1px;
    --position-check-Y: 8px;
}

.table-sisconpes .radio.radioOnly input + span {
    --position-check-X: -10px;
}

.table-sisconpes .radio input + span:before {
    top: var(--position-check-X);
    left: var(--position-check-Y);
}

.table-sisconpes .radio input + span:after {
    top: calc(var(--position-check-X) + 3px);
    left: calc(var(--position-check-Y) + 3px);
}

.table-sisconpes .radio + .radio,
.table-sisconpes .checkbox + .checkbox {
    margin-top: auto;
}

.w-190,
.btn-icon.w-190 {
    width: 190px;
}

.radio.mainColor-4 input + span {
    --mainColor-8: var(--mainColor-4);
}

.btn-outline-primary {
    background-color: #fff;
    padding: 0.3em;
    transition: all 0.3s;
}

    .btn-outline-primary > svg {
        height: 2em;
    }

    .btn-outline-primary .a {
        fill: var(--mainColor-8);
        transition: all 0.3s;
    }

    .btn-outline-primary:hover,
    .btn-outline-primary:focus,
    .btn-outline-primary:active {
        background-color: var(--mainColor-8);
    }

        .btn-outline-primary:hover .a,
        .btn-outline-primary:focus .a,
        .btn-outline-primary:active .a {
            fill: #fff;
        }

    .btn-outline-primary.btn-outline-orange {
        --mainColor-8: #ff8243;
    }

    .btn-outline-primary.mensaje {
        padding: 0.1em;
    }

        .btn-outline-primary.mensaje > svg {
            height: 1.8;
        }

.table-sisconpes .form-control {
    font-size: 1em;
}

.form-control.textarea-40em {
    width: 38em;
    min-width: 38em;
    /* max-width: 38em; */
    width: 100% !important;
    height: 6.5em;
    min-height: 6.5em;
    max-height: 6.5em;
}

.mensaje-container {
    width: 32.78px;
}

.panel-group-subpanel .panel-default > .panel-heading {
    background-color: var(--mainColor);
}

.panel-group-subpanel .panel-title,
.panel-group-subpanel .panel-title > a:hover {
    color: #fff;
}

.table-sisconpes th .required-icon,
.table-sisconpes .th .required-icon {
    margin: -0.1em 0 0 0.1em;
}

.btn-participantes {
    background-color: transparent;
    border: solid 2px #ff8243;
    border-radius: 0.5em;
    width: 3em;
    height: 2.5em;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.2em;
    transition: all 0.3s;
}

    .btn-participantes svg {
        width: 100%;
    }

        .btn-participantes svg .a {
            fill: #ff8243;
            transition: all 0.3s;
        }

    .btn-participantes:hover {
        background-color: #ff8243;
    }

        .btn-participantes:hover svg .a {
            fill: #fff;
        }

/* .btn-participantes img {
  height: 3em;
} */

/* .btn-participantes .a {
  fill: #ff8243;
} */

.div-busqueda {
    background-color: var(--fontColor);
    display: flex;
    align-items: center;
    padding: 5px 8px;
}

.div-busqueda--lupa {
    height: 2em;
    margin-right: 0.5em;
}

.div-busqueda--form-control {
    background-color: #eeeeee;
    height: 21em;
}

@media screen and (min-width: 760px) {
    .grid-busqueda-participantes {
        display: grid;
        grid-template-columns: 1fr 68px 1fr;
    }
}

.grid-busqueda-participantes optgroup {
    border-bottom: 1px solid #fff;
    color: #1e1e1e;
    padding: 0.5em 0.8em 0.8em 1.5em;
    white-space: nowrap;
    position: relative;
}

.grid-busqueda-participantes option {
    color: #464646;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .grid-busqueda-participantes option::before {
        content: none;
    }

.grid-busqueda-participantes optgroup option::before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: 0px;
    border-radius: 50%;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    border: 1px solid var(--mainColor-8);
    background: #fff;
}

.grid-busqueda-participantes optgroup option::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: var(--mainColor-8);
    position: absolute;
    border-radius: 50%;
    top: 16px;
    left: 3px;
    opacity: 0;
    transform: scale(0, 0);
    transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

.grid-busqueda-participantes optgroup option:checked::after {
    opacity: 1;
    transform: scale(1, 1);
}

.grid-busqueda-participantes optgroup option:checked {
    background-color: transparent;
}

.textoPagerSelect {
    top: 1em;
    left: 0em;
    padding: 0;
    margin: 0;
    width: auto;
    position: absolute;
}

.modal.ui-jqgrid-bootstrap.ui-jqdialog {
    top: 8em !important;
    left: 4em !important;
}

.btnSearch {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    transition: all 0.3s;
}

@media screen and (max-width: 440px) {
    .bucador-container:not(.no-column) {
        flex-direction: column;
    }
}
.sisconpes-tabs li {
}

    .sisconpes-tabs li a {
        background-color: #F6F8F9;
        border: 2px solid #E6EFFD !important;
        color: #004884!important;
        margin-right: 4px;
    }


    .sisconpes-tabs li:not(:first-child) a {
        /*border-left: none!important*/
    }

    .sisconpes-tabs li a:hover {
        background-color: #004884;
        color: #FFFF!important;
        border: 2px solid #004884;
    }

    .sisconpes-tabs li a:focus {
        outline: 2px solid #000;
        outline-offset: 1px;
    }



    .sisconpes-tabs li.active a,
    .sisconpes-tabs li.active a:focus {
        color: #004884!important;
        font-weight: bold;
        border: 2px solid #E8EFFC;
        border-bottom: 2px solid #004884 !important;
    }





.info-tag-sisconpes {
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 12px;
    background-color: var(--mainColor-6);
    border-radius: 10px;
}