:root {
    --imeureka-orange: #ffb345ff;
    --imeureka-blue: #262834ff;
    --black: #0a0a0aff;
    --gray-dark: #454859;
    --gray-medium: #8e92a4;
    --gray-light: #f7f7faff;
    --primary-dark: #1c2242ff;
    --primary: #212a5eff;
    --primary-light: #DBE0F0;
    --danger-dark: #6b120bff;
    --danger: #fe5647ff;
    --danger-light: #ffe5d3ff;
    --info-dark: #004269ff;
    --info: #02a0fcff;
    --info-light: #ccf8feff;
    --success-light: #e2fbd7ff;
    --success: #2ed47aff;
    --success-dark: #1f5c22ff;
    --warning-dark: #b9730eff;
    --warning: #ffb345ff;
    --warning-light: #ffedd2ff;
    --warning-transparent1: #ffedd214;
    --warning-transparent2: #ffedd21f;
    --warning-transparent3: #ffb34514;
    --warning-transparent4: #fea31f1f;
    --primary-transparent1: #dbe0f014;
    --primary-transparent2: #dbe0f01f;
    --primary-transparent3: #212a5e14;
    --primary-transparent4: #212a5e1f;
    --white: #ffffffff;
    --color-text-badge: #4a4a4a;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-style: none;
}

.navbar-collapse {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.navbar-search-overlap {
    background-color: var(--imeureka-blue);
}

@media (max-width: 767px) {
    .site-menubar-unfold .site-menu-icon {
        margin-right: 0;
    }
}

@media (min-width: 767px) {
    .navbar-brand-logo {
        height: 100%;
        width: 100%;
        max-width: 230px;
        max-height: 230px;
        padding: 10px;
    }

    .site-navbar .navbar-header .navbar-brand {
        padding: 5% 15px;
    }
}

.bg_ras_blue {
    background-color: #262834;
}

.h4_edit_model {
    float: left;
    margin: 0 5px 0 0;
}

.addCampaign {
    padding-top: 2px;
    margin-top: -5px;
}

.saveButton {
    float: right;
    margin: 50px;
    position: fixed;
    bottom: 0px;
    right: 0px;
}

.user_name {
    color: #fff;
    font-weight: bold;
    margin-top: 30%;
}

.clickable:hover {
    cursor: pointer;
}

.pag-result {
    vertical-align: middle;
    line-height: 40px;
    margin-left: 20px;
}

.btn_80 {
    width: 80px;
}

.is-invalid {
    color: red;
}

.timeline-item {
    margin-top: 20px;
    margin-bottom: 50px;
}

.timeline:not(.timeline-single) .timeline-item:first-child+.timeline-item,
.timeline:not(.timeline-single) .timeline-period+.timeline-item+.timeline-item {
    margin-top: 80px;
}

.timeline-period {
    position: relative;
    z-index: 6;
    display: block;
    padding: 1px 1px;
    margin: 6px auto 6px;
    clear: both;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
}

.avatar-medium {
    width: 100px;
}

.avatar-large {
    width: 150px;
}

.perfil img {
    display: block;
    max-width: 100%;
}

.preview {
    overflow: hidden;
    width: 160px;
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}

.perfil .modal-lg {
    max-width: 1000px !important;
}

.user_name {
    padding-bottom: 25px;
    padding-top: 24px;
    margin-top: 0px;

}

.user_name a {
    color: white;
    font-size: 15px;
}


.dropzone {
    padding: 10px;
    border: 2px dashed #ebebeb;
    background-color: #fcfdfe;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.dropzone.dz-drag-hover {
    border: 2px dashed #48b0f7
}

.dropzone .dz-preview {
    margin: 10px
}

.dropzone .dz-preview .dz-image {
    border-radius: 4px !important
}

.dz-message {
    color: #a5b3c7;
    font-size: 1rem
}

.dz-message span::before {
    font-family: FontAwesome;
    content: "\f0ee";
    font-size: 2rem;
    display: block;
    padding-bottom: 16px;
    opacity: .5
}

.btn-group-sm>.btn,
.btn-listado {
    padding: .429rem .420rem;
    font-size: .858rem;
    line-height: 1.5;
    border-radius: .143rem;
}

/*Para rotar flecha de paneles desplegados*/
.rotated {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*Para rotar flecha de paneles desplegados*/

/*IMAGENES LANDING*/

.bg-mapfre2 {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -10px -10px;
}

.bg-segurcaixa_adeslas {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -430px -10px;
}

.bg-generali {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -10px -280px;
}

.bg-caser {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -430px -280px;
}

.bg-plus_ultra {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -10px -550px;
}

.bg-fiatc {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -430px -550px;
}

.bg-allianz {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -850px -10px;
}

.bg-reale {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -850px -280px;
}

.bg-asefa {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -850px -550px;
}

.bg-cesde {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -10px -820px;
}

.bg-fidelidade {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -430px -820px;
}

.bg-helvetia {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -850px -820px;
}

.bg-axa {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -1270px -10px;
}

.bg-liberty_seguros {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -1270px -280px;
}

.bg-berkley {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -1270px -550px;
}

.bg-markel {
    width: 400px;
    height: 250px;
    background: url('css_sprites.png') -1270px -820px;
}

.table-borderless,
.table-borderless td,
.table-borderless thead,
.table-borderless tbody,
.table-borderless th {
    border: 0;
}


.row-same-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

/*IMAGENES LANDING*/


/*Cabeceras paneles desplegables*/
/*.panel-desplegable{
    background-color: #2A303E;
    margin-bottom: 15px;
    border-radius: 5px;
}

.panel-desplegable h3{
    color: #FFF;
}*/
/*Cabeceras paneles desplegables*/

#div_buscador .sin-resultados {
    padding: 10px;
    text-align: center;
}

#div_buscador .resultados {
    padding: 15px 10px;
}

#div_search_suscriptores .sin-resultados {
    padding: 10px;
    text-align: center;
}

#div_search_suscriptores .resultados {
    padding: 15px 10px;
}

#div_search_suscriptores_aseguradora .sin-resultados {
    padding: 10px;
    text-align: center;
}

#div_search_suscriptores_aseguradora .resultados {
    padding: 15px 10px;
}

#div_search_suscriptores_cliente .sin-resultados {
    padding: 10px;
    text-align: center;
}

#div_search_suscriptores_cliente .resultados {
    padding: 15px 10px;
}


#div_search_cc_suscriptores_aseguradora .sin-resultados {
    padding: 10px;
    text-align: center;
}

#div_search_cc_suscriptores_aseguradora .resultados {
    padding: 15px 10px;
}

#div_search_clientes_disponibles .sin-resultados {
    padding: 10px;
    text-align: center;
}

#div_search_clientes_disponibles .resultados {
    padding: 15px 10px;
}



.btn-indigo {
    color: #fff !important;
    background-color: #667afa;
    border-color: #667afa;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-indigo:hover {
    color: #fff !important;
    background-color: #96a3fa;
    border-color: #96a3fa;
}

.badge-indigo {
    color: #fff !important;
    background-color: #667afa;
}

.btn-light-yellow {
    color: #000 !important;
    background-color: #e8e41ad1;
    border-color: #e8e41ad1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-light-yellow:hover {
    color: #000 !important;
    background-color: #dfdc36d1;
    border-color: #dfdc36d1;
}

.badge-light-yellow {
    color: var(--color-text-badge);
    background-color: #e8e41ad1
}

.tag-documento-badge-activo {
    background-color: #ffb345;
    color: #000;
}

/* "Poner tag" en ficheros que aun se estan subiendo: solo donde se active con tags_uas */
.btn-poner-tag-pendiente {
    display: none;
}

[data-tags-uas="1"] .btn-poner-tag-pendiente {
    display: block;
}

.btn-teal {
    color: #fff !important;
    background-color: #17b3a3;
    border-color: #17b3a3;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-teal:hover {
    color: #fff !important;
    background-color: #45d6c8;
    border-color: #45d6c8;
}

.badge-teal {
    color: #fff !important;
    background-color: #17b3a3;
}

.btn-light-green {
    color: #fff !important;
    background-color: #6da611;
    border-color: #6da611;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-light-green:hover {
    color: #fff !important;
    background-color: #94cc39;
    border-color: #94cc39;
}

.badge-light-green {
    color: #fff !important;
    background-color: #6da611;
}

.btn-orange {
    color: #fff !important;
    background-color: #F39C12;
    border-color: #F39C12;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-orange:hover {
    color: #fff !important;
    background-color: #F8C471;
    border-color: #F8C471;
}

.badge-orange {
    color: #fff !important;
    background-color: #F39C12;
}


.btn-light-blue {
    color: #fff !important;
    background-color: #5499C7;
    border-color: #5499C7;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-light-blue:hover {
    color: #fff !important;
    background-color: #85C1E9;
    border-color: #85C1E9;
}

.btn-light-red {
    color: #fff !important;
    background-color: #ff666b;
    border-color: #ff666b;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-light-red:hover {
    color: #fff !important;
    background-color: #ff8589  ;
    border-color: #ff8589 ;
}


.btn-telefonica {
    color: #fff !important;
    background-color: #0267fd;
    border-color: #0267fd;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-telefonica:hover {
    color: #fff !important;
    background-color: #609df9;
    border-color: #609df9;
}

.btn-excel {
    color: #fff !important;
    background-color: #217346;
    border-color: #217346;
}

.btn-excel:hover {
    color: #fff !important;
    background-color: #32b06d;
    border-color: #32b06d;
}

.fa-telefonica {
    content: url("/img/telefonica_transparente.png");
    width: 100%;
    height: auto;
    margin: 0px 10px;
}

/*BADGES*/
.badge-info {
    background-color: var(--info-light);
    color: var(--color-text-badge)
}

.badge-danger {
    background-color: var(--danger-light);
    color: var(--color-text-badge);
}

.badge-warning {
    background-color: #fdf1b7;
    color: var(--color-text-badge);
}

.badge-success {
    background-color: var(--success-light);
    color: var(--color-text-badge);
}

.badge-primary {
    background-color: var(--primary-light);
    color: var(--color-text-badge);
}

.badge-neutral {
    background-color: var(--gray-medium);
    color: var(--white);
}

.badge-light-blue {
    color: #fff !important;
    background-color: #5499C7 !important;
}

.badge.badge-absolute {
    position: absolute;
    top: 25px;
    margin: 0 -0.8em;
    border-radius: 15px;
}

.badge.up {
    top: -15px;
}

.bg-light-blue-600 {
    background-color: #5499C7 !important;
}

.light-blue-600 {
    color: #5499C7;
}

.icon-xl {
    font-size: 1.6em;
    vertical-align: -15%;
}

.icon-xs {
    font-size: 0.9em!important;
}

.btn-xxs {
    padding: 1px!important;
    border-radius: 2px!important;
}

#modal_sugerencias a.collapsed:after {
    content: 'Ver más';
}

#modal_sugerencias a:not(.collapsed):after {
    content: 'Ver menos';
}

#modal_sugerencias .collapse.show {
    display: contents;
}

#modal_favoritos a.collapsed:after {
    content: 'Ver más';
}

#modal_favoritos a:not(.collapsed):after {
    content: 'Ver menos';
}

#modal_favoritos .collapse.show {
    display: contents;
}

.shadow_hover:hover {
    cursor: pointer;
    background-color: #f3f7f9;
    -webkit-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}


.h-305 {
    height: 305px !important;
}

.h-311 {
    height: 311px !important;
}

.p-8 {
    padding: 8px !important;
}

.clockpicker-popover {
    z-index: 999999;
}


/*.fc-month-view span.fc-title{
    white-space: normal;
}*/


.dropdown_mails {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
    width: 800px;
    max-width: 100%;
    z-index: 999999;
    -webkit-transform: translate3d(5px, 35px, 0px) !important;
            transform: translate3d(5px, 35px, 0px) !important;
}



.capsule-light-blue {
    border: 1px solid #85C1E9;
    border-radius: 10px;
    -webkit-box-shadow: 2px 1px 5px;
            box-shadow: 2px 1px 5px;
    padding-right: 30px;
}

.clicable:hover {
    cursor: pointer;
}

.cerrado.capsule-light-blue:hover {
    background-color: #85C1E9;
    color: #FFFFFF;
}

.cerrado.capsule-light-blue:hover span {
    color: #FFFFFF;
}


.ia_comparativo dl {
    color: #FFFFFF !important;
    background-color: #667afa !important;
    border-radius: 0.215rem !important;
}

.ia_comparativo.disabled dl {
    background-color: #9e9e9e !important;
}


.version-beta {
    font-size: 0.9em;
    color: #ffffff; 
    background: linear-gradient(90deg, #007bff, #6f42c1);
    padding: 2px 6px;
    border-radius: 3px;
    font-weight: bold;
    margin-left: 10px;
    display: inline-block;
}

.version-original {
    font-size: 0.9em;
    color: #ffffff; 
    background: linear-gradient(90deg, #FFB345, #2C2E39);
    padding: 2px 6px;
    border-radius: 3px;
    font-weight: bold;
    margin-left: 10px;
    display: inline-block;
}

.version-notice {
    display: flex;
    align-items: flex-start;
    background: #f5f7fa;
    border-left: 4px solid #007bff;
    padding: 10px 12px;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    margin-bottom: 12px;
}

.version-notice i {
    color: #007bff;
    margin-right: 10px;
    font-size: 1.2em;
    margin-top: 2px;
}

/* Contenedor flex ya lo pusimos con d-flex align-items-stretch */

/* Indicador al lado del botón */
.status-indicator {
    width: 23px; /* ancho de la cajita */
    background-color: #28a745; /* verde por defecto */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px 0 0 4px; /* esquinas redondeadas a la izquierda */
    margin-right: -1px; /* pegado al botón sin espacio */
    font-size: 0.9em;
}

.status-indicator.status-danger {
    background-color: #e48630; /* naranja */
}

/* Botón con misma altura que el indicador */
.btn-status-button {
    display: flex;
    align-items: center;
    border-radius: 0 4px 4px 0; /* esquinas redondeadas a la derecha */
    padding: 0 12px;
}

.btn-status-original {
    border-radius: 0 4px 4px 0 !important; /* esquinas redondeadas a la derecha */
}

.panel-heading a .version-notice {
    margin-bottom: 0;
    padding-bottom: 4px;
}

.div-lateral-productos-aseg {
    position: fixed;
    width: 300px;
    top: 55%;
    right: -300px;
    background-color: #85C1E9;
    color: #FFFFFF;
    border-top-left-radius: 4%;
}

.heading-lateral-productos-aseg {
    background-color: #5499C7;
}


.icon-lateral-productos-aseg {
    position: relative;
    right: 60px;
    top: -27px;
    width: 350px;
    background-color: #85C1E9;
    color: #FFFFFF;
    border-bottom-left-radius: 20%;
    border-top-left-radius: 20%;
    font-size: 1.8em;
    padding: 30px;
    margin-bottom: -60px;
    margin-top: -60px;
    cursor: pointer;
    z-index: -1;

}


.btn-lateral-productos-aseg {
    position: relative;
    top: 25px;
    color: #fff !important;
    background-color: #5499C7;
    border-color: #5499C7;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-lateral-productos-aseg:hover {
    color: #85C1E9 !important;
    background-color: #FFF;
    border-color: #FFF;
}

.datepicker-dropdown {
    z-index: 999999 !important;
}

/* Métricas */

.title-column-metricas {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

.title-column-metricas>span {
    padding-bottom: 3px;
    padding-left: 2px;
}

/* Correción selector de producto */
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active {
    color: #212529 !important;
}


.table-responsive .dropdown,
.table-responsive .btn-group,
.table-responsive .btn-group-vertical {
    position: static;
}

.table td>.checkbox-custom:only-child,
.table th>.checkbox-custom:only-child {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

/* Modal confirm global */

#modal-confirm-global {
    z-index: 2147483647 !important;
}

#modal-confirm-global .modal-body,
#modal-confirm-global .modal-footer {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}

#modal-confirm-global .modal-content .modal-body {
    padding-bottom: 0 !important;
    padding-top: 1rem;
}

#modal-confirm-global .modal-content .modal-body .message {
    text-align: center;
}

#modal-confirm-global .modal-content .modal-header {
    padding: 5px 40px 5px 5px !important;
}

/* Cabeceras de columnas ordenables */

.th-sortable {
    cursor: pointer;
}

/* Ancho automático de las columnas con ordenación */

.auto-width-column-sort {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

.auto-width-column-sort>span {
    padding-bottom: 3px;
    padding-left: 2px;
}

/* Tabla coberturas IA */

.modal-content-coberturas-ia {
    height: 95%;
    width: 95%;
}

/* Modal validar oferta IA: panel izquierdo con scroll, PDF fijo a la derecha */
#modal_editar_oferta .modal-editar-oferta-content {
    width: 95%;
    height: 95vh;
    display: flex;
    flex-direction: column;
}
#modal_editar_oferta .modal-editar-oferta-body {
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-bottom: 0;
}
#modal_editar_oferta .modal-footer {
    flex: 0 0 auto;
    border-top: 1px solid #e4eaec;
    background: #fff;
}
#modal_editar_oferta .modal-editar-oferta-split {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
}
#modal_editar_oferta .modal-editar-oferta-izq {
    flex: 1 1 50%;
    overflow-y: auto;
    min-width: 0;
    padding-right: 15px;
}
#modal_editar_oferta .modal-editar-oferta-der {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-left: 1px solid #e4eaec;
    padding-left: 15px;
}
#modal_editar_oferta .modal-editar-oferta-doc-wrap {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
#modal_editar_oferta .modal-editar-oferta-doc-wrap .tab-pane {
    flex: 1 1 auto;
    min-height: 0;
}
#modal_editar_oferta .modal-editar-oferta-doc-wrap .tab-pane.active {
    display: flex;
    flex-direction: column;
}
#modal_editar_oferta #div_embed_edit {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}
#modal_editar_oferta #div_embed_edit iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0;
}
#modal_editar_oferta #pane_mails_editar {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}
#modal_editar_oferta .lista-hilos-mails-oferta,
#modal_nueva_oferta .lista-hilos-mails-oferta {
    min-height: 0;
}
#modal_nueva_oferta .modal-nueva-oferta-docs-mails {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 85vh;
}
#modal_nueva_oferta .modal-nueva-oferta-docs-mails .tab-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}
.hilo-mail-oferta-toggle,
.desplegar-mail-oferta-msg {
    cursor: pointer;
}
.hilo-mail-oferta-mensajes iframe {
    width: 100%;
    height: 360px;
    border: 0;
    background: #fff;
}

/* Modal validar coberturas de póliza (mismo layout split que oferta) */
#modal_validar_coberturas_poliza .modal-validar-coberturas-poliza-content {
    width: 95%;
    height: 95vh;
    display: flex;
    flex-direction: column;
}
#modal_validar_coberturas_poliza .modal-validar-coberturas-poliza-body {
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-bottom: 0;
}
#modal_validar_coberturas_poliza .modal-footer {
    flex: 0 0 auto;
    border-top: 1px solid #e4eaec;
    background: #fff;
}
#modal_validar_coberturas_poliza .modal-validar-coberturas-poliza-split {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
}
#modal_validar_coberturas_poliza .modal-validar-coberturas-poliza-izq {
    flex: 1 1 50%;
    overflow-y: auto;
    min-width: 0;
    padding-right: 15px;
}
#modal_validar_coberturas_poliza .modal-validar-coberturas-poliza-der {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-left: 1px solid #e4eaec;
    padding-left: 15px;
}
#modal_validar_coberturas_poliza .modal-validar-coberturas-poliza-doc-wrap {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
#modal_validar_coberturas_poliza .modal-validar-coberturas-poliza-doc-wrap .tab-pane {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
#modal_validar_coberturas_poliza #div_embed_coberturas_poliza {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}
#modal_validar_coberturas_poliza #div_embed_coberturas_poliza iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

/* Modal revisar/validar coberturas del comparativo (una pestaña por oferta/póliza) */
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-content {
    width: 95%;
    height: 95vh;
    display: flex;
    flex-direction: column;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-body {
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-bottom: 0;
}
#modal_validar_coberturas_comparativo .modal-footer {
    flex: 0 0 auto;
    border-top: 1px solid #e4eaec;
    background: #fff;
}
#modal_validar_coberturas_comparativo #tabs_modal_cmp_nivel1,
#modal_validar_coberturas_comparativo #tabs_validar_coberturas_comparativo {
    flex: 0 0 auto;
    margin-bottom: 10px;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-nivel1 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-nivel1 > .tab-pane {
    display: none;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-nivel1 > .tab-pane.active {
    display: flex;
    flex-direction: column;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-preview-wrap {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}
#modal_validar_coberturas_comparativo .tabla-cmp-preview {
    margin-bottom: 0;
    font-size: 12px;
    border-collapse: separate;
    border-spacing: 0;
    --cmp-preview-thead-row1: calc(1.25em + 16px + 1px);
}
#modal_validar_coberturas_comparativo .tabla-cmp-preview thead th {
    position: sticky;
    z-index: 2;
    background: #dfe6f5;
    vertical-align: middle;
    text-align: center;
}
#modal_validar_coberturas_comparativo .tabla-cmp-preview thead tr:first-child th {
    top: 0;
    white-space: nowrap;
    line-height: 1.25;
    padding-top: 8px;
    padding-bottom: 8px;
}
#modal_validar_coberturas_comparativo .tabla-cmp-preview thead tr:first-child th[rowspan] {
    z-index: 3;
    box-shadow: 0 2px 4px rgba(20, 40, 63, .12);
}
#modal_validar_coberturas_comparativo .tabla-cmp-preview thead tr:nth-child(2) th {
    top: var(--cmp-preview-thead-row1);
    background: #eef2fb;
    box-shadow: 0 2px 4px rgba(20, 40, 63, .12);
}
#modal_validar_coberturas_comparativo .tabla-cmp-preview tr.cmp-preview-principal td {
    font-weight: bold;
}
#modal_validar_coberturas_comparativo .tabla-cmp-preview td.cmp-preview-mejor-limite {
    background: #E8F5E9;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-wrap,
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-tab-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-tab-content > .tab-pane.active {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-split {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-izq {
    flex: 1 1 50%;
    overflow-y: auto;
    min-width: 0;
    padding-right: 15px;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-der {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-left: 1px solid #e4eaec;
    padding-left: 15px;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-doc-wrap {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-doc-wrap .tab-pane {
    display: none;
    flex: 1 1 auto;
    min-height: 0;
}
#modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-doc-wrap .tab-pane.active {
    display: flex;
    flex-direction: column;
}
#modal_validar_coberturas_comparativo .pane-mails-cmp {
    overflow-y: auto;
}
#modal_validar_coberturas_comparativo .lista-hilos-mails-oferta {
    min-height: 0;
}
#modal_validar_coberturas_comparativo .div-embed-cmp {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}
#modal_validar_coberturas_comparativo .div-embed-cmp iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0;
}
.cmp-tick-guardado {
    color: #4caf50;
    margin-left: 5px;
}
#modal_validar_coberturas_comparativo .cmp-radios-doc-digitalizar,
#modal_editar_oferta .cmp-radios-doc-digitalizar {
    max-height: 180px;
    overflow-y: auto;
}
#modal_validar_coberturas_comparativo .cmp-box-adjuntar-digitalizar .file-preview,
#modal_editar_oferta .cmp-box-adjuntar-digitalizar .file-preview {
    max-height: 180px;
    overflow: auto;
}
#selecionar-documentos-comparativo-ia {
    z-index: 2000;
}

@media (max-width: 991px) {
    #modal_editar_oferta .modal-editar-oferta-split {
        flex-direction: column;
    }
    #modal_editar_oferta .modal-editar-oferta-izq,
    #modal_editar_oferta .modal-editar-oferta-der {
        flex: none;
        max-width: 100%;
        overflow-y: visible;
        border-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    #modal_editar_oferta #div_embed_edit {
        height: 450px;
        min-height: 400px;
    }
    #modal_validar_coberturas_poliza .modal-validar-coberturas-poliza-split {
        flex-direction: column;
    }
    #modal_validar_coberturas_poliza .modal-validar-coberturas-poliza-izq,
    #modal_validar_coberturas_poliza .modal-validar-coberturas-poliza-der {
        flex: none;
        max-width: 100%;
        overflow-y: visible;
        border-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    #modal_validar_coberturas_poliza #div_embed_coberturas_poliza {
        height: 450px;
        min-height: 400px;
    }
    #modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-split {
        flex-direction: column;
    }
    #modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-izq,
    #modal_validar_coberturas_comparativo .modal-validar-coberturas-cmp-der {
        flex: none;
        max-width: 100%;
        overflow-y: visible;
        border-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    #modal_validar_coberturas_comparativo .div-embed-cmp {
        height: 450px;
        min-height: 400px;
    }
}

@media (min-width: 768px) {
    .modal-fill-in .modal-dialog>* {
        width: auto;
    }
}

.modal-auto-height .modal-body .table-coberturas-ia th {
    padding-bottom: 1.5rem;
    text-align: center;
}

.cargando-transparente {
    background-color: transparent;
}

.modal-auto-height .modal-body .table-coberturas-ia tr:hover:first-child {
    background-color: transparent;
}

/* Solución para no solapar los select del fondo con el modal que se abre */

.modal-open .select2-container {
    z-index: auto;
}

/* Solución para ver al 100% el placeholder al añadirlo por js en select2 */

.select2-container .select2-search--inline:first-child {
    float: none;
}

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

/* Tabla con scroll auto */

.table-titles-sticky thead th {
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 100;
}

#modal-list-solicitudes-suscripcion-pendientes .cargando {
    display: none;
}

/* Estilos NavBar SearchBar */

.navbar-search-overlap .form-control {
    border: none;
}

.search-notification-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.search-notification-container form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.btn {
    font-family: OpenSans, sans-serif;/*dragones comentar*/
    letter-spacing: 0.3px
}

.btn-default {
    border: 1px solid transparent;
}

.btn-primary {
    color: #fff;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid var(--primary);
    background: var(--primary);
    text-align: center;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.btn-primary:hover {
    color: #DBE0F0;
    background: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background: var(--primary-dark) !important;
    border: 1px solid var(--primary-dark) !important;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:active,
.btn-primary.disabled:focus {
    color: var(--gray-medium);
    background: var(--gray-light) !important;
    border: 1px solid var(--gray-light) !important;
}

.btn-secondary {
    color: var(--primary-dark, #1C2242);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid var(--primary);
    background: var(--primary-transparent-1);
    text-align: center;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.btn-secondary:hover {
    color: var(--primary-dark, #1C2242);
    background: var(--primary-light);
}

.btn-secondary:active,
.btn-secondaryy:focus {
    color: #fff;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid var(--primary);
    background: var(--primary);
    text-align: center;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.btn-transparent {
    font-size: 13px;
    font-weight: 600;
    color: #212a5e;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent:focus {
    color: #212a5e;
    background-color: #dbe0f0 !important;
    border-color: #dbe0f0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-transparent-active {
    background-color: #dbe0f0 !important;
    color: #212a5e;
}

.btn-ia {
    font-size: 12px;
    color: var(--warning-dark);
    background: var(--warning-light);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 7px;
    width: auto;
    height: 22px;
    padding: 15px;
    text-align: center;
    text-justify: center;
    line-height: 100%;
    gap:2px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}

.btn-ia:hover,
.btn-ia:active,
.btn-ia:focus,
.btn-ia-active {
    color: var(--gray-medium);
    background: var(--gray-light);
    -webkit-box-shadow: 0px 0px 2px;
            box-shadow: 0px 0px 2px;
}

.btn-warning-dark {
    color: var(--warning-dark);
    background: var(--warning-light);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.btn-warning-dark:hover,
.btn-warning-dark:active,
.btn-warning-dark:focus,
.btn-warning-dark-active {
    color: var(--gray-medium);
    background: var(--gray-light);
    -webkit-box-shadow: 0px 0px 2px;
            box-shadow: 0px 0px 2px;
}


/*icono ia labels digitalización*/
span.ia-data {
    font-size:10px;
    font-family:OpenSans, sans-serif;
color:var(--gray-medium);
    padding:2px;
    background-color:var(--gray-light);
    border-radius:7px;
 
    
}
span.ia-data>i{
    color:var(--warning);
    margin-right:3px;
  
}
:has(> .ia-data) {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:8px;
}

.tag{
    cursor: pointer;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 6px;
    border: 1px solid;
    font-size: 12px;
    text-align: center;
    font-family: OpenSans, sans-serif;
    letter-spacing: 0.1px;
    height: 25px;
    padding: 2px 5px;
    margin: 1px;
}


.tag-default {
  
    border-color: var(--gray-dark);
    color: var(--gray-medium);
    background-color: rgba(43, 49, 80, 0.08);
  
  
}

.tag-default:hover {
    color: var(--primary-light);
}

.tag-default.active {
    border-color: var(--primary-light) !important;
    background-color: var(--primary-transparent1) !important;
    color: var(--primary-light);
}


.tag-default:active {
     border-color: var(--primary-light) !important;
    background-color: var(--primary-transparent1) !important;
    color: var(--primary-light);
}


.tag-light {
    border-color: var(--gray-light);
    color: var(--gray-medium, #8E92A4);
    background-color: var(--gray-light);
}

.tag-light:hover {
    border-color: var(--primary-light) !important;
}

.tag-light.active {
    border-color: var(--primary-light) !important;
    background-color: var(--primary-light)!important;
    color: var(--primary-dark);
}


.tag-light:active {
    border-color: var(--primary-light) !important;
    background-color: var(--primary-light)!important;
    color: var(--primary-dark);
}
.custom-buttons-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2px 1fr 2px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2px;
    border-right: solid 1px var(--gray-medium);
}

.custom-buttons-list .nav-item:nth-child(odd) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    margin-left: auto;
}

.custom-buttons-list .nav-item:nth-child(even) {
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

.custom-buttons-list .nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .navbar-mega .container-fluid {
        position: relative;
    }

    .navbar-toolbar .btn-sm {
        font-size: 10px;
        padding: 4px 6px;
    }

}
/*modal add user añadir usuario*/
#modal_add_user .form-control-label {
    width:100%;
    text-align:left;
}
#modal_add_user .form-control-label {
    width:100%;
    text-align:left;
}
#modal_add_user .panel-desplegable{
    border:1px solid var(--primary-light);
    font-family:OpenSans, sans-serif;
    padding:5px;
   
}
#modal_add_user textarea{
    max-height:60px;
}
#modal_add_user .modal-dialog {
    padding:50px;
    background-color:var(--primary-transparent4);
    -webkit-backdrop-filter: blur(0.7px);
            backdrop-filter: blur(0.7px);
   
}
/*ocultar barra de scroll*/
#modal_add_user::-webkit-scrollbar{
    display:none !important;
   
}
/* Estilos Dashboard Paneles */

.custom-supertitle {
    color: var(--gray-dark);
    font-size: 13px;
    font-family: WorkSans, OpenSans, sans-serif;
}

.custom-title,
.table thead th {
    color: var(--gray-dark);
    font-size: 13px;
    font-weight: bold;
    font-family: OpenSans, sans-serif;
}

.custom-subtitle {
    color: var(--gray-medium);
    font-size: 12px;
    font-family: OpenSans, sans-serif;
}

.custom-text,
.table tbody td,
.dropdown-header,
.dropdown-item {
    color: var(--gray-medium);
    font-size: 13px;
    font-family: OpenSans, sans-serif;
}

.custom-accordion-supertitle {
    color: var(--gray-dark);
    font-size: 14px;
    font-family: OpenSans, sans-serif;
    font-weight: 600;
    margin: 0;
}

.custom-accordion-subtitle {
    color: var(--gray-medium);
    font-size: 14px;
    font-family: OpenSans, sans-serif;
    margin: 0;
}

.panel-icon {
    color: var(--gray-dark);
}

.custom-percentage {
    color: var(--gray-dark);
    font-size: 14px;
    font-family: OpenSans, sans-serif;
}

.btn-simple {
    padding: 1px 5px;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-simple:hover,
.btn-simple:active,
.btn-simple:focus {
    color: #212a5e;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.panel-light-blue {
    background-color: #dbe0f0;
    border-color: #dbe0f0;
    border-radius: 6px;
}

.panel-light-orange {
    background-color: #ffedd2;
    border-color: #ffedd2;
    border-radius: 6px;
}

.panel-light-green {
    background-color: #e2fbd7;
    border-color: #e2fbd7;
    border-radius: 12px;
}

.panel-light-red {
    background-color: #ffdde5;
    border-color: #ffdde5;
    border-radius: 12px;
}

.panel-light-grey {
    background-color: #f7f7fa;
    border-color: #f7f7fa;
    border-radius: 6px;
}

/* Estilos dropdowon tablas */

.dropdown-menu {
    padding: 10px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.dropdown-header {
    font-weight: bold;
    font-size: 13px !important;
    padding: 0 !important;
    margin: 2px 5px;
}

.dropdown-item {
    text-decoration: none !important;
    padding: 0;
}

/* Estilos Calendario Dashboard */

.fc .fc-button-primary {
    background-color: transparent !important;
    border: none !important;
    color: var(--primary) !important;
    border-radius: 4px !important;
    padding: 5px 10px;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: OpenSans, sans-serif !important;
    -webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    -o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased;
    text-transform: capitalize !important;
}

.fc .fc-button-primary:hover {
    background-color: #dbe0f0 !important;
}

.fc .fc-button-primary:disabled {
    background-color: transparent !important;
}

/* Estilos input  */

.form-control.is-valid {
    border-color: #e4eaec;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.form-control.is-valid:active {
    border-color: var(--primary);
}

.link-unstyled, .link-unstyled:link, .link-unstyled:hover {
    color: inherit;
    text-decoration: inherit;
}

.badge-color-text{
    color: var(--primary);
    font-weight: 600 !important;    
}

/* Estilos salida a mercado header */
.step {
    border-width: 0 5px;
    border-style: solid;
    border-color: #fff;
}

/* Estilos salida a mercado contenido */
#salida-mercado-panel {
    background-color: var(--white);
    padding: 15px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
}

#salida-mercado-panel .panel-group .panel-title {
    padding: 10px;
}

.accordion-number {
    width: 30px;
    height: 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 200%;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    color: var(--gray-dark);
    background: var(--gray-light);
}

.accordion-number.current {
    color: var(--warning-dark);
    background: var(--warning-light);
}

.accordion-number.done {
    color: var(--success-dark);
    background: var(--success-light);
}

.flex-adapter {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

ul.nav-tabs li a p {
    margin: 0;
}

ul.nav-tabs li a {
    color: var(--gray-medium);
    font-size: 13px;
    font-weight: 600;
    font-family: WorkSans, OpenSans, sans-serif;
    margin: 0;
}

/* Estilos salida a mercado formulario */

.form-salida-mercado input {
    color: #363846;
}

.form-salida-mercado label {
    color: var(--gray-dark, #454859);
    font-family: OpenSans, sans-serif;
}

#collapsable2>div>div>div>div>div:nth-child(2)>span>span.selection>span>ul>li>input {
    background-color: transparent !important;
}

.form-salida-mercado select.form-control,
.form-salida-mercado input.form-control,
#panel_datos span.selection>span,
.form-salida-mercado #Obj_soc,
.form-salida-mercado #Detalle_actividad,
.form-salida-mercado span.select2-selection {
    border: none;
    border-bottom: 1px solid var(--gray-medium, #8E92A4);
    background: var(--gray-light, #F7F7FA);
    border-radius: 0;
}

.form-salida-mercado .form-control-label {
    font-family: OpenSans, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    color: var(--gray-dark);

}

.form-salida-mercado .form-control::-webkit-input-placeholder {
    color: var(--gray-medium, #8E92A4);
    font-family: OpenSans, sans-serif;
    font-size: 14px;
    font-style: normal;

    line-height: 140%;
    /* 22.4px */

}

.form-salida-mercado .form-control::-moz-placeholder {
    color: var(--gray-medium, #8E92A4);
    font-family: OpenSans, sans-serif;
    font-size: 14px;
    font-style: normal;

    line-height: 140%;
    /* 22.4px */

}

.form-salida-mercado .form-control:-ms-input-placeholder {
    color: var(--gray-medium, #8E92A4);
    font-family: OpenSans, sans-serif;
    font-size: 14px;
    font-style: normal;

    line-height: 140%;
    /* 22.4px */

}

.form-salida-mercado .form-control::-ms-input-placeholder {
    color: var(--gray-medium, #8E92A4);
    font-family: OpenSans, sans-serif;
    font-size: 14px;
    font-style: normal;

    line-height: 140%;
    /* 22.4px */

}

.form-salida-mercado .form-control::placeholder {
    color: var(--gray-medium, #8E92A4);
    font-family: OpenSans, sans-serif;
    font-size: 14px;
    font-style: normal;

    line-height: 140%;
    /* 22.4px */

}

.form-salida-mercado .form-helper {
    color: var(--gray-medium, #8E92A4);
    font-family: OpenSans, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 110%;
    margin-top: 5px;
}

#panel_tiene_user {
    background-color: var(--primary-transparent2);
    padding: 20px;
    border-radius: 10px;
}

#borrar_coaseguro {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--gray)
}

/*eliminar + y - collapse panel-title */
.form-salida-mercado a.panel-title::after,
.form-salida-mercado a.panel-title.collapsed::before {
    display: none !important;
}

/*eliminar boton ia cuando el form este collapsed */
.form-salida-mercado a.panel-title.collapsed>span.btn-ia {
    display: none;
}


/*Paso4 Lanzar a mercado: Modal de suscriptores*/

#añadirSuscriptoresModal div:has(> button.btn-primary){
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:right;
        -ms-flex-pack:right;
            justify-content:right;
    padding-top:10px;
}

/*resumen*/
#aside-summary {
    /* border-radius: 10px;
    border: solid 1px var(--gray-light);
    border-top: 0px;
    background-color: var(--gray-light);
    padding: 3px; 
    display: flex; */
}

#aside-summary>div {
    width: 100%;
}

#aside-summary .nav-tabs {
    gap: 1px;
    padding: 0 1px;
}

#aside-summary .summary-tab,
#aside-summary .summary-tab>a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    border-radius: 10px 10px 0px 0px;
    color: var(--primary-dark, #1C2242);
    text-align: center;
    font-family: WorkSans, OpenSans, sans-serif;
    font-weight: 600;
    background: var(--primary-light, #DBE0F0);
    max-width: 100% !important;
    border-bottom-color:white!important;
}

#aside-summary .summary-tab.open,
#aside-summary .summary-tab.open>a {
    background: var(--white, #FFF) !important;
}

#aside-summary .summary-tab.ia {
    max-width: 70px !important;
}

#aside-summary .summary-tab.ia>a {
    width: 100%;


}


.tab-container {
    background-color: white !important;
}

/*summary documentos adjuntos*/
#tab-content-2>div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--gray-light);

}

#tab-content-2>div:nth-child(1)>div {
    color: var(--gray-medium);
    font-family: OpenSans, sans-serif;
    font-size: 12px;
    font-style: normal;

    letter-spacing: 0.1px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#tab-content-2>div:nth-child(1)>button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    gap: 8px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
}

#tab-content-2>div.example-wrap {
    margin-bottom: 0px;
}

#aside-summary .tab-resumen {
    background-color: #fff;
}

/*cards summary*/
.card-summary ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: none;
}

.card-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 7px;
    border: 1px solid var(--primary-light, #DBE0F0);
    background: var(--white, #FFF);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 10px;
}

.card-summary-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    border-radius: 7px 7px 0px 0px;
    background: var(--primary-light, #DBE0F0);
}

.card-summary-title>div:nth-of-type(1) {
    color: var(--primary, #212A5E);
    font-size: 13.846px;
    font-style: normal;
    font-weight: 600;
    width: 100%;
    line-height: 110%;
    /* 15.23px */
}

.card-summary-title>div:nth-of-type(2) {
    width: 12px;
    height: 12px;

}

.card-summary-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
}

.card-summary-content-element>p {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    color: var(--gray-dark, #454859);
    font-size: 13.846px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding: 0;
    margin: 0;
}

.card-summary-content-element {
    height: auto;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;


}

.card-summary-content-element>b {
    color: var(--gray-medium, #8E92A4);
    font-size: 13.846px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;

}

.card-summary-content-gestor {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.gestor-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33px;
    height: 33px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    margin-right: 5px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 70px;
    background: var(--gray-light, #F7F7FA);
}

.gestor-name {
    width: 100%;
    height: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.card-summary-content-check {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5px;
}

.check-icon {
    width: 12px;
    height: 12px;

}

.check-name {
    width: 100%;
    height: auto;
    color: var(--gray-dark, #454859);
    font-size: 13.85px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/*summary doc list*/
.doc-list {
    padding: 5px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
}

.doc-list .doc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 12px;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--primary-light, #DBE0F0);
}

.doc-list .doc:hover {
    background-color: var(--primary-transparent3);
}

.doc-list .doc>a {
    color: var(--gray-dark, #454859);
    font-family: OpenSans, sans-serif;
    font-size: 12px;
    font-weight: 600;
    max-height: 1.5em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}


/*checkbox*/
.checkbox-custom>label {
    color: var(--gray-dark, #454859);
    font-size: 14px;

}

.checkbox-custom>label::before {
    border-radius: 2px;
    border: 2px solid var(--gray-dark, #454859);
    width: 18px;
    height: 18px;
}

/*radiobutton*/
.radio-custom>label {
    color: var(--gray-dark, #454859);
    font-size: 14px;
    margin: 2px 0px 2px 10px;
}

.radio-custom>label::before {

    border: 2px solid var(--gray-dark, #454859);
    width: 18px;
    height: 18px;
}

.tabla-cliente-pendientes {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

/* boton subestado */
.subestadoButton {
    margin-right: auto;
}

#search_suscriptores ~ span > span > span > ul > li > input, 
#Copia_mail ~ span > span > span > ul > li > input{ 
    background-color: transparent !important;
}

#modal-list-solicitudes-suscripcion-pendientes .cargando{
	display: none;
}

/* Hacer un tbody con scroll para comparativo síncrono */
.table-wrapper {
    width: 100%;
    height: 600px;
    overflow: auto;
}

.table-wrapper table {
    border-collapse: separate;
    border-spacing: 0;
}

.table-wrapper table thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
}

.btn-style-principal{
    background-color: #ffb345;
    border-color: #ffb345;
    color: var(--primary-dark);
    padding: 0.429rem 1rem;
}

.btn-style-principal:hover,
.btn-style-principal:active,
.btn-style-principal:focus {
    background-color: #ffb345;
    border-color: #ffb345;
    color: var(--white);
}

details.mas-polizas-salida-mercado[open] summary::after {
    content: attr(data-open);
  }
  
details.mas-polizas-salida-mercado:not([open]) summary::after {
    content: attr(data-close);
}

.wrapper-lista-visual-suscriptores .select2-selection__choice {
    position: relative;
    padding-left: 15px;
}

.wrapper-lista-visual-suscriptores .select2-selection__choice__remove {
    position: absolute;
    left: 0; right: 0;
    padding-left: 5px;

    color: transparent !important;
}

.wrapper-lista-visual-suscriptores .select2-container .select2-selection {
    max-height: 140px;
    overflow-y: scroll;
}

.wrapper-lista-visual-suscriptores span > span > span > ul > li > input,
.wrapper-lista-visual-suscriptores span > span > span{ 
    background-color: transparent !important; 
}

.wrapper-lista-visual-suscriptores .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none !important;
}

.wrapper-lista-visual-suscriptores .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: white;
    padding: 0 0.429rem 0 0;
}

.wrapper-lista-visual-suscriptores span.select2-container--focus {
    border-bottom: 1px solid var(--gray-medium, #8E92A4) !important;
}

.wrapper-lista-visual-suscriptores .select2-container--default .select2-selection--multiple {
    cursor: default !important;
}

.wrapper-search-suscriptores .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: white;
}

.lista-final-emails-seleccionados tr td:nth-child(3){
    text-align: left;
}

.lista-final-emails-seleccionados tr td:nth-child(3) div div{
    margin: 0 auto 0 0;
}
.search-tree-productos {
    margin: 0 0 1rem 1rem;
}


.slide-mail-box-green {
    background-color: var(--success-light);
    border-radius: 10px;
    padding: 11px 25px;
    margin: 5px 0 5px 30px;
}

.slide-comentario-box-aseguradora, .slide-comentario-box-correduria {
    border-radius: 10px;
    padding: 11px 25px;
}

.slide-comentario-box-aseguradora{
    margin: 5px 0 5px 30px;
    background-color: #baeca4;
}

.slide-comentario-box-correduria{
    margin: 5px 30px 5px 0;
    background-color: #dedee3;
}

.slide-mail-box-gray {
    background-color: var(--gray-light);
    border-radius: 10px;
    padding: 11px 25px;
    margin: 5px 0;
    margin: 5px 30px 5px 0;
}

.slide-mail-box-blue {
    background-color: #e5eeff;
    border-radius: 10px;
    padding: 11px 25px;
    margin: 5px 0;
    margin: 5px 30px 5px 0;
}

.style-icon-badge{
    min-height: 9px;
    min-width: 9px;
}

.font-weight-badge{
    font-weight: 600;
}

.min-height-5{
    min-height: 5rem;
}

/* Panel poliza aseguradora */

.padding-bottom-link{
    padding-bottom: .9rem !important;
}

.size-panel-datos{
    height: 300px;
}

/* Grid datos */

.grid-datos1 {
    grid-area: datos1;
}

.grid-datos2 {
    grid-area: datos2;
}

.grid-datos3 {
    grid-area: datos3;
}

.grid-datos4 {
    grid-area: datos4;
}

.grid-datos5 {
    grid-area: datos5;
}

.grid-datos{
    display: grid;
    gap: 1rem;
    grid-auto-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
                        "datos1 datos2 datos3"
                        "datos1 datos2 datos4"
                        "datos5 datos5 datos5";
}

.grid-botones{
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
}

/* media query ancho */

@media (max-width: 499px) {
    .grid-datos{
        grid-auto-rows: auto auto auto auto auto;
        grid-template-columns: 1fr;
        grid-template-areas:
                            "datos3"
                            "datos1"
                            "datos2"
                            "datos4"
                            "datos5";
    }

    .grid-datos3{
        border-bottom: 1px solid #8080801a;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .grid-datos{
        grid-auto-rows: auto auto auto auto;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
                            "datos1 datos3"
                            "datos2 datos4"
                            "datos5 datos5";
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .grid-datos{
        grid-auto-rows: auto auto auto;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
                            "datos1 datos3"
                            "datos2 datos4"
                            "datos5 datos5";
    }
}

@media (min-width: 423px) and (max-width: 687px){
    .grid-boton1 {
        grid-area: boton1;
    }

    .grid-boton2 {
        grid-area: boton2;
    }

    .grid-boton3 {
        grid-area: boton3;
    }

    .grid-botones{
        grid-auto-rows: auto auto;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
        grid-template-areas:
                            "boton1 boton2"
                            "boton3 boton3";
    }
}

@media (min-width: 768px) and (max-width: 947px){
    .grid-boton1 {
        grid-area: boton1;
    }

    .grid-boton2 {
        grid-area: boton2;
    }

    .grid-boton3 {
        grid-area: boton3;
    }

    .grid-botones{
        grid-auto-rows: auto auto;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
        grid-template-areas:
                            "boton1 boton2"
                            "boton3 boton3";
    }
}

/* media query alto */

@media (min-height: 500px) and (max-height: 767px) {
    .size-panel-datos{
        height: 300px;
    }
}

@media (min-height: 768px) and (max-height: 991px){
    .size-panel-datos{
        height: 400px;
    }
}

@media (min-height: 992px){
    .size-panel-datos{
        height: 600px;
    }
}

.max-height{
    min-height: 100%;
    height:auto !important;
    height: 100%;
}

/* Esto arregla el conflicto del summernote con los <b>, que no se reflejaba en el WYSIWYG */
.note-editor.note-frame .note-editing-area .note-editable b { font-weight: bold !important; }

.wrapper-image-menu-bottom{
    background-color: #FFFFFF;
    max-height:150px;
}

.image-menu-bottom{
    max-height:100px;
}

.footer-menu-with-two-images{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr;
    justify-items:center;
    justify-content: center;
    align-items: center;
    max-height:22vh;
}

.select2-dropdown.increasezindex {
    z-index:99999;
}

#buscador-otros-suscriptores .tt-menu {
    max-height:300px;
    overflow-y: auto;
}

.word-wrap-div {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}


/*DRAG AND DROP*/
/* Añade estilos para los elementos arrastrables */
.draggable {
    cursor: grab;
}

/* Estilos para la celda cuando un elemento se arrastra sobre ella */
.droppable {
    border: 2px dashed #667afa !important;
}

.invisible {
    opacity: 0.5; /* Ajuste de opacidad a un valor más opaco */
    cursor: grabbing; /* Mantén el cursor de mano agarrada */
}

/* Estilo para elementos no arrastrables */
.not-draggable {
    cursor:default;
}

/* Iluminación al arrastrar un elemento sobre una celda válida */
.highlight {
    background-color: #faedb7; /* Color de iluminación */
}
/*DRAG AND DROP*/


/*Posiciones*/
.position-static {
    position: static !important;
  }
  
  .position-relative {
    position: relative !important;
  }
  
  .position-absolute {
    position: absolute !important;
  }
  
  .position-fixed {
    position: fixed !important;
  }
  
  .position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  
  .top-0 {
    top: 0 !important;
  }
  
  .top-50 {
    top: 50% !important;
  }
  
  .top-100 {
    top: 100% !important;
  }
  
  .bottom-0 {
    bottom: 0 !important;
  }
  
  .bottom-50 {
    bottom: 50% !important;
  }
  
  .bottom-100 {
    bottom: 100% !important;
  }
  
  .start-0 {
    left: 0 !important;
  }
  
  .start-50 {
    left: 50% !important;
  }
  
  .start-100 {
    left: 100% !important;
  }
  
  .end-0 {
    right: 0 !important;
  }
  
  .end-50 {
    right: 50% !important;
  }
  
  .end-100 {
    right: 100% !important;
  }
/*Fin posiciones*/
/* MODAL MAIL INICIO Y CONTACTO, COBROKERAGE, CLIENTE, ASEGURADORA, REMINDER */

.modal-header {
    padding: 15px 0p 5px 20px !important;
    border-bottom: none !important;
}

.modal_mail_hbs {
    margin-top: -20px !important;
}

.modal_mail_hbs .form-group {
    margin-bottom: 5px !important;
}

.modal_mail_hbs h5,
#modal_mails_contacto_cobrokerage_render h5,
#modal_mails_contacto_clientes_render h5,
#modal_mails_contacto_aseguradoras_render h5,
#modal_mails_contacto_generico_render h5,
#modal_mails_contacto_cobrokerage h5,
#modal_mails_contacto_clientes h5,
#modal_mails_contacto_aseguradoras h5,
#modal_mails_contacto_generico h5,
#modal_solicitar_condiciones_renovacion h5 {
    margin-bottom: 5px !important;
}

#modal_mails_contacto_cobrokerage_render h4,
#modal_mails_contacto_cobrokerage h4,
#modal_mails_contacto_clientes_render h4,
#modal_mails_contacto_clientes h4,
#modal_mails_contacto_aseguradoras_render h4,
#modal_mails_contacto_aseguradoras h4,
#modal_mails_contacto_generico_render h4,
#modal_mails_contacto_generico h4,
#modal_solicitar_condiciones_renovacion h4 {
    margin-bottom: 10px !important;
}

#modal_reminder h4 {
    margin-bottom: -15px !important;
}

#modal_mails_contacto_cobrokerage_render .modal-footer,
#modal_mails_contacto_cobrokerage .modal-footer,
#modal_mails_contacto_clientes_render .modal-footer,
#modal_mails_contacto_clientes .modal-footer,
#modal_mails_contacto_aseguradoras_render .modal-footer,
#modal_mails_contacto_aseguradoras .modal-footer,
#modal_mails_contacto_generico_render .modal-footer,
#modal_mails_contacto_generico .modal-footer,
#modal_solicitar_condiciones_renovacion .modal-footer {
    padding-top: 0px !important;
}

#modal_mails_contacto_cobrokerage_render .modal-body,
#modal_mails_contacto_cobrokerage .modal-body,
#modal_mails_contacto_clientes_render .modal-body,
#modal_mails_contacto_clientes .modal-body,
#modal_mails_contacto_aseguradoras_render .modal-body,
#modal_mails_contacto_aseguradoras .modal-body,
#modal_mails_contacto_generico_render .modal-body,
#modal_mails_contacto_generico .modal-body,
#modal_reminder .modal-body,
#modal_solicitar_condiciones_renovacion .modal-body {
    padding-bottom: 0px !important;
}

.modal_mail_hbs .checkbox-custom {
    margin-bottom: -17px !important;
}

.hidden {
    display: none;
}


#modal_mails_contacto_cobrokerage .modal_mail_hbs .form-group,
#modal_mails_contacto_cobrokerage_render .modal_mail_hbs .form-group,
#modal_mails_contacto_clientes .modal_mail_hbs .form-group,
#modal_mails_contacto_clientes_render .modal_mail_hbs .form-group,
#modal_mails_contacto_aseguradoras .modal_mail_hbs .form-group,
#modal_mails_contacto_aseguradoras_render .modal_mail_hbs .form-group,
#modal_reminder .form-group,
#modal_solicitar_condiciones_renovacion .form-group {
    margin-bottom: 12px !important;
}

#modal_mails_contacto_cobrokerage .checkbox-custom,
#modal_mails_contacto_cobrokerage_render .checkbox-custom,
#modal_mails_contacto_clientes .checkbox-custom,
#modal_mails_contacto_clientes_render .checkbox-custom,
#modal_mails_contacto_aseguradoras .checkbox-custom,
#modal_mails_contacto_aseguradoras_render .checkbox-custom,
#modal_reminder .checkbox-custom,
#modal_solicitar_condiciones_renovacion .checkbox-custom {
    margin-top: 0px !important;
}

#modal-elegir-documentos-enviar-mail,
#modal-elegir-documentos-enviar-mail-aseguradora,
#modal-elegir-documentos-enviar-mail-cliente,
#modal-elegir-documentos-enviar-mail-cobrokerage,
#modal-elegir-documentos-enviar-mail-aseguradora-hbs,
#modal-elegir-documentos-enviar-mail-cliente-hbs,
#modal-elegir-documentos-enviar-mail-cobrokerage-hbs,
#modal-elegir-documentos-enviar-mail-defecto,
#modal_copiar_documento_generico,
#modal_copiar_documento_generico_modal_mail,
#modal_solicitar_condiciones_renovacion {
    z-index: 9999 !important;
}

#modal_previsualizar_documentos {
    z-index: 99999 !important;
}

/* FIN MODAL MAIL INICIO Y CONTACTO, COBROKERAGE, CLIENTE, ASEGURADORA, REMINDER */

/* INICIO MODAL MOSTRAR DOCUMENTOS PARA ADJUNTAR A MAIL DE SALIDA A MERCADO */

.modal-foreground {
    border: 2px solid #262834;
}

.modal-backdrop-custom {
    max-width: 99% !important;
    width: 99% !important; 
}

.modal-backdrop-custom .modal-body {
    padding-top: 0px;
}

.modal-backdrop-custom .modal-body {
    padding-top: 0px;
}

.modal-backdrop-custom .modal-header {
    padding-bottom: 0px;
}

.modal-backdrop-custom h4 {
    font-size: 17px;
}

.modal-backdrop-custom-no-hbs {
    max-width: 50% !important;
    width: 50% !important; 
}

.modal-backdrop-custom-no-hbs .modal-body {
    padding-top: 0px;
}

.modal-backdrop-custom-no-hbs .modal-body {
    padding-top: 0px;
}

.modal-backdrop-custom-no-hbs .modal-header {
    padding-bottom: 0px;
}

.modal-backdrop-custom-no-hbs h4 {
    font-size: 17px;
}

.modal-title-custom {
    font-size: 19px !important; 
}

.modal-hbs-checkbox {
    margin-bottom: 20px;
}

.modal-hbs-h4 {
    padding-bottom: 10px !important;
}

.abrir-modal-elegir-documentos-enviar-mail-defecto,
.abrir-modal-elegir-documentos-enviar-mail-aseguradora-hbs,
.abrir-modal-elegir-documentos-enviar-mail-cliente-hbs,
.abrir-modal-elegir-documentos-enviar-mail-cobrokerage-hbs,
.abrir-modal-elegir-documentos-enviar-mail-cobrokerage,
.abrir-modal-elegir-documentos-enviar-mail-cliente,
.abrir-modal-elegir-documentos-enviar-mail-aseguradora,
.abrir-modal-elegir-documentos-enviar-mail-recordatorio {
    position: relative;
}

.numero-documentos {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: white;
    color: black;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.div-check-doc-polizas-elegir {
    display: table;
    width: 100%;
}

.modal-hbs-checkbox, .checkbox-seleccionar-documentos {
    display: table-cell;
    vertical-align: middle;
}
/* FIN MODAL MOSTRAR DOCUMENTOS PARA ADJUNTAR A MAIL DE SALIDA A MERCADO */


.canvas-fullscreen {
    position: fixed; /* Ocupa toda la pantalla */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Asegúrate de que el canvas esté detrás del contenido */
}


.card-acuerdos {
    height: 100%!important;
}

.card-acuerdos.abierta {
    background-color: #fffdea !important;
}

.card-li.abierta {
    background-color: #fffdea !important;
}

.usuarios-acuerdos-list {
    overflow-x: hidden!important;
}

/* En conteo de las notificaciones de la campana
existe un if que limita los elementos y al aparecer solamente
la papelera no aparecia fondo */
.conteo-notificaciones-menu{
    background-color: white;
    padding: 10px;
    min-height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.side-menu-action {
  position: fixed;
  right: 32px;  
  z-index: 1290;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  top: 300px;
}

#PanelLateralIA {
    z-index: 10000;
}


.custom-btn-size {
    height: 55px;  
    overflow: hidden;
}


.custom-btn-size img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
}


.custom-btn-size i {
    font-size: 1.5rem;
}

/* Ficha de acuerdo: el padding inferior del panel queda fuera del scroll
   de asScrollable y recorta el último bloque. El hueco va dentro del contenido. */
.panel-body.panel-scroll-contenido {
    padding-bottom: 0 !important;
}

.panel-body.panel-scroll-contenido.scrollable-vertical > .scrollable-container > .scrollable-content {
    padding-bottom: 30px;
}

.panel-body.panel-scroll-contenido.scrollable-vertical > .scrollable-bar {
    height: calc(100% - 8px);
    margin-top: 4px;
    margin-bottom: 4px;
}