:root {
    --Auxiliar2: #cfcfcf; /* Checkbox default*/
    --Dominant1: #D40E1E; /*Dominante estilos*/
    --Dominant2: #D40E1E; /*Dominante titulos*/
    --Dominant3: white; /*Background*/
    --Dominant4: #171717; /*Dominante parrafos*/
    --Auxiliar1: #171717; /*Auxiliar return*/
}

/* ::-webkit-scrollbar {display: none;} */
.custom-logo {
    max-width: 210px !important; /*Ajustar tamaño de logo*/
}

.custom-logo-consulta {
    max-width: 350px !important; /*Ajustar tamaño de logo DETALLLE CASO CONSULTADO*/
}

body {
    margin: 0;
    background-color: var(--Dominant3);
}

img {
    max-width: 100%
}

.modal-backdrop.show {
    opacity: 0.9 !important;
}

.row {
    margin: 0 !important;
}

#tablax_wrapper {
    display: grid;
}

#tablax_length {
    color: white;
    width: 50%;
    grid-column: 1;
    grid-row: 1;
    display: grid;
    justify-content: start;
}

#tablax_filter {
    width: 100%;
    color: white;
    grid-column: 2/4;
    grid-row: 1;
    display: grid;
    justify-content: end;
}

.dataTables_scroll {
    width: 100%;
    grid-column: 1/3;
    grid-row: 2;
}

.table.table-striped.table-bordered.dataTable.no-footer {
    background: white;
    width: 1090px;
    margin: 0;
    grid-column: 1/3;
    grid-row: 2;
}

.table.table-striped.table-bordered.dataTable.no-footer thead {
    color: black;
}

.dataTables_scrollBody {
    margin-bottom: 25px;
    background: white;
}

.sectionListaConsultarResults {
    color: grey;
}

#tablax_info {
    grid-column: 1;
    grid-row: 3;
    color: white;
}

#tablax_paginate {
    grid-column: 2;
    grid-row: 3;
    color: black;
    text-align: right;
}

#tablax_previous,
#tablax_paginate span,
#tablax_next {
    color: black;
    background: white;
    padding: 10px;
    border: 1px solid grey;
}


.dropzone {
    min-height: initial !important;
    border: initial !important;
    background: initial !important;
    padding: initial !important;
}

.heqc_adjuntos_box {
    /* background-color:white;
    border: 3px dotted grey; */
}

.dz-progress {
    /* progress bar covers file name */
    display: none !important;
}

#modalMessage .modal-header {
    background-color: var(--Dominant1);
    color: white;
    font-size: 19px;
    font-weight: bold;
}

#modalRestartConfirm .modal-header {
    background-color: var(--Dominant1);
    color: white;
    font-size: 19px;
    font-weight: bold;
}

.custom-control-label::before {
    border: 1px solid var(--Dominant1);
    background-color: #fafafa !important;
    top: .22rem !important;
    width: 1.3rem !important;
    height: 1.3rem !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #3bac53 !important;
}

.custom-control-label::after {
    width: 1.3rem !important;
    height: 1.3rem !important;
}

.custom-control-label:nth-of-type(2).clase1::after {
    background-color: var(--Dominant1);
    border-radius: 2px;
}

.pqrs_logo {
    position: absolute;
    right: 28%;
    top: 14%;
    /* background-color: white; */
    padding: 3px 7px;
}

.heqc_pqrs_main.form_soporte_background {
    background-image: url(../img/background_form.png);
    max-width: 1650px;
    margin: auto;
}

.heqc_pqrs_main {
    /* background-image: url(../img/tacmd_background_soporte.jpg); */
    box-shadow: -65em 6em 28em var(--Dominant3) inset;
    min-height: 100vh;
    padding: 25vh 0 0;
    background-size: cover;
    background-position: -250px;
    background-color: var(--Dominant3);
    background-repeat: no-repeat;
}

.heqc_pqrs_main .help-block {
    color: #dc0909;
    font-size: 13px;
    font-style: italic;
    text-align: center;
    width: 100%;
}

.heqc_pqrs_main .heqc_error_left .help-block {
    text-align: left;
}

.heqc_pqrs_main .help_blockFile {
    color: #929292;
    font-size: 13px;
    font-style: italic;
}

.heqc_pqrs_main .heqc_pqrs_boxBot {
    font-size: 19px;
    color: #ffffff;
}

.heqc_pqrs_main select {
    color: #8b8b8b;
    padding: 5px 10px;
    width: 100%;
    border-radius: 8px;
    padding: 10px 7px;
    border: 1px solid #bcbcbc;
    margin-top: 13px;
    outline: none !important;
}

.heqc_pqrs_main input {
    color: #8b8b8b;
    padding: 9px 10px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #bcbcbc;
    margin-top: 13px;
    height: 2.5em;
}

.heqc_pqrs_main textarea {
    padding: 5px 10px;
    width: 100%;
    color: #8b8b8b;
    border-radius: 8px;
    border: 1px solid #bcbcbc;
    margin-top: 13px
}

/* .heqc_pqrs_main input:read-only{
    background-color: #bfbfbf;
    color: #757575;
} */
.heqc_pqrs_main .heqc_pqrs_detalleCaso input:read-only,
.heqc_pqrs_main .heqc_pqrs_detalleCaso textarea:read-only {
    background-color: #ffffff;
    color: #232323;
}

.heqc_pqrs_main input::placeholder,
.heqc_pqrs_main textarea::placeholder {
    color: #BEBEBE;
}

.heqc_pqrs_main p {
    font-size: 25px;
    color: var(--Dominant1);
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}

.heqc_pqrs_main p.heqc_text_left {
    text-align: left;
}

.heqc_pqrs_main .heqc_marginSection {
    margin: 11px 0 15px 0
}

/*Styles Texts*/
#titleHome {
    font-family: inherit;
    color: var(--Dominant2);
    margin-bottom: 20px;
    font-size: 20px;
    text-align: left;
    font-weight: 700;
}

#iconExclamation {
    width: 1em;
    position: relative;
    float: left;
    top: 0.3em;
    margin-right: 0.5em;
}

#clearSpace {
    padding-left: 0px;
}

#yelText {
    color: var(--Dominant1);
    font-size: 0.9em;
    font-weight: 200;
    text-align: left;
    letter-spacing: 0em;

}

#yelText a {
    text-decoration: revert;
    color: var(--Dominant1);
}

#checkText {
    color: var(--Dominant4);
    margin-bottom: 10px;
    font-weight: 500;
    text-align: left;
    font-size: 0.9em;
}

#titleInitialInfo {
    font-family: inherit;
    color: var(--Dominant1);
    margin-bottom: 20px;
    font-size: 20px;
    text-align: left;
    font-weight: 700;
}

/*Fin Textos*/
.heqc_pqrs_home {
    padding-bottom: 10px;
}

.heqc_pqrs_col6_paddingBasic {
    padding-right: 6% !important;
}

.heqc_pqrs_banner_labels h1 {
    font-size: 35px;
    font-family: sans-serif;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.heqc_container_basic {
    /* background-color: #ebe9e9; */
    border-radius: 20px;
    padding-top: 25px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 20px;
    text-align: left;
}

.heqc_container_basic h2 {
    color: var(--Dominant1);
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    margin-bottom: 40px;
}

.heqc_container_basic h3 {
    color: var(--Dominant1);
    font-weight: 700;
    font-size: 28px;
}

.heqc_container_basic .heqc_labelSpan {
    font-style: italic;
    font-weight: 500;
    color: #ffffff;
}

.heqc_container_basic .heqc_pqrs_btnFile {
    background-color: var(--Dominant1);
    color: white;
    border-radius: 0 10px 10px 0;
    width: 100%;
}

.heqc_container_basic .heqc_custom1_labelAdjunto::placeholder {
    color: var(--Dominant1);
    font-weight: bold;
    font-size: 15px;
}

.heqc_pqrs_banner_labels button {
    font-size: 12px;
    padding: 8px 30px;
    border-radius: 4px;
    font-family: sans-serif;
    min-width: 44%;
    background-color: var(--Dominant1);
    color: var(--Dominant3);
    cursor: pointer;
    border: none;
    font-weight: 600;
    margin: 0 10px;
}

.heqc_pqrs_finish.modalRestartConfirm {
    font-size: 18px;
    padding: 9px 30px;
    border-radius: 5px;
    font-family: sans-serif;
    min-width: 300px;
    background-color: var(--Dominant1);
    color: white;
    cursor: pointer !important;
    border: none;
    font-weight: 600;
}

.heqc_pqrs_changeSection {
    margin-bottom: 15px;
}

.heqc_pqrs_finish_btn2 {
    min-width: auto !important;
    font-size: 14px !important;
    background-color: #ffd300 !important;
    padding: 4px 6px !important;
    margin: auto !important;
    border-radius: 5px !important;
    color: #ffffff !important;
}

.heqc_pqrs_radicar_tipo,
.heqc_pqrs_consultarCaso {
    background-color: #EEEEEE;
    max-width: 1088px;
    margin: auto;
    padding: 45px 40px;
    border-radius: 10px;
}

.heqc_pqrs_radicar_tipo button,
.heqc_pqrs_consultarCaso button {
    font-size: 20px;
    padding: 7px 30px;
    border-radius: 10px;
    font-family: sans-serif;
    min-width: 99.5%;
    background-color: #3BAC53;
    color: white;
    margin-top: 25px;
    cursor: pointer;
    border: none;
}

.heqc_pqrs_radicar_datos,
.heqc_pqrs_detalleCaso,
.heqc_pqrs_listaConsultarCaso {
    background-color: #000000c4;
    padding: 65px 45px 40px;
    max-width: 1200px;
    margin: auto;
    border-radius: 10px;
}

.heqc_pqrs_radicar_datos button,
.heqc_pqrs_detalleCaso button,
.heqc_pqrs_listaConsultarCaso button {
    font-size: 17px;
    margin-bottom: 8px;
    padding: 8px 30px;
    border-radius: 10px;
    font-family: sans-serif;
    min-width: 350px;
    background-color: var(--Dominant1);
    color: white;
    margin-left: auto;
    cursor: pointer;
    border: none;
}

.heqc_pqrs_detalleCaso .heqc_pqrs_contRepuesta {
    border-radius: 10px;
    background-color: white;
    height: 100px;
    min-height: 100px;
    overflow-x: auto;
    display: none;
    padding: 6px 10px;
    margin-bottom: 13px;
    resize: both;
    overflow: auto;
}

.heqc_pqrs_detalleCaso .heqc_pqrs_contRepuesta p,
.heqc_pqrs_detalleCaso .heqc_pqrs_contRepuesta span {
    font-size: 18px;
    line-height: 1.2;
    color: #232323;
    margin: 0;
    text-align: left;
}

.heqc_pqrs_detalleCaso .heqc_pqrs_contRepuesta p {
    font-weight: 400;
}

.heqc_pqrs_detalleCaso .heqc_pqrs_contRepuesta span {
    font-weight: 400;
}

.sectionListaConsultarResults p {
    color: #ffffff;
    font-size: 20px;
    margin: 0;
}

.sectionListaConsultarResults span {
    color: var(--Dominant1);
    text-decoration: underline;
    cursor: pointer;
}

.heqc_pqrs_main p.heqc_pqrs_politicas {
    color: #BEBEBE;
    font-size: 15px;
    text-align: left;
    font-weight: 400;
}

.heqc_pqrs_radicar_radicado {
    background-color: #EEEEEE;
    max-width: 800px;
    margin: auto;
    padding: 45px 3%;
    border-radius: 10px;
}

.heqc_pqrs_radicar_radicado button {
    font-size: 17px;
    padding: 8px 30px;
    border-radius: 5px;
    font-family: sans-serif;
    min-width: 100%;
    background-color: var(--Dominant1);
    color: white;
    margin-top: 40px;
    cursor: pointer;
}

.heqc_pqrs_radicar_radicado p.heqc_pqrs_p1 {
    color: #707070;
    margin: 0;
    font-weight: 900;
    font-size: 32px;
    line-height: 1;
}

.heqc_pqrs_radicar_radicado p.heqc_pqrs_p2 {
    color: #707070;
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
}

#heqc_pqrs_radicado_fechaEstimada {
    white-space: nowrap;
}

/* @media screen and ( max-width: 1550px ) {
    .heqc_pqrs_main{
        background-position: -100%;
    }
}
@media screen and ( max-width: 1350px ) {
    .heqc_pqrs_main{
        background-position: -300px;
    }
} */
@media screen and (max-width: 2300px) {
    .pqrs_logo {
        right: 24%;
    }
}

@media screen and (max-width: 2000px) {
    .pqrs_logo {
        right: 21%;
    }
}

@media screen and (max-width: 1800px) {
    .pqrs_logo {
        right: 18%;
    }
}

@media screen and (max-width: 1600px) {
    .pqrs_logo {
        right: 13%;
    }
}

@media screen and (max-width: 1400px) {
    .pqrs_logo {
        right: 9%;
    }
}

@media screen and (max-width: 1200px) {
    .pqrs_logo {
        right: 5%;
    }

    .heqc_pqrs_main {
        box-shadow: -78em 6em 28em var(--Dominant3) inset;
    }
}

@media screen and (max-width: 991px) {
    .pqrs_logo {
        position: inherit;
    }

    .custom-logo-consulta {
        background-color: #3b3b3b;
        padding: 10px;
    }
}

@media screen and (max-width: 767px) {
    .heqc_pqrs_fechas {
        margin-bottom: 10px;
    }

    .heqc_pqrs_fechas p {
        text-align: left !important;
    }
}

@media screen and (max-width: 600px) {
    .heqc_pqrs_banner_labels {
        padding-left: 15px;
    }

    .heqc_pqrs_banner_labels button {
        min-width: 100%;
        font-weight: 700 !important;
    }

    .heqc_pqrs_radicar_tipo,
    .heqc_pqrs_consultarCaso,
    .heqc_pqrs_radicar_datos,
    .heqc_pqrs_detalleCaso,
    .heqc_pqrs_listaConsultarCaso {
        padding: 45px 10px;
    }

    .heqc_pqrs_main {
        padding: 45px 10px;
    }

    .heqc_pqrs_main h5,
    .heqc_pqrs_main p,
    .heqc_pqrs_main h2,
    .heqc_pqrs_main h3 {
        text-align: center !important;
    }

    .heqc_pqrs_banner_labels button {
        margin: 10px 0 !important;
    }

    .heqc_pqrs_main form #normal1 {
        display: flex;
        flex-direction: column !important;
    }

    .col-6.heqc_container_basic {
        margin: 0 !important;
    }

    .heqc_pqrs_radicar_radicado {
        margin: 0 15px;
    }

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

    .heqc_pqrs_main#sectionConsultar {
        display: flex;
        align-items: center;
    }

    .heqc_pqrs_fechas p {
        margin: 10px !important;
        font-size: 15px !important;
    }
}

/* Estilos del Loader al enviar el formulario */
.enviando {
    border: 5px solid #474747;
    border-radius: 50%;
    border-top: 5px solid var(--Dominant1);
    width: 45px !important;
    height: 45px;
    -webkit-animation: spin 2s linear infinite;
    /* <- Safari */
    animation: spin 2s linear infinite;
}

/* Safari -> */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#contentFlexB {
    overflow: hidden;
    /* overflow-y: scroll; */
    max-width: 950px;
    padding-bottom: 3em;
}

#contentFlexB::-webkit-scrollbar {
    /* -webkit-appearance: none; */
    /* width: 1em; */
}

#customers {
    display: none;
}

#accounts {
    display: none;
}


#formPagUno {
    display: block;
}

#initialInfo {
    height: -webkit-fill-available;
    opacity: 100%;
    width: 100%;
}

#textInforSol {
    min-height: 4em;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-top: 0.7em;
}

#iconDisplayArrow {
    display: flex;
    align-items: center;
    padding-top: 0.5em;
}

#arrowLeft {
    margin-top: 1em;
    width: 1.5em;
    color: var(--Auxiliar1)
}

#initialInfo div {
    padding: 0;
}

#accountInfo {
    height: -webkit-fill-available;
    opacity: 100%;
    width: 100%;
}


.iconClicArrow {
    position: absolute;
    display: flex;
    margin-top: 0;
    right: 0;
}

#btnNext .nextBtn {
    width: 21em;
    margin-top: 100px;
    background-color: var(--Dominant1);
    margin-left: 0;
    margin-right: 0;
    right: 0;
    float: right;
}


#formPagDos {
    display: none;
}

#formPagDos input::placeholder {
    color: #9f9f9f;
    font-size: 0.8em;
    font-weight: 700;
}

#formPagDos select {
    color: #9f9f9f;
    font-size: 0.8em;
    font-weight: 700;
}

#formPagTres {
    margin-bottom: 4em;
}

#formPagTres input::placeholder {
    color: #9f9f9f;
    font-size: 0.8em;
    font-weight: 700;
}

#formPagTres select {
    color: #9f9f9f;
    font-size: 0.8em;
    font-weight: 700;
}

#formPagCuatro input::placeholder {
    color: #9f9f9f;
    font-size: 0.8em;
    font-weight: 700;
}

#formPagCuatro textarea::placeholder {
    color: #9f9f9f;
    font-size: 0.8em;
    font-weight: 700;
}

#formPagCuatro select {
    color: #9f9f9f;
    font-size: 0.8em;
    font-weight: 700;
}

#iconClicArrowOrigin {
    display: none;
    cursor: pointer;
}

#dropF {
    background: white;
    display: flex;
    border-radius: 0.5em;
    flex: 0 0 auto;
    min-height: 6em;
    width: 40em;
}

#yLine {
    border: 2.7px dashed var(--Dominant1);
    position: relative;
    margin-top: 1em;
    display: flex;
    width: 95%;
    left: 1em;
    margin-bottom: 1em;
    border-radius: 0.5em;
}

#iconCloudUp {
    width: auto;
    height: 7.5em;
    position: absolute;
    top: 1em;
    left: 0em;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    width: 24em;
    margin-left: 1.5em;
    margin-top: 0.5em;
    font-size: 0.7em;
    font-weight: 700;
    color: var(--Dominant1);
    margin-bottom: 0;
}

#caracterText {
    font-size: 13px;
    color: black;
    margin-left: 2.5em;
    width: 40em;
    font-weight: 400;
    margin-top: 0.5em;
}

#limitSize {
    color: var(--Dominant1);
    font-size: 1em;
    margin-left: 0.5em;
}

.custom-control-label .heqc_text_left .heqc_pqrs_politicas input:checked {
    background-color: #002B4E;
}

/*Estilos campos error*/
.error {
    color: red;
    font-size: 1rem;
    display: block;
    margin-top: 5px;
}

input.error,
textarea.error {
    border: 1.5px solid red;
    font-weight: 300;
    color: red;
}

select.error {
    border: 1.5px solid red;
    font-weight: 300;
    color: red;
}

.error_form_incomplete {
    display: none;
}

.input-wrapper {
    position: relative;
    width: 271px;
}

.input-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 1em;
    top: 35%;
    transform: translateY(-50%);
}

#iconExclPag2 {
    display: none;
}

#customerSupportReg .nextBtnSend {
    width: 21em;
    margin-top: 12em;
    background-color: var(--Dominant1);
    margin-left: 0;
    margin-right: 0;
    right: 0;
    float: right;
}

.custom-control-label::before {
    border-radius: 3px;
}

#textChck {
    color: var(--Dominant4);
    font-size: 13px;
    padding-left: 1.5em;
    padding-top: 0.8em;
    font-weight: normal;
}

#textChck>a{
    color: var(--Dominant2);
    cursor:pointer
}

#customerSupportReg {
    margin-top: 2em;
    width: 21em;
}

#customCheck {
    display: none;
}

#customCheck2 {
    display: none;
}

/*Check Cuentas*/
#accountCheck {
    display: none;
}

#accountCheck2 {
    display: none;
}



input[type="checkbox"]+label:before {
    cursor: pointer;
    content: "";
    width: 26px;
    height: 26px;
    float: left;
    margin: 0.5em 0.5em 0 0;
    border: 2px solid var(--Dominant1);
    background: var(--Auxiliar2);
    border-radius: 3px;
}

input[type="checkbox"]:checked+label:before {
    background: var(--Dominant1);
    border-radius: 5px;
    cursor: pointer;
}


input [type="checkbox"] {
    display: none;
}

input:disabled {
    font-weight: 500;
}

.sendCorrect {
    background: var(--Dominant1);
    color: var(--Dominant3);
    font-weight: 700;
}

.marginIntoLeftTop {
    padding-left: 0;
    padding-top: 4em;
}

.marginIntoTop {
    padding-top: 1em;
}

.marginIntoLeft {
    padding-left: 0;
}


#accountName input::placeholder {
    color: #e60606;
}

#radicadoRes {
    display: none;
}

#confirmRad {
    text-align: left;
    font-weight: 700;
    font-size: 20px;
}

#textConfirm {
    color: var(--Dominant4);
    font-weight: 400;
    text-align: left;
    font-size: 1em;
}

#numRadicado {
    color: var(--Dominant2)
}

#textConfirm a {
    color: var(--Dominant1);
}

#pqrs_radicado_fechaEstimada {
    color: var(--Dominant1);
}

/**Estilos sección Consultar*/
#sectionConsultar {
    display: none;
}

#sectionConsultar input::placeholder {
    color: #9f9f9f;
    font-size: 0.8em;
    font-weight: 700;
}

#sectionConsultar select {
    color: #9f9f9f;
    font-size: 0.8em;
    font-weight: 700;
}

#btnSearchCase {
    width: 32em;
    margin-top: 60px;
    background-color: var(--Dominant1);
    margin-left: 0;
    margin-right: 0;
    right: 0;
    float: right;
}


#returnHome {
    font-size: 0.9em;
    padding: 8px 30px;
    border-radius: 4px;
    font-family: sans-serif;
    min-width: 44%;
    background-color: var(--Dominant1);
    color: var(--Dominant3);
    cursor: pointer;
    border: none;
    font-weight: 600;
    margin: 0 10px;
}

#customerPQRSReg {
    font-size: 0.8em;
    padding: 8px 30px;
    border-radius: 4px;
    font-family: sans-serif;
    min-width: 44%;
    background-color: var(--Dominant1);
    color: var(--Dominant3);
    cursor: pointer;
    border: none;
    font-weight: 600;
    margin: 0 10px;
}


#customerSupportReg {
    font-size: 0.8em;
    padding: 8px 30px;
    border-radius: 4px;
    font-family: sans-serif;
    min-width: 44%;
    background-color: var(--Dominant1);
    color: var(--Dominant3);
    cursor: pointer;
    border: none;
    font-weight: 600;
    margin: 0 10px;
}


#btnTablaAnterior {
    font-size: 0.8em;
    padding: 8px 30px;
    border-radius: 4px;
    font-family: sans-serif;
    min-width: 44%;
    background-color: var(--Dominant1);
    color: var(--Dominant3);
    cursor: pointer;
    border: none;
    font-weight: 600;
    margin: 0 10px;
}

#otherSearch {
    font-size: 0.8em;
    padding: 8px 30px;
    border-radius: 4px;
    font-family: sans-serif;
    min-width: 44%;
    background-color: var(--Dominant1);
    color: var(--Dominant3);
    cursor: pointer;
    border: none;
    font-weight: 600;
    margin: 0 10px;
}

#hid {
    /* background: aqua; */
    z-index: 12;
    width: 50em;
    height: 5em;
    position: absolute;
}

#heqc_pqrs_detalle_openModalAdjuntos {
    width: 50%;
    margin-bottom: auto;
    min-width: auto;
    border-radius: 0 10px 10px 0;
    margin-top: 12.6px;
    height: 40.2px;
    color: var(--Dominant3);
    font-family: sans-serif;
    font-weight: 600;
    font-size: 0.9em;
}

#blockErrorCase {
    margin-top: 12%;
}

#tittleModalMessaga {
    color: var(--Dominant3);
    font-size: 1em;
    font-weight: 600;
    font-family: sans-serif;
}

#closeX {
    color: darkred;
}