@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.TExpAbstract_Interfaz{
    font-size:14px !important;
    color:var(--TExpAbstract_Interfaz_Color_AzulOscuro);
}

.TExpAbstract_Interfaz .nav-link{
    background-color: #EBEBEB;
    padding: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    /* width: 100%; */
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;
    text-transform: none;
    color:#B3ABAB;
    padding-top: 10px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom: 10px;
    font-size:14px;
    line-height: 24px;
    display: list-item;
}


.TExpAbstract_Interfaz .nav-link>img{
    height: 25px;
    margin-right:5px;
    fill: black !important;
}
.TExpAbstract_Interfaz .nav-link:hover{
    background-color:var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    color: white;
}
.TExpAbstract_Interfaz .nav-small .nav-link{
    padding-top:0px;
    padding-bottom:0px;
}

.TExpAbstract_Interfaz .col-tabs-sm .nav .nav-link{
    padding-top: 5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom: 5px;
    font-size:14px;
    /*width: 100% !important;*/
    /* max-width: 100px; */
    margin-bottom:3px;
    background-color: #DEDEDE;
    margin-left:3px;
    margin-right:3px;
}
.TExpAbstract_Interfaz .nav-border{
    border-bottom: 1px solid var(--TExpAbstract_Interfaz_Color_AzulOscuro);
}
.TExpAbstract_Interfaz .nav-border > .nav-link{
    margin-bottom:0px !important;
}

.TExpAbstract_Interfaz .nav-link.active{
    background-color:var(--TExpAbstract_Interfaz_Color_AzulOscuro) !important;
    color: white;
}

.TExpAbstract_Interfaz .nav-link > svg{
    max-width:40px !important;
    float:left;
    margin-right:10px;
    fill: #B3ABAB !important;
}

.TExpAbstract_Interfaz .nav-link.active > svg{
    fill: white !important;
}
.TExpAbstract_Interfaz .nav-link:hover > svg{
    fill: white !important;
}

.TExpAbstract_Interfaz .nav-idiomas .nav-link{
    font-size:10px !important;
    padding-left:5px;
    padding-right:5px;
    padding-top: 1px;
    margin-left:2px;
    margin-right:2px;
    padding-bottom: 1px;
    background-color: #DEDEDE;
}

.TExpAbstract_Interfaz .nav-tabs-in{
    margin-bottom:0px;
    border-bottom: 2px solid #dedede;
}
.TExpAbstract_Interfaz .nav-tabs-in .nav-link{
    background-color: #DEDEDE;
}


.TExpAbstract_Interfaz .nav-idiomas .nav-link>img{
    height:10px !important;
}
.TExpAbstract_Interfaz .col-container{
    background-color: #EBEBEB;
    margin-top:3px;
    border-radius:15px;
    padding: 20px 25px 20px 25px;
}

.TExpAbstract_Interfaz .col-contenido{
    background-color: #DEDEDE;
    border-bottom-left-radius: 15px;
    /* margin: 20px; */
    border-bottom-right-radius: 15px;
    padding: 20px;
}

.TExpAbstract_Interfaz .col-contenido.col-sin-cabecera{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.TExpAbstract_Interfaz .col-vacia{
    border-radius: 15px;
    padding-top: 10px;
    font-size:12px;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 5px;
    border: 1px solid #BABABA;
    font-size: 14px;
    margin-top: 20px;
    background-color: white;
    color: #797979;
}

.TExpAbstract_Interfaz .col-cabecera{
    background-color:var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    color:white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 10px;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 5px;
}
.TExpAbstract_Interfaz .color-blue-text{
    color:var(--TExpAbstract_Interfaz_Color_AzulOscuro);
}

.TExpAbstract_Interfaz .col-cabecera-gris{
    background-color:#DEDEDE;
    color:var(--TExpAbstract_Interfaz_Color_AzulOscuro);
}
.TExpAbstract_Interfaz .cursor-pointer{
    cursor:pointer;

}
.TExpAbstract_Interfaz .cabecera-btn{
    height:25px;    
    float: right;
    cursor:pointer;
}

.TExpAbstract_Interfaz .input-select{
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    border-color: #acb6ab;
    background-color: white;
    border: 1px solid #AEB6AB;
    border-radius: 5px;
    width: 100%;
    text-align: left;
    padding: 3px;
    height: 34px;
    text-align-last: left;
    margin-bottom: 7px;
    padding-right: 22px;
}

.TExpAbstract_Interfaz .input-select.readonly{
    background-color: rgb(249 237 237);
}

.TExpAbstract_Interfaz .input-calendar{
    background-color:white;
    border: 1px solid #ACB6AB;
    border-radius: 5px !important;
    background-image: none;
    font-size: 14px;
    height: 34px;
    padding-left: 3px;
    margin-bottom:7px;
    width: 100%;
    padding-left:33px;
    /* height: 100% !important; */
    /* position: absolute; */
    bottom: 0px;
}

.TExpAbstract_Interfaz .icon-calendar{position: absolute;bottom: 18px;color: #aeb6ab;left: 25px;pointer-events: none;/* top: 10px; *//* position: inherit; *//* left: 0px; */z-index: 5;}

.TExpAbstract_Interfaz .input-text{
    background-color:
    white;
    border: 1px solid #AFB6AC;
    border-radius: 5px !important;
    background-image: none;
    font-size: 14px;
    height: 34px;
    padding-left: 3px;
    margin-bottom:7px;
    max-width: 100%;
}

.TExpAbstract_Interfaz .input-text-100{
    background-color:white;
    border: 1px solid #AFB6AC;
    border-radius: 5px !important;
    background-image: none;
    font-size: 14px;
    height: 34px;
    padding-left: 3px;
    margin-bottom:7px;
    width: 100%;;
}

.TExpAbstract_Interfaz .select2-results__option{
    font-size:14px !important;
}
.TExpAbstract_Interfaz .select2-search--dropdown{
    padding:0px;
}
.TExpAbstract_Interfaz .select2-search__field{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.TExpAbstract_Interfaz .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding-top:3px;
    height: 34px;
  }

.TExpAbstract_Interfaz .input-text::placeholder{
    font-size:14px;
    color:#B8B9BA;
}

.TExpAbstract_Interfaz .input-text input[type="number"]{
    font-size:11px;
}

.TExpAbstract_Interfaz .input-text:read-only{
    background-color: rgb(249 237 237);
}
.TExpAbstract_Interfaz .input-calendar:read-only{
    background-color: rgb(249 237 237);
}



.TExpAbstract_Interfaz .input-group-text {
    border-radius: 5px;
    background-image: none;
    text-align:center;
    font-size:12px;
    height: 34px;
    padding-left:5px;
    padding-right:5px;
    border-radius: 5px !important;
}

.TExpAbstract_Interfaz .input-titulo{
    background-color:rgba(255, 0, 0, 0);
    border: 0px solid #AEB6AB;
    border-bottom: 1px solid #AEB6AB;
    border-radius: 0px;
    background-image: none;
    text-align:left;
    color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    /* width: 66%; */
    font-size: 16px;
    line-height: 0px;
    height: 30px;
}
.TExpAbstract_Interfaz .input-group-text-titulo{
    background-color:rgba(255, 0, 0, 0);
    border: 0px solid #AEB6AB;
    border-bottom: 1px solid #AEB6AB;
    border-radius: 0px;
    background-image: none;
    text-align:left;
    color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    /* width: 66%; */
    font-size: 16px;
    line-height: 0px;
    height: 30px;
    padding-right: 14px;
    border-radius: 0px !important;
}

.TExpAbstract_Interfaz .label{
    font-size: 12px;
    color: grey;
    margin-bottom:0px;
    margin-top:5px;
    /* text-transform: capitalize; */
}
.TExpAbstract_Interfaz .label::first-letter {
    text-transform: uppercase
}

.TExpAbstract_Interfaz .label2{
    font-size: 15px;
    color: grey;
    margin-bottom:0px;
    /* margin-top:5px; */
    text-transform: capitalize;
    line-height: 32px;
}



.TExpAbstract_Interfaz label.form-check-label {
    color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    font-size: 15px;
    line-height: 23px;
}
.TExpAbstract_Interfaz label.form-check-label-2 {
    color: #B4B4B4;
    font-size: 14px;
    line-height: 23px;
}
.TExpAbstract_Interfaz .form-check-2:checked + label.form-check-label-2 {
    color: black;
    font-size: 14px;
    line-height: 23px;
}



.TExpAbstract_Interfaz .titulo{
    color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    font-size:18px;
    line-height: 32px;
}

.TExpAbstract_Interfaz .subtitulo{
    color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    font-size:16px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 0px;
}

.TExpAbstract_Interfaz .contenido{
    padding:10px;
    background-color: #EBEBEB;
    border-radius:15px;
    margin-top:15px;
    margin-bottom:10px;
    margin-left:0px;
    margin-right:0px;
}

.TExpAbstract_Interfaz p{
    font-size:12px;
    color: grey;
    margin-top:20px;

}

.TExpAbstract_Interfaz .w100{
    width: 100% !important;
}
.TExpAbstract_Interfaz .boton{
    border-radius: 5px;
    padding: 3px;
    /* padding-left: 12px; */
    /* padding-right: 12px; */
    font-size: 15px;
    text-transform: none;
    /* display: block; */
    max-width: 100%;
    width: 100%;
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.TExpAbstract_Interfaz .boton.btn-danger{
    background-color:#FF7958;
    color:white;
}

.TExpAbstract_Interfaz .boton.btn-primary{
    background-color:var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    color:white;
}
.TExpAbstract_Interfaz .boton.btn-grey{
    background-color:#EBEBEB;;
    color:#B3ABAB;;
}



.TExpAbstract_Interfaz .boton.btn-big{
    height:34px;
}


.TExpAbstract_Interfaz .btn svg{
    max-width:15px;
    max-height:15px;
    float: right;
    margin-top:3px;
    margin-right:10px;
}

.TExpAbstract_Interfaz .btn.btn-transparent{
    background-color: none;
}
.TExpAbstract_Interfaz .btn.btn-transparent svg{
    fill:var(--TExpAbstract_Interfaz_Color_AzulOscuro);
}
.TExpAbstract_Interfaz .btn.btn-only-svg svg{
    float:none;
    margin-right:0px;
}
.TExpAbstract_Interfaz .boton.btn-primary svg{
    fill:white;
}

.TExpAbstract_Interfaz .boton.btn-danger svg{
    fill:white;
}
.TExpAbstract_Interfaz .col-elemento{
    padding-right: 30px;
    padding-left:30px;
}
@media (max-width: 600px) {

    .TExpAbstract_Interfaz .col-elemento{
        padding-right: 20px;
        padding-left:20px;
    }

    .TExpAbstract_Interfaz .col-cabecera{
        padding-left:15px;
        padding-right:15px;
    }
    .TExpAbstract_Interfaz .col-contenido{
        padding-left:15px;
        padding-right:15px;
    }
}


.TExpAbstract_Interfaz .selector{
    background-color: #EBEBEB;
    /* border: 1px solid #cac6c6; */
    margin-top: 1px;
    margin-bottom: 5px;
    background-image: none;
    width: 100%;
    padding: 0px !important;
    padding-left:5px !important;
    border-radius: 5px;
    text-align-last: center;
    color: #2c89c1;
    height: 32px;
    /* font-weight: 700; */
    height: 34px !important;
    font-size: 14px;
    line-height: 32px;
}
.TExpAbstract_Interfaz .selector-normal{
    background-color: white;
    border: 1px solid #afb6ac;
    margin-top: 1px;
    margin-bottom: 5px;
    background-image: none;
    width: 100%;
    padding: 0px !important;
    padding-left:5px !important;
    border-radius: 5px;
    text-align-last: center;
    color: #2c89c1;
    height: 32px;
    /* font-weight: 700; */
    height: 34px !important;
    font-size: 14px;
    line-height: 32px;
    border-radius: #acb6ab;
}

.TExpAbstract_Interfaz .selector-btn{
    line-height: 34px;
    font-weight: 500;
    text-align-last: left;
    /* padding-left:20px !important; */
    padding-right:20px !important;
    cursor:pointer;
}

.TExpAbstract_Interfaz .selector-btn >i{
    float: right;
    line-height: 28px;
    font-size: 19px;
}
.TExpAbstract_Interfaz .selector-btn.active {
    background-color: #2284bf !important;
    color: white;
}

.TExpAbstract_Interfaz .row-contenido-grupo{
    background-color: #EBEBEB;
    margin: 0px;
    padding: 10px;
    border-radius: 10px;
    margin-bottom:10px;
}

.TExpAbstract_Interfaz .row-contenido-grupo-activo{
    background-color: #2c89c1;
    color: white !important;
}
.TExpAbstract_Modal .btn-confirm{
    background-color: #20CD30 !important;
    color: white;
    border-radius: 5px;
}
.TExpAbstract_Modal h5.modal-title {
    width: 100%;
}

.TExpAbstract_Modal .iconoError{
    font-size:75px;
    color:red;
}

.TExpAbstract_Modal .iconoOk{
    font-size:75px;
    color:green;
}

.TExpAbstract_Modal .modal-content, .modal-content.TExpAbstract_Modal {
    border-radius: 15px !important;
    /* max-height: 80vh !important; */
}

.TExpAbstract_Modal .modal-header, .modal-header.TExpAbstract_Modal{
    background-color: #2c89c1;
    color: white;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    padding-top: 12px;
    padding-bottom: 10px;
    cursor:move;
}

.TExpAbstract_Modal  .modal-header .close, .modal-header.TExpAbstract_Modal .close {
    color: white;
    -webkit-tap-highlight-color: white;
    text-shadow: none;
}

.TExpAbstract_Modal .modal-body,  .modal-body.TExpAbstract_Modal {
    /* background-color: #EBEBED !important; */
    max-height: 70dvh !important;
    overflow: auto;
    background-color: white!important;
}
@media only screen and (min-width: 780px) {
    .TExpAbstract_Modal .modal-body,  .modal-body.TExpAbstract_Modal {
        max-height: 80dvh !important;
    }
}

.TExpAbstract_Modal .modal-footer,  .modal-footer.TExpAbstract_Modal {
    background-color: #DEDEDE;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;

}
form {
    margin-bottom: 0px;
}

.TExpAbstract_Interfaz select{
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    text-align-last: center;
    border-color: #acb6ab; 
}


.TExpAbstract_Interfaz select[readonly]{
    background-color: rgb(249 237 237);

}
.TExpAbstract_Interfaz .CapitalizeFirst::first-letter, .TExpAbstract_Interfaz_CapitalizeFirst::first-letter {
    text-transform: uppercase!important;
}
.TExpAbstract_Interfaz_Capitalize {
    text-transform: capitalize!important;
}

.TExpAbstract_Interfaz .TExpBtn{
    width: 100%;
    border-radius: 15px;
    text-align: center;
    color: white;
    height:  100%;
    background-color: #2c89c1;
    border: 0;
    cursor: pointer;
    font-size:16px;
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    /* height: 30px; */
    line-height: 12px;
}

.TExpAbstract_Interfaz .TExpBtn.TExpBtnDanger{
    background-color:#FF7958;
}

.TExpAbstract_Interfaz .OneLineText{
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.TExpAbstract_Interfaz_BtnModal{
  line-height: 0px !important;
  margin-bottom: 19px;
  display: inline-block;
}

.TExpAbstract_Interfaz_BtnModal:hover{
    text-decoration: none;
}
.TExpAbstract_Interfaz_BtnModal div{
    display: inline;
}
.TExpAbstract_Interfaz_BtnModal {
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    border: 0px;
    cursor: pointer;
}
.TExpAbstract_Interfaz_BtnModal span .TExpAbstract_ModalFooterIcon_2{
    padding-left: 14px;
    padding-right: 14px;
}
.TExpAbstract_Interfaz_BtnModal svg{
    /* max-height: 36px; */
    max-width: 43px;
    margin: 3px;
    top: 0px;
    position: relative;
    transition: top 0.3s;
}
.TExpAbstract_Interfaz_BtnModal .TExpAbstract_ModalFooterIcon{
    /* padding: 10px; */
    font-size: 17px;
    line-height: 39px;
    background-color: #EDEDED;
    color: #626161;
    border-radius: 10px;
    top: 0px;
    position: relative;
    transition: top 0.3s;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 9px;
    padding-right: 9px;
    min-width: 50px;
    text-align: center;

}

.TExpAbstract_Interfaz_BtnModal:hover .TExpAbstract_ModalFooterIcon{   
    top: 10px;
    position: relative;
    transition: top 0.3s;
}



.TExpAbstract_Interfaz_BtnModal:hover svg{
    top: 10px;
    position: relative;
    transition: top 0.3s;
}




.TExpAbstract_Interfaz_BtnModal.BtnOrange{
    background-color: #FCD68E !important;
}
.TExpAbstract_Interfaz_BtnModal.BtnOrange:hover{
    background-color: #f5c66f !important;
}
.TExpAbstract_Interfaz_ModalFooterCont{
    width:100%;
    color:#626160 !important;
}


.TExpAbstract_Interfaz_ModalFooterCont .btn{
    color:#626160 !important;
    top: 0px;
    position: relative;
    transition: top 0.3s;
}


.TExpAbstract_Interfaz_ModalFooterCont .btn:hover{
    top: 10px;
    position: relative;
    transition: top 0.3s;
}

.TExpAbstract_Interfaz_ModalFooterCont .btn{
    color:#626160 !important;

}
.TExpAbstract_Interfaz_ModalFooterCont .BtnGuardar{
    color:green !important;

}



.TExpAbstract_Interfaz_ModalFooter{
    line-height: 0px;
    /*
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    */
}


.TExpAbstract_Interfaz_BtnModal.BtnImprimir{
    font-size:22px;
    padding-top:9px;
    padding-bottom:5px;
}
.TExpAbstract_Interfaz_BtnModal.BtnPdf{
    font-size:22px;
    padding-top:9px;
    padding-bottom: 6px;
}


.TExpAbstract_Interfaz_BtnModal.BtnCerrar{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    background-color: transparent;
    padding: 5px;
    color: #626160 !important;
    text-transform: uppercase;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
.TExpAbstract_Interfaz_BtnModal.BtnCerrar:hover{
    background-color: #d0d0d03e;

}
.TExpAbstract_Interfaz_BtnModal.BtnGuardar{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    background-color: transparent;
    color: #626160 !important;
    text-transform: uppercase;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
.TExpAbstract_Interfaz_BtnModal.BtnGuardar:hover{
    background-color: #d0d0d03e;

}
.TExpAbstract_Interfaz_BtnBorrarModal{
    text-transform: capitalize;
    background-color: red;
    border-radius: 15px;
    color: white;
    color: white !important;
    background-color: red !important;
    color: white;
    border-radius: 8px;
    display: inline;
    text-transform: capitalize;
    float: right;
    margin-top: 3px;
    height: 42px;
    display: inline;
    text-transform:capitalize;
    float: right;
    border: 0px;
    padding-left: 14px;
    padding-right: 14px;
    margin: 3px;
    margin-right: 6px;
    cursor: pointer;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 36px;

}
.TExpAbstract_Interfaz_BtnGuardarModal{
    text-transform: capitalize;
    background-color: green;
    border-radius: 15px;
    color: white;
    color: white !important;
    background-color: #20CD30 !important;
    color: white;
    border-radius: 8px;
    display: inline;
    text-transform: capitalize;
    float: right;
    margin-top: 3px;
    height: 42px;
    display: inline;
    text-transform:capitalize;
    float: right;
    border: 0px;
    padding-left: 14px;
    padding-right: 14px;
    margin: 3px;
    margin-right: 6px;
    cursor: pointer;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 36px;
    line-height: 34px;
}
.TExpAbstract_Interfaz_BtnCerrarModal{
    display: inline;
    float: right;
    height: 42px;
    text-transform: capitalize !important;
    background-color: transparent;
    border: 0px;
    padding: 13px;
    font-size:14px;
    color: #6c757d;
    cursor:pointer;
}
.TExpAbstract_Interfaz_BtnCerrarModal:hover{
    color: #6c757d;
    background-color: hsla(0,0%,60%,.2);
    border-color: hsla(0,0%,60%,.2);
    border-radius: 8px;
}

.TExpAbstract_Interfaz_BtnModalIzquierda{text-transform: capitalize !important;display: inline;float: left;height: 36px;text-transform: capitalize !important;background-color: transparent;border: 0px;padding: 13px;font-size:14px;color: #6c757d;cursor:pointer;line-height: 11px !important;background-color: grey;border-radius: 12px;margin-left: 10px;margin-right: 10px;}


.TExpAbstract_Interfaz_BtnCancelarModal{    
    display: inline;
    float: right;
    height: 42px;
    text-transform: capitalize !important;
    color:red;
    background-color: transparent;
    border: 0px;
    padding: 13px;
    font-size:14px;
    cursor:pointer;
}
.TExpAbstract_Interfaz_BtnCancelarModal:hover{
    color: #6c757d;
    background-color: hsla(0,0%,60%,.2);
    border-color: hsla(0,0%,60%,.2);
    border-radius: 8px;
}
.BtnCerrarBlue{
    background-color: #2C88C1 !important;
}
.col-cabecera span {
    font-size: 16px;
    bottom: -2px;
    margin-top: 18px;
    display: inline;
    position: inherit;
    margin-right: 5px;
}
.col-completo{
    background-color:#DEDEDE;
    color:var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    border-radius:15px;
    padding-top:8px;
    padding-bottom:8px;
    
    margin-bottom:10px;

}
.TExpAbstract_Interfaz .col-contenido.fondo_gris_claro {
    background-color: #EDEDED;
}

.TExpAbstract_Interfaz .bg_gris_claro{
    background-color: #EDEDED;
}


.TExpAbstract_Interfaz .TExpAbstract_Alert{
    padding:10px;
    width: 100%;
    border-radius: 15px;
    background-color: #e1acac;
    font-size: 20px !important;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
color: #504949;cursor: pointer;}


.TExpAbstract_Interfaz .only-one-line{clear: both;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;}

.TExpAbstract_ModalFooterIcon.mrplan-icon-imprimir{
    padding-left:12px;
    padding-right:12px;
}
.TExpAbstract_DatePickerStylet{
    width: 100%;
    background-color: white;
    border: 1px solid #c2c2c2;
    height: 35px;
    padding-left:45px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    color: #495057;
    border: 1px solid rgba(0,0,0,.26);
    appearance: none;
    cursor:pointer;
}
.TExpAbstract_DatePickerIconStyle{
    position: absolute;
    font-size:15px;
    line-height: 35px;;
    color: #495057;
    left:25px;
    pointer-events: none;
}

.TExpAbstract_ModalHeaderIcon{
    font-size: 27px !important;
    float: left;
    margin-right: 20px;
}

.TExpAbstract_Interfaz form, form.TExpAbstract_Interfaz{
    margin-bottom:0px !important;
}

.TExpAbstract_Interfaz_ModalHeader{
    background-color: #2c89c1 !important;
    color:white !important;
}

.modal-dialog.modal-md2 {
    max-width: 850px !important;
}

.TExpAbstract_Interfaz_BotonModal{
    text-transform: capitalize;
    color: #6c757d;
    border-radius: 8px;
    display: inline;
    border: 0px;
    margin: 3px;
    cursor: pointer;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 36px;
    line-height: 11px !important;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    padding-left: 14px;
    padding-right: 14px;
    line-height: 35px !important;
    background-color: transparent;
    margin-bottom: 6px;
}
.TExpAbstract_Interfaz_BotonModal:hover{
    background-color: hsla(0,0%,60%,.2);
    text-decoration: none !important;
}

.TExpAbstract_Interfaz_BotonModal_Right{
    float: right !important;
    margin-right: 10px;
    margin-left: 0px;
}

.TExpAbstract_Interfaz_BotonModal_Left{
    float: left !important;
    margin-left: 0px;
    margin-right: 10px;
}

.TExpAbstract_Interfaz_BotonModal_Green{
    background-color: #20CD30 !important;
    color: white;
}

.TExpAbstract_Interfaz_BotonModal_Green:hover{
    background-color: #168d22 !important;
    color: white;
}
.TExpAbstract_Interfaz_BotonModalIcon{
    padding: 0px !important;
}

.TExpAbstract_Interfaz_BotonModalIcon .TExpAbstract_ModalFooterIcon{

    font-size: 17px;
    border-radius: 8px;
    top: 0px;
    position: relative;
    transition: top 0.3s;
    padding-left: 9px;
    padding-right: 9px;
    height: 32px !important;
    min-width: 50px;
    text-align: center;
}
.TExpAbstract_Interfaz_BotonModalIcon:hover{
    background-color: transparent;
}
.TExpAbstract_Interfaz_BotonModalIcon .TExpAbstract_ModalFooterIcon:hover{
    top: 10px;
    position: relative;
    transition: top 0.3s;
    background-color: transparent;
}




/** ESTANDAR DE TAMAÑOS Y COLORES DE DAVIR **/
:root {
    --TExpAbstract_Interfaz_S1: 20px;
    --TExpAbstract_Interfaz_S2:  15px;
    --TExpAbstract_Interfaz_S3:  12px;
    --TExpAbstract_Interfaz_S4:  10px;


    --TExpAbstract_Interfaz_Color_AzulClaro: #39BDF9;
    --TExpAbstract_Interfaz_Color_AzulOscuro: #178BC6;

    --TExpAbstract_Interfaz_Color_Verde: #1BC556;
    --TExpAbstract_Interfaz_Color_Rojo: #F54C00;
    --TExpAbstract_Interfaz_Color_Rojo_Claro: #fbb9b9;
    --TExpAbstract_Interfaz_Color_AzulFuerte: #03BAF5;
    --TExpAbstract_Interfaz_Color_Rosa: #FF76CE;

    --TExpAbstract_Interfaz_Color_VerdePastel: #A9FFD0;


    --TExpAbstract_Interfaz_Color_GrisFondo: #F3F3F3;
    --TExpAbstract_Interfaz_Color_GrisFondo_2: #D7D7D7;
    --TExpAbstract_Interfaz_Color_GrisBorde: #C4C4C4;
    --TExpAbstract_Interfaz_Color_GrisBorde_Desactivado: #e1dfdf;
    --TExpAbstract_Interfaz_Color_GrisBordeSeparador: #e9e9e9;
    --TExpAbstract_Interfaz_Color_NaranjaFondo: #D8AB00;
    --TExpAbstract_Interfaz_Color_GrisTexto: #A5A5A5;

    --TExpAbstract_Interfaz_Color_NegroInput: #5F5F5F;
}

.TExpAbstract_Interfaz_Texto_S1{
    font-size: var(--TExpAbstract_Interfaz_S1) !important;
    font-family: 'Poppins_Regular', sans-serif;
}
.TExpAbstract_Interfaz_Texto_S2{
    font-size: var(--TExpAbstract_Interfaz_S2) !important;    
    font-family: 'Poppins_Regular', sans-serif;
}
.TExpAbstract_Interfaz_Texto_S3{
    font-size: var(--TExpAbstract_Interfaz_S3) !important;    
    font-family: 'Poppins_Regular', sans-serif;
}
.TExpAbstract_Interfaz_Texto_S4{
    font-size: var(--TExpAbstract_Interfaz_S4) !important;    
    font-family: 'Poppins_Regular', sans-serif;
}



.TExpAbstract_Interfaz_Texto_Bold{
    font-weight: 900;
}
.TExpAbstract_Interfaz_Texto_Light{
    font-weight: 300;
}

.TExpAbstract_Interfaz_Color_GrisTexto{
    color: var(--TExpAbstract_Interfaz_Color_GrisTexto);
}
.TExpAbstract_Interfaz_Color_NegroInput{
    color: var(--TExpAbstract_Interfaz_Color_NegroInput);
}

.TExpAbstract_Interfaz_Texto_Color_Azul_Claro{
    color: var( --TExpAbstract_Interfaz_Color_AzulClaro) !important;
}
.TExpAbstract_Interfaz_Texto_Color_Azul{
    color: #2C89C1 !important;
}
.TExpAbstract_Interfaz_Texto_Color_GrisOscuro{
    color: var(--TExpAbstract_Interfaz_Color_NegroInput) !important;
}
.TExpAbstract_Interfaz_Texto_Color_Rojo{
    color: var(--TExpAbstract_Interfaz_Color_Rojo) !important;
}
.TExpAbstract_Interfaz_Texto_Color_Verde{
    color: var(--TExpAbstract_Interfaz_Color_Verde)  !important;
}

.TExpAbstract_Interfaz_Texto_Color_GrisMuyClaro{
    color: #e3dfdf !important;
}
.TExpAbstract_Interfaz_Texto_Color_GrisClaro{
    color: #D0D0D0 !important;
}
.TExpAbstract_Interfaz_Texto_Color_Blanco{
    color: #FFFFFF !important;
}

.TExpAbstract_Interfaz_Texto_Color_GrisClaro{
    color: #a5a5a5 !important;
}

.TExpAbstract_Interfaz_Texto_Enlace{
    text-decoration: none;
    cursor: pointer;
}
.TExpAbstract_Interfaz_Texto_Enlace:hover{
    text-decoration: underline;
}

.TExpAbstract_Interfaz_Fondo_Color_VerdePastel{
    background-color: var(--TExpAbstract_Interfaz_Color_VerdePastel) !important;
}
.TExpAbstract_Interfaz_Fondo_Color_GrisFondo{
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo) !important;
}

.TExpAbstract_Interfaz_Fondo_Color_Verde{
    background-color: var(--TExpAbstract_Interfaz_Color_Verde) !important;
}
.TExpAbstract_Interfaz_Fondo_Color_Rojo{
    background-color: var(--TExpAbstract_Interfaz_Color_Rojo) !important;
}
.TExpAbstract_Interfaz_Fondo_Color_Rojo_Claro{
    background-color: var(--TExpAbstract_Interfaz_Color_Rojo_Claro) !important;
}
.TExpAbstract_Interfaz_Fondo_Color_AzulFuerte{
    background-color: var(--TExpAbstract_Interfaz_Color_AzulFuerte) !important;
}
.TExpAbstract_Interfaz_Fondo_Color_Rosa{
    background-color: var(--TExpAbstract_Interfaz_Color_Rosa) !important;
}

.TExpAbstract_Interfaz_Fondo_Color_GrisFondo2{
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo_2) !important;
}


.TExpAbstract_Interfaz_Fondo_Color_Azul{
    background-color: var(--TExpAbstract_Interfaz_Color_AzulOscuro) !important;
}

.TExpAbstract_Interfaz_Fondo_Color_Blanco{
    background-color: white !important;
}


.TExpAbstract_Interfaz_InputText label, .TExpAbstract_Interfaz_InputCalendar label, .TExpAbstract_Interfaz_TextArea label, .TExpAbstract_Interfaz_Select label, .TExpAbstract_Interfaz_InputText_Moneda label, .TExpAbstract_Interfaz_FileInput label{
    font-size: 12px;
    color: var(--TExpAbstract_Interfaz_Color_GrisTexto);
    display: block;
    margin-bottom: 4px !important;
    padding-top: 10px;
    margin-top: 0px !important;
}
.TExpAbstract_Interfaz_MrPlanIconos{
    font-family: 'MisterPlanIconos';
}
.TExpAbstract_Interfaz_InputText small, .TExpAbstract_Interfaz_InputCalendar small, .TExpAbstract_Interfaz_TextArea small, .TExpAbstract_Interfaz_Select small, .TExpAbstract_Interfaz_InputText_Moneda small{
    font-size: var(--TExpAbstract_Interfaz_S3);
    color: var(--TExpAbstract_Interfaz_Color_GrisTexto);
    display: block;
    margin-bottom: 4px !important;
    /* padding-top: 10px; */
    font-style: italic;
    }

.TExpAbstract_Interfaz_InputText input{
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    display: block;
    width: 100%;
    font-size: var(--TExpAbstract_Interfaz_S2);  
    padding: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 6px;
    color: var(--TExpAbstract_Interfaz_Color_NegroInput);
    height: 32px !important;
}

.TExpAbstract_Interfaz_InputText input::placeholder, .TExpAbstract_Interfaz_TextArea textarea::placeholder{
    color: rgb(208, 207, 207);;
}

.TExpAbstract_Interfaz_InputText input:read-only{
    background-color:#f2f2f2;
}
.TExpAbstract_Interfaz_InputText_Help{
    color: var(--TExpAbstract_Interfaz_Color_AzulClaro);
    cursor: pointer;
}
.TExpAbstract_Interfaz_InputCalendar{
    position: relative;
}

.FAC_DatePicker:disabled,
#invoiceType:disabled,
#clave_regimen:disabled,
#fecha_factura:disabled,
.FAC_Cliente_id_provincia:disabled,
.FAC_Cliente_id_pais:disabled,
.select2-container--disabled {
    background-color: #f2f2f2 !important;
    border: 1px solid #ccc;
    cursor: not-allowed;
    color: var(--TExpAbstract_Interfaz_Color_NegroInput);
    opacity: 1;
}

.TExpAbstract_Interfaz_InputCalendar input{
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    display: block;
    width: 100%;
    font-size: var(--TExpAbstract_Interfaz_S2);  
    padding: 2px;    
    padding-left: 30px;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--TExpAbstract_Interfaz_Color_NegroInput);
    height: 32px !important;
}

.TExpAbstract_Interfaz_InputCalendar i{
    position: absolute;
    bottom: 8px;
    left: 5px;
    color: var(--TExpAbstract_Interfaz_Color_GrisTexto);
    z-index: 1;
}

.TExpAbstract_Interfaz_InputCalendarButton input{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
    

.TExpAbstract_Interfaz_InputCalendarButtonContainer{
    display: flex;
}
.TExpAbstract_Interfaz_InputCalendarButton input{


}
.TExpAbstract_Interfaz_InputCalendarButton button{
    border: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: var(--TExpAbstract_Interfaz_S2);
    color: white;
    background-color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    cursor: pointer;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.TExpAbstract_Interfaz_InputCalendarButton button i{
    position: relative;
    color: white;
    bottom: 0;
    left: 0;
}


.TExpAbstract_Interfaz_InputText div{
    display: flex;
}
.TExpAbstract_Interfaz_InputText_Moneda{
    font-size: var(--TExpAbstract_Interfaz_S2);
    line-height: 33px;
}
.TExpAbstract_Interfaz_InputText_Moneda_Pre{
    padding-right: 10px;
    padding-left: 5px;
}
.TExpAbstract_Interfaz_InputText_Moneda_Post{
    padding-left: 1¡5px;
    padding-right: 5px;
}
.TExpAbstract_Interfaz_InputText [type="number"]{
    text-align: right;;
}

/** MONEDA **/

.TExpAbstract_Interfaz_InputText_Moneda div {
    display: flex;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    /* display: block; */
    width: 100%;
    font-size: var(--TExpAbstract_Interfaz_S2);
    /* padding: 2px; */
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
    padding-left: 6px;
    color: var(--TExpAbstract_Interfaz_Color_NegroInput);
    background-color: white;
    height: 32px !important;
    line-height: 30px;
}

.TExpAbstract_Interfaz_InputText_Moneda input {
    border: 0px;
    width: 100%;
    text-align: right;
    height: 32px !important;
    max-height: 100%;
    border-radius: 6px;
    color: var(--TExpAbstract_Interfaz_Color_NegroInput);
}

.TExpAbstract_Interfaz_InputText_Moneda input:focus {
    outline-width: 0;
    outline: none;
}
.TExpAbstract_Interfaz_InputText_Moneda div:has(> input:focus){
    border: 2px solid blue;
}
.TExpAbstract_Interfaz_Select select, .TExpAbstract_Interfaz_Select  .select2{
    border: 1px solid var(--TExpAbstract_Interfaz_Color_GrisBorde) !important;
    border-radius: 5px;
    display: block;
    width: 100%;
    font-size: var(--TExpAbstract_Interfaz_S2);  
    padding: 2px;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat, repeat;
    background-position: right 0.7em top 50%, 0 0;
    background-size: 0.65em auto, 100%;
    padding-right: 26px !important;
    padding-left: 6px !important;
    color: var(--TExpAbstract_Interfaz_Color_NegroInput);
    background-color: white;

  -webkit-appearance: none;
  -moz-appearance: none;
    height: 32px !important;
}
.TExpAbstract_Interfaz_SelectEstrecho select{
    background-image: none;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
}

.TExpAbstract_Interfaz_Select select:first-letter {
    text-transform: uppercase; /* change first letter to uppercase */
}

.TExpAbstract_Interfaz_Select .bmd-form-group, .TExpAbstract_Interfaz_InputText  .bmd-form-group, .TExpAbstract_Interfaz_InputText_Moneda  .bmd-form-group{
    /** Con esto quitamos los problemas del Bootstarp Material Design */
    margin-top: 0px !important;
    padding-top: 0px !important;
    width: 100%;
}

/** ELIMINAMOS ESTILOS DE select2 **/
.TExpAbstract_Interfaz_Select .select2-selection{
    border-bottom: 0px;;
}
.TExpAbstract_Interfaz_Select .select2-selection__arrow{
    display: none;;
}

.TExpAbstract_Interfaz_InputText label:first-letter, .TExpAbstract_Interfaz_Select label:first-letter{
    text-transform: uppercase;
}

/* Checkbox */

.TExpAbstract_Interfaz_InputCheck label, .TExpAbstract_Interfaz_InputRadio label{
    font-size: var(--TExpAbstract_Interfaz_S2);  
    display: block; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    padding-left: 22px;
    line-height: 30px;
    margin-bottom: 0px;
    color: var(--TExpAbstract_Interfaz_Color_NegroInput);
    cursor: pointer;
    margin-top: 0px !important;
}

.TExpAbstract_Interfaz_InputCheck.TExpAbstract_Interfaz_Input_SM label, .TExpAbstract_Interfaz_InputRadio.TExpAbstract_Interfaz_Input_SM label{
    font-size: var(--TExpAbstract_Interfaz_S3);
    line-height: 20px;
}
.TExpAbstract_Interfaz_InputCheck.TExpAbstract_Interfaz_InputRight label, .TExpAbstract_Interfaz_InputRadio.TExpAbstract_Interfaz_InputRight label{
    text-align: right;
    padding-right: 20px;
}
.TExpAbstract_Interfaz_InputCheck label::first-letter, .TExpAbstract_Interfaz_InputRadio label::first-letter{
    text-transform: uppercase;
}
.TExpAbstract_Interfaz_InputCheck label input[type="checkbox"], .TExpAbstract_Interfaz_InputRadio label input[type="radio"], .TExpAbstract_Interfaz_InputCheck input[type="checkbox"], .TExpAbstract_Interfaz_InputRadio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.TExpAbstract_Interfaz_InputCheck label mark, .TExpAbstract_Interfaz_InputRadio label mark{
    position: absolute;
    top: 6px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border: 1px solid var(--TExpAbstract_Interfaz_Color_GrisBorde);
}

.TExpAbstract_Interfaz_InputReadOnly label mark{
    position: absolute;
    top: 6px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #dadada !important;
    border: 1px solid var(--TExpAbstract_Interfaz_Color_GrisBorde);
}

.TExpAbstract_Interfaz_InputCheck.TExpAbstract_Interfaz_InputRight label mark, .TExpAbstract_Interfaz_InputRadio.TExpAbstract_Interfaz_InputRight label mark{
    right: 0px;;
    left: inherit;
}
.TExpAbstract_Interfaz_InputCheck.TExpAbstract_Interfaz_Input_SM label mark, .TExpAbstract_Interfaz_InputRadio.TExpAbstract_Interfaz_Input_SM label mark{
    height: 12px;
    width: 12px;
    top: 3px;
}
.TExpAbstract_Interfaz_InputRadio label mark{
    border-radius: 50px;;
}

.TExpAbstract_Interfaz_InputCheck label input:checked ~ mark, .TExpAbstract_Interfaz_InputRadio label input:checked ~ mark , .TExpAbstract_Interfaz_InputCheck  input:checked label ~ mark, .TExpAbstract_Interfaz_InputRadio  input:checked label ~ mark {
    
    background-color: #2196F3;
    background: #2196F3 url('https://mrplan.io/experiencias/modulos/TExpAbstract/lib/css/ok.svg')  no-repeat center  center;;
}

.TExpAbstract_Interfaz_InputCheck2:has(input:checked ) mark, .TExpAbstract_Interfaz_InputRadio2:has(input:checked ) mark{
    
    background-color: #2196F3;
    background: #2196F3 url('https://mrplan.io/experiencias/modulos/TExpAbstract/lib/css/ok.svg')  no-repeat center  center;;
}

.TExpAbstract_Interfaz_InputCheck label small, .TExpAbstract_Interfaz_InputRadio label small{
    color: #A4A4A4;
    font-size: var(--TExpAbstract_Interfaz_S3);   
}
.TExpAbstract_Interfaz_InputCheck input, .TExpAbstract_Interfaz_InputRadio input{
    background-color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);    
}
.TExpAbstract_Interfaz_InputCheckContainer {
    background-color: white;
    padding: 5px 22px 5px 15px;
    border-radius: 10px;
}

.TExpAbstract_Interfaz_InputCheck .TExpAbstract_Interfaz_InputText, .TExpAbstract_Interfaz_InputRadio .TExpAbstract_Interfaz_InputText{
    background-color: white;
    font-size: var(--TExpAbstract_Interfaz_S2);
    border-radius: 10px;
    border: 1px solid var(--TExpAbstract_Interfaz_Color_GrisBorde);
    line-height: 20px;
}


.TExpAbstract_Interfaz_InputCheck-lg label{
    font-size: var(--TExpAbstract_Interfaz_S2)
}
.TExpAbstract_Interfaz_InputCheck-lg label small{
    display: block !important;
    line-height: var(--TExpAbstract_Interfaz_S3);
    line-height: 12px;
    margin-bottom: 10px;
    margin-top: -5px
}

.TExpAbstract_Interfaz_InputRadio_Inline label {
    display: inline;
    padding-top: 7px;
}


.TExpAbstract_Interfaz_TituloPestana {
    border-bottom: 1px solid  var(--TExpAbstract_Interfaz_Color_GrisBorde);
    padding-bottom: 1px;
    line-height: 18px;
    margin-bottom: 4px;
}
.TExpAbstract_Interfaz_TituloPestana span{
    background-color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    padding: 10px;
    display: inline-block;
    min-width: 200px;
    text-align: center;
    color: #FFFFFF;
    font-size: var(--TExpAbstract_Interfaz_S2);    
}

.TExpAbstract_Interfaz_TituloPestana button, .TExpAbstract_Interfaz_Nav button{
    float: right;
    background-color: var(--TExpAbstract_Interfaz_Color_AzulClaro);
    color: #FFFFFF;
    padding: 8px 10px 8px 10px;
    font-size: var(--TExpAbstract_Interfaz_S2);    
    line-height: var(--TExpAbstract_Interfaz_S2);   
    border-radius: 10px;
    border: 0px;
    cursor: pointer;
    margin-left: 10px;
}
.TExpAbstract_Interfaz_TituloPestana .TExpAbstract_Interfaz_TituloPestana_ButtonIcon{
    float: right;
    background-color: var(--TExpAbstract_Interfaz_Color_AzulClaro);
    color: #FFFFFF;
    padding: 10px 10px 8px 10px;
    font-size: var(--TExpAbstract_Interfaz_S2);    
    line-height: var(--TExpAbstract_Interfaz_S2);   
    border-radius: 10px;
    border: 0px;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 50px;
    line-height: 0px;
}

.TExpAbstract_Interfaz_TituloPestana  .TExpAbstract_Interfaz_TituloPestanaCircle, .TExpAbstract_Interfaz_Nav  .TExpAbstract_Interfaz_TituloPestanaCircle{
    border-radius: 30px;
    font-size: 17px;
    min-width: 35px !important;
    min-width: 37px !important;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

/** TITULO CON FONDO **/
.TExpAbstract_Interfaz_TituloFondo{
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo);
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 16px;
    line-height: 12px;
}
.TExpAbstract_Interfaz_TituloFondo span{
    line-height: 32px;;
    color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    font-size: var(--TExpAbstract_Interfaz_S2);    
}

.TExpAbstract_Interfaz_TituloFondo span i{
    float: left;
    margin-right: 15px;
    font-size: 23px;
    margin-top:3px;
    line-height: 23px;
}

.TExpAbstract_Interfaz_TituloFondo button{
    float: right;
    background-color: var(--TExpAbstract_Interfaz_Color_AzulClaro);
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    font-size: var(--TExpAbstract_Interfaz_S2);    
    line-height: var(--TExpAbstract_Interfaz_S2);   
    border-radius: 10px;
    border: 0px;
    cursor: pointer;
    margin-left: 10px;
}
.TExpAbstract_Interfaz_TituloFondo  .TExpAbstract_Interfaz_TituloPestanaCircle{
    border-radius: 30px;
    padding: 9px;
    min-width: 32px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}



.TExpAbstract_Interfaz_TituloFondo .TExpAbstract_Interfaz_Select select{

    line-height: 28px;
}
.TExpAbstract_Interfaz_Select_Icon div, .TExpAbstract_Interfaz_InputText_icon div {
    display: flex;
}

.TExpAbstract_Interfaz_Select_Icon i, .TExpAbstract_Interfaz_InputText_icon i {
    font-size: 22px;
    margin-top: 5px;
    margin-left: 9px;
    margin-right: 11px;
    color: var(--TExpAbstract_Interfaz_Color_AzulClaro)
}

.TExpAbstract_Interfaz_Select_Icon i {
    font-size: 22px;
    margin-top: 5px;
    margin-left: 9px;
    margin-right: 11px;
    color: var(--TExpAbstract_Interfaz_Color_AzulClaro)
}

.TExpAbstract_Interfaz_TituloPestana_Contenedor, .TExpAbstract_Interfaz_TituloFondo_Contenedor{
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
}



.TExpAbstract_Interfaz_Contenedor_Cabecera {
    padding: -15px;
    background-color: #EBEBEB;
    padding: -15px;  
    
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px 10px 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.TExpAbstract_Interfaz_ContenedorRed{
    background-color: #FFEDED !important;
}
.TExpAbstract_Interfaz_ContenedorRed .TExpAbstract_Interfaz_Contenedor_Cabecera{
    background-color: #FFE1E1 !important;
}

.TExpAbstract_Interfaz_Nav{
    display: block;
    width: 100%;
}
.TExpAbstract_Interfaz_Nav ul{
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;;
}

.TExpAbstract_Interfaz_Nav li{

    line-height: 13px;
}
.TExpAbstract_Interfaz_Nav li a{
    display: inline;
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo);
    color: var(--TExpAbstract_Interfaz_Color_AzulClaro) !important;
    padding: 8px;
    display: inline-block;
    text-align: center;
    font-size: var(--TExpAbstract_Interfaz_S2);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    margin-right: 5px;
    position: relative;
    padding-right: 14px;
    padding-left: 16px;
    line-height: 22px;
    white-space: nowrap;
}
@media only screen and (max-width: 500px) {
    .TExpAbstract_Interfaz_Nav li a{
        padding-right: 10px;
        padding-left: 12px;
    }
}

.TExpAbstract_Interfaz_Nav li i{
    font-size: var(--TExpAbstract_Interfaz_S1);
    float: left;
    margin-right: 15px;
    font-size: 23px;
    line-height: 23px;
}

.TExpAbstract_Interfaz_Nav.TExpAbstract_Interfaz_Nav_SoloIconos li i{

    margin-right: 0px;
}
.TExpAbstract_Interfaz_Nav li svg{
    font-size: var(--TExpAbstract_Interfaz_S1);
    fill: var(--TExpAbstract_Interfaz_Color_AzulClaro);
    float: left;
    margin-right: 15px;
    height: 23px;
    line-height: 23px;  
    height: 17px;
}

.TExpAbstract_Interfaz_Nav li .active{
    background-color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    color: #FFFFFF  !important;
}

.TExpAbstract_Interfaz_Nav li .active svg{
    fill: white;
}

.TExpAbstract_Interfaz_Nav_Contenedor .tab-pane{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
}
/* Mensaje */
.TExpAbstract_Interfaz_Mensaje{
    font-size: var(--TExpAbstract_Interfaz_S2);
    color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
}
.TExpAbstract_Interfaz_Mensaje_Small{

    font-size: var(--TExpAbstract_Interfaz_S3);
    color: var(--TExpAbstract_Interfaz_Color_GrisTexto);
}

/* Botones */
.TExpAbstract_Interfaz_Button{
    border: 0px;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
    font-size: var(--TExpAbstract_Interfaz_S2);
    color: white;
    background-color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    cursor: pointer;
}

/* Estilos para botón disabled */
.TExpAbstract_Interfaz_Button:disabled,
.TExpAbstract_Interfaz_Button[disabled]{
    background-color: var(--TExpAbstract_Interfaz_Color_GrisBorde_Desactivado) !important;
    color: var(--TExpAbstract_Interfaz_Color_GrisTexto) !important;  
    cursor: not-allowed;
}

.TExpAbstract_Interfaz_Button_Small{
    font-size: var(--TExpAbstract_Interfaz_S3);
    padding: 5px 20px 5px 20px;
    border-radius: 8px;
    height: 30px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.TExpAbstract_Interfaz_Button_Medium{
    font-size: var(--TExpAbstract_Interfaz_S3);
    padding: 8px 25px 9px 25px;
    border-radius: 8px;
}

.TExpAbstract_Interfaz_Button_Block{
    width: 100%;
    display: block;
    position: relative;
}

.TExpAbstract_Interfaz_Button_Desactivado{
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo);
    color: var(--TExpAbstract_Interfaz_Color_AzulClaro);  
}
.TExpAbstract_Interfaz_Button:hover{
    filter: brightness(95%);
}

.TExpAbstract_Interfaz_Button i{
    float: left;
    left: 5px;  
    font-size: 23px;
    line-height: 23px;
    margin-right: 5px;
}
.TExpAbstract_Interfaz_Button_Small i{
    float: left;
    left: 5px; 
    font-size: 16px;
    line-height: 16px;
    margin-right: 5px;
}

.TExpAbstract_Interfaz_Button_SoloIcono{
    padding-left: 0px;
    padding-right: 0px;
    max-height: 43px !important;
}
.TExpAbstract_Interfaz_Button_SoloIcono i{
    float: none;
    text-align: center;
    font-size: var(--TExpAbstract_Interfaz_S2);
    margin-right: 0px;
}
.TExpAbstract_Interfaz_Button_Circular{
    border-radius: 50px;
    min-width: 45px;
}
.TExpAbstract_Interfaz_Button_Small.TExpAbstract_Interfaz_Button_Circular {
    min-width: 30px;
}

.TExpAbstract_Interfaz_Button_Col{
    margin-top: 26px;
    height: 32px;
    line-height: 32px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.TExpAbstract_Interfaz_Button_Col i {
    font-size: 20px;
    line-height: 30px;
  }

.TExpAbstract_Interfaz_Button_OK{
    background-color: var(--TExpAbstract_Interfaz_Color_Verde) !important;
    color: white !important;
}
.TExpAbstract_Interfaz_Button_KO{
    background-color: var(--TExpAbstract_Interfaz_Color_Rojo) !important;
    color: white !important;
}
.TExpAbstract_Interfaz_Button_Blanco{
    background-color: white;
    color: var(--TExpAbstract_Interfaz_Color_AzulClaro);
}
.TExpAbstract_Interfaz_Button_Transparent{
    background-color: transparent !important;
}

.TExpAbstract_Interfaz_Button_KO_2{

    background-color: transparent !important;
    color:  var(--TExpAbstract_Interfaz_Color_Rojo) !important;
}

.TExpAbstract_Interfaz_Button_AzulClaro{
    background-color: var(--TExpAbstract_Interfaz_Color_AzulClaro) !important;
    color: white !important;
}
.TExpAbstract_Interfaz_Button_Naranja{
    background-color: var(--TExpAbstract_Interfaz_Color_NaranjaFondo) !important;
    color: white !important;
}



/** Textarea **/

.TExpAbstract_Interfaz_TextArea{
    position: relative;
}

.TExpAbstract_Interfaz_TextArea label{
    line-height: 24px;
}
.TExpAbstract_Interfaz_TextArea textarea{
    width: 100%;
    font-size: var(--TExpAbstract_Interfaz_S2);
    padding: 3px;
    background-color: white;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    padding: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 6px;
}

.TExpAbstract_Interfaz_TextArea button{
    position: absolute;
    right: 0px;
    top: 7px;
}
.TExpAbstract_Interfaz_TextArea_Editar{
    margin-top: -9px;
    display: block;
    text-align: right;
    margin-bottom: 10px;
}

.TExpAbstract_Interfaz_Contenedor{
    padding: 20px 20px 20px 20px;
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo);
    border-radius: 15px;;
}
/** TABLA **/

.TExpAbstract_Interfaz_Tabla{
    width: 100%;
} 
.TExpAbstract_Interfaz_Tabla tr th{

    font-size: var(--TExpAbstract_Interfaz_S3);
    color: var(--TExpAbstract_Interfaz_Color_GrisTexto);
    font-weight: 500;
    border-bottom: 1px solid var(--TExpAbstract_Interfaz_Color_GrisBordeSeparador);
}
.TExpAbstract_Interfaz_Tabla tbody tr{
    border-bottom: 1px solid var(--TExpAbstract_Interfaz_Color_GrisBordeSeparador);
    font-size: var(--TExpAbstract_Interfaz_S3);
}
.TExpAbstract_Interfaz_Tabla td{
    border-bottom: 1px solid var(--TExpAbstract_Interfaz_Color_GrisBordeSeparador);
    font-size: var(--TExpAbstract_Interfaz_S3);
    color: var(--TExpAbstract_Interfaz_Color_NegroInput)
}
.TExpAbstract_Interfaz_Tabla td label{
    font-size: var(--TExpAbstract_Interfaz_S2) !important;

}

.TExpAbstract_Interfaz_Tabla td, .TExpAbstract_Interfaz_Tabla th{
    padding-top: 4px;
    padding-bottom: 4px;
}

.TExpAbstract_Interfaz_Tabla_Cabecera, .TExpAbstract_Interfaz_Tabla tr .TExpAbstract_Interfaz_Tabla_Cabecera{
    background-color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    font-size: var(--TExpAbstract_Interfaz_S2) !important;
    color: white !important;
    padding: 5px;

    padding-bottom: 1px;
    line-height: 18px;
    margin-bottom: 4px;

    padding: 10px;
    color: #FFFFFF;
    font-size: var(--TExpAbstract_Interfaz_S2)!important;
    font-weight: 500;
}

.TExpAbstract_Interfaz_Tabla_Cabecera_Btn{  
    float: right;
    line-height: 10px;
    background-color: transparent;
    border: none;
    color: white;
    cursor: pointer;
}


.TExpAbstract_Interfaz_Tabla tr .TExpAbstract_Interfaz_Tabla_Danger{
    background-color: var(--TExpAbstract_Interfaz_Color_Rojo);
}

.TExpAbstract_Interfaz_Tabla tr .TExpAbstract_Interfaz_Tabla_OK{
    background-color: var(--TExpAbstract_Interfaz_Color_Verde);
}


.TExpAbstract_Interfaz_Titulo{
    line-height: 42px;
    font-size: var(--TExpAbstract_Interfaz_S1);
    color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
}

.TExpAbstract_Cursor_NotAllowed{
    cursor: not-allowed;
}s

.TExpAbstract_Interfaz_Input_FondoGris input, .TExpAbstract_Interfaz_Input_FondoGris.TExpAbstract_Interfaz_InputText_Moneda div {
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo) !important;
    border-color: var(--TExpAbstract_Interfaz_Color_GrisBorde_Desactivado) !important;
}
.TExpAbstract_Interfaz_Input_FondoGris.TExpAbstract_Interfaz_InputText_Moneda input{
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo) !important;
}


.TExpAbstract_ModalFooterIcon {
    background-color: #FFD68E !important;
    min-width: 39px;
    display: block;
    max-height: 38px;
    line-height: 39px !important;
    padding-top: 0px !important;
    padding-bottom: 0px;
  }

  .TExpAbstract_Interfaz_ModalFakeFooterCont{
    background: #ffebc7 !important;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0px;
    margin-top: 30px;
    right: 0px;
  }

  .TExpAbstract_Interfaz_ModalFakeFooterContPre{
    min-height: 50px;;
  }

  /** TITULOS **/
  .TExpAbstract_ListadoIconos {
    display: flex;
    padding: 5px;;
    border-radius: 10px;
    cursor: pointer;
  }
  .TExpAbstract_ListadoIconos:hover{
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo);
  }
  .TExpAbstract_ListadoIconos_Icono {
    
    float: left;
    min-width: 30px;
    height: 100%;
    min-width: 45px;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    background-color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    margin-right: 10px;
    color: white;
    font-size: 20px;
    max-width: 50px;
    max-height: 50px;
    margin-bottom: 10px;
  }
.TExpAbstract_ListadoIconos_Imagen {
    
    float: left;
    min-width: 30px;
    height: 100%;
    min-width: 45px;
    text-align: center;
    padding: 5px;
    border-radius: 10px;
    margin-right: 10px;
    color: white;
    font-size: 20px;
    max-width: 50px;
    max-height: 50px;
    margin-bottom: 10px;
}
.TExpAbstract_ListadoIconos_Imagen img{
    min-height: 20px !important;
    width: 41px;
}

.TExpAbstract_ListadoIconos_Titulo{
    font-size: var(--TExpAbstract_Interfaz_S2);
    color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
}
.TExpAbstract_ListadoIconos_Subtitulo{
    font-size: var(--TExpAbstract_Interfaz_S3);
    color: var(--TExpAbstract_Interfaz_Color_GrisTexto)

}

.TExpAbstract_Interfaz_FileInput input{
    font-size: var(--TExpAbstract_Interfaz_S3) !important;
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo);
    border-radius: 10px;
    width: 100%;
    padding: 5px;
    cursor: pointer;
}

.TExpAbstract_Interfaz_LineHeight_30{
    line-height: 30px;
}

.TExpAbstract_Interfaz_Aviso{
    color: var(--TExpAbstract_Interfaz_Color_Rojo);
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo);
    padding: 10px;
    border-radius: 10px;
}
.TExpAbstract_Interfaz_OneLineText{
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* TExpAbstract_Listado */
.TExpAbstract_Listado{
    height: 100%;;
}

.TExpAbstract_Listado_Cabecera{
    display: flex;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    color: white;
    padding: 4px 15px 4px 15px;
    font-family: 'Poppins_Regular', sans-serif;
    min-height: 44px;
}
.TExpAbstract_Listado_Cabecera_Icono {
margin-top: 3px;
}

.TExpAbstract_Listado_Cabecera_Icono_Small {
    margin-top: 4px;
}
.TExpAbstract_Listado_Cabecera .TExpAbstract_Listado_Cabecera_Icono_Small i{
    font-size: 20px;
    margin-right: 10px;
    line-height: 28px;
}

.TExpAbstract_Listado_Cabecera .TExpAbstract_Listado_Cabecera_Icono i{
    font-size: 35px;
    margin-right: 10px;
    line-height: 50px;
}
.TExpAbstract_Listado_Cabecera_Titulos{
    width: 100%;
}
.TExpAbstract_Listado_Cabecera_Titulo1{
    font-size: var(--TExpAbstract_Interfaz_S1);
    line-height: var(--TExpAbstract_Interfaz_S1);
    clear: both;
    white-space: nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 10px;
}
.TExpAbstract_Listado_Cabecera_Titulo2{
    font-size: var(--TExpAbstract_Interfaz_S3);
    clear: both;
    white-space: nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.TExpAbstract_Listado_Cabecera_Info{
    text-align: right;
    clear: both;
    white-space: nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 28%;
}
.TExpAbstract_Listado_Cabecera_Info1{
    font-size: var(--TExpAbstract_Interfaz_S1);
    line-height: var(--TExpAbstract_Interfaz_S1);
    margin-top: 10px;

}
.TExpAbstract_Listado_Cabecera_Info2{
    font-size: var(--TExpAbstract_Interfaz_S3);

}

.TExpAbstract_Listado_Contenido{
    padding: 8px;
    font-size: var(--TExpAbstract_Interfaz_S2);
    font-family: 'Poppins_Regular', sans-serif;
    padding-top: 14px;
}

/* LISTADO 2 */

.TExpAbstract_Listado2{
    display: flex;
    border-radius: 15px;;
    background-color: var(--TExpAbstract_Interfaz_Color_GrisFondo);
    color: var(--TExpAbstract_Interfaz_Color_GrisTexto);
    margin-bottom: 8px;
}
.TExpAbstract_Listado2 .TExpAbstract_Listado2_Imagen img{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 38px;

  border-left: 1px solid var(--TExpAbstract_Interfaz_Color_GrisFondo);
  border-top: 1px solid var(--TExpAbstract_Interfaz_Color_GrisFondo);
  border-bottom: 1px solid var(--TExpAbstract_Interfaz_Color_GrisFondo);
}
.TExpAbstract_Listado2_Contenido{
    width: 100%;
    padding-left: 10px;

    clear: both;
    white-space: nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 5px;

}

.TExpAbstract_BorderRadius{
    border-radius: 15px !important;
}
.TExpAbstract_Listado2_Contenido1{
    font-size: var(--TExpAbstract_Interfaz_S3);
    line-height: var(--TExpAbstract_Interfaz_S3);
    padding-top: 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.TExpAbstract_Listado2_Contenido2{
    font-size: var(--TExpAbstract_Interfaz_S4);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.TExpAbstract_Listado2_Extra{
    text-align: right;
    max-width: 25%;
    padding-right: 15px;
    text-align: right;
    max-width: 25%;
    padding-right: 15px;
    width: 25%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    max-width: 60px;
}
.TExpAbstract_Listado2_Extra1{
    font-size: var(--TExpAbstract_Interfaz_S3);
    line-height: var(--TExpAbstract_Interfaz_S3);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 5px;
}
.TExpAbstract_Listado2_Extra2{
    font-size: var(--TExpAbstract_Interfaz_S3);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.TExpAbstract_Interfaz_CargandoLoading{
    min-height: 200px;
    background-image: url('https://mrplan.io/experiencias/images/loading1.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
}

.TExpAbstract_HoverCursor{
    cursor: pointer;
}
.TExpAbstract_HoverCursor:hover{
    filter: brightness(92%);
}

.TExpAbstract_Modal.modal-lg{
    max-width: 900px !important;
}


.TExpAbstract_Modal.modal-xl{
    max-width: 1200px;
}
.TExpAbstract_Modal.modal-xxl{
    max-width: 100%;
}

.TExpAbstract_Interfaz_Separador{
    background-color: var(--TExpAbstract_Interfaz_Color_GrisBorde);
    height: 2px;
    width: 100%;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;

}

.TExpAbstract_ListadoIconos3_Container{
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
}
.TExpAbstract_ListadoIconos3 {
    text-align: center;
    padding: 10px;
}
.TExpAbstract_ListadoIconos3_Icono {
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    background-color: var(--TExpAbstract_Interfaz_Color_AzulOscuro);
    color: white;
    /* max-width: 44px; */
    height: 44px;
    margin: 0 auto;
    font-size: 20px;
    display: inline-block;
}



.TExpAbstract_Interfaz_InputText_LangLabel{
    display: flex !important;
}

.TExpAbstract_Interfaz_InputText_LangLabel span{
    width: 100%;
}
.TExpAbstract_Interfaz_Lang{
    margin-left: 3px;
    cursor: pointer;
}
.TExpAbstract_Interfaz_Lang.active img{
    border: 1px solid blue;
}

.TPL_DivFechaEntrada {
    margin-top: 26px;
    display: block;
    background-color: #2acd31;
    text-align: center;
    min-height: 32px;
    border-radius: 10px;
    line-height: 32px;
    color: white;
}

.TExpAbstract_Interfaz_InputCombinado select {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    text-align: center;
    text-align-last: center;
}
.TExpAbstract_Interfaz_InputCombinado.TExpAbstract_Interfaz_InputText input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.TExpAbstract_Interfaz_InputCombinado.TExpAbstract_Interfaz_InputText_Moneda div {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


.TExpAbstract_Interfaz_TabPane{
    display: none;
    animation: slideaway 200ms;
}
.TExpAbstract_Interfaz_TabPane.active{
    display: block;
    animation: slideaway2 200ms;
}
@keyframes slideaway {
    from { display: block; }
    to { opacity: 0;}
}
@keyframes slideaway2 {
    from { display: hidden; }
    to { opacity: 0;}
}


.TMrPlan_HeaderRow {
    background-color: #EBEBEB;
    padding: 10px;
    border-bottom: 1px solid white;
}

.TMrPlan_HeaderLogo {
    max-width: 120px;
    margin: 5px;
}

.TMrPlan_HeaderTitulo {
    font-size: 20px;
    margin-top: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #325391;
}

.TMrPlan_HeaderSubTitulo {
    font-size: 18px;
    color: #325391;
    margin-top: -5px;
}
.TExpAbstract_Interfaz_ModalHeaderInfo{

	line-height: 30px;
	margin-right: 5px;
	font-size: 12px;

	clear: both;
	display: inline-block;

	white-space: nowrap;
}

.TExpAbstract_Interfaz_TextArea textarea:read-only {
    background-color: #ffffff;
    color: grey;
}

.TExpAbstract_Interfaz_InputError input{
    border: 2px solid red;
}
.TExpAbstract_Interfaz_InputError label {
    color: red !important;
}
.TPL_CasillaPrecios {
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 6px;
    text-align: right;
    padding: 5px;
}
.TExpAbstract_Interfaz_Contenedor_Borde{
    border-radius: 5px;
    border: 1px solid #CFCFCF;
    padding: 20px;
}
.TExpAbasct_Interfaz_secundary_currency_value{
    font-size: 12px;
    opacity: 0.7;
}

.TExpAbstract_Interfaz_SeparatorRow{
    align-items: self-end;
    justify-content: space-between;
    margin: 10px;
    margin-top: 20px;
    margin-bottom: -5px;
    color: var(--TExpAbstract_Interfaz_Color_GrisBorde)
}

.TExpAbasct_Interfaz_AddButton {
    font-size: 14px;
    cursor: pointer;
    transition: transform 0.2s ease;
    color: var(--TExpAbstract_Interfaz_Color_AzulClaro);
}

.iconDeleteLineConcept {
    display: flex;
    align-content: center;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 2px;
    padding-left: 0px;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.totalAmountsContainner {
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-top: 30px;
    margin-right: 30px;
}

.amountLineContainner {
    margin-top: -4px;
}

.amountLineContainner.totalRow {
    font-size: 20px;
    margin-top: 10px;
    border-top: 1px solid var(--TExpAbstract_Interfaz_Color_GrisBorde);
}

.amountLineContainner > label{
    opacity: 0.6;
}

.TExpAbasct_Interfaz_invisibleInput {
    border: 0px;
}

.InvoiceActionHeader {
    background: var(--TExpAbstract_Interfaz_Color_GrisFondo);
    border-radius: 10px;
    padding: 10px;
    font-size: 18px;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 5px;
    transition: transform 0.2s ease;
}

.InvoiceActionDescription {
    color: var(--TExpAbstract_Interfaz_Color_GrisTexto);
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.headerInformationSection {
    font-size: 18px;
    border-bottom: 1px solid var(--TExpAbstract_Interfaz_Color_GrisBorde);
    padding-left: 10px;
    margin-bottom: 5px;
}

.InvoiceActionDescriptionType {
    color: var(--TExpAbstract_Interfaz_Color_NegroInput);
    margin-top: 5px;
    font-size: 16px;
}

.TExpAbasct_Interfaz_AddButton:hover, .iconDeleteLineConcept:hover, .InvoiceActionHeader:hover {
    transform: scale(1.05);
}

.TExpAbstract_ButtonModalGray {
    border: 0;
    border-radius: 8px;
    padding: 4px 8px;
    background: gray;
    color: white;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.TExpAbstract_ButtonModalGray:hover {
    background: #555;
}

.TExpAbastract_ButtonClose {
    border: 0;
    border-radius: 8px;
    padding: 4px 8px;
    color: gray;
    background: transparent;
    cursor: pointer;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.TExpAbastract_ButtonClose:hover {
    color: #333;
    background-color: rgba(0, 0, 0, 0.05);
}

.TExpAbstract_footerButtonsContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.modal-containner.invoice-sent-data {
    padding: 20px;
}

.modal-containner.invoice-sent-data section {
    margin-bottom: 20px;
}

.modal-containner.invoice-sent-data section.TaqResendInvoiceSection > header {
    background: gray;
    padding: 6px 10px;
    color: white;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.modal-containner.invoice-sent-data section .iconContainer {
    cursor: pointer;
}

.modal-containner.invoice-sent-data section.TaqResendInvoiceSection > main {
    padding: 10px;
}

.modal-containner.invoice-sent-data section.TaqResendInvoiceSection > main .totalesContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.modal-containner.invoice-sent-data section.TaqResendInvoiceSection > main .inputModal {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.modal-containner.invoice-sent-data section.TaqResendInvoiceSection > main .inputModal label {
    font-size: 12px;
    color: #555;
    margin-bottom: 4px;
    font-weight: 500;
}

.modal-containner.invoice-sent-data section.TaqResendInvoiceSection main .inputModal input,
.modal-containner.invoice-sent-data section.TaqResendInvoiceSection main .inputModal select {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 6px 8px;
    background: #f9f9f9;
    font-size: 13px;
    color: #333;
    transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* Inputs y selects disabled o readonly */
.modal-containner.invoice-sent-data section.TaqResendInvoiceSection main .inputModal input:disabled,
.modal-containner.invoice-sent-data section.TaqResendInvoiceSection main .inputModal input[readonly],
.modal-containner.invoice-sent-data section.TaqResendInvoiceSection main .inputModal select:disabled,
.modal-containner.invoice-sent-data section.TaqResendInvoiceSection main .inputModal select[readonly] {
    background-color: #eee !important;
    color: #666 !important;
    cursor: not-allowed !important;
    -webkit-text-fill-color: #666 !important; /* Para inputs number en Chrome/Safari */
}

.modal-containner.invoice-sent-data section.TaqResendInvoiceSection > main .inputModal input:focus,
.modal-containner.invoice-sent-data section.TaqResendInvoiceSection > main .inputModal select:focus {
    border-color: gray;
    background: #fff;
    outline: none;
}

.modal-containner.invoice-sent-data section.TaqResendInvoiceSection > main .inputModal select:disabled {
    background: #eee;
    color: #666;
    cursor: not-allowed;
}

.modal-containner.invoice-sent-data section.TaqResendInvoiceSection > main .inputModal select:focus {
    border-color: gray;
    background: #fff;
    outline: none;
}