:root {
    --border-radius: 5px;

    --opacity: 1;
    --opacity-hover: 0.7;

    --font-xsmall: 10px;
    --font-small: 12px;
    --font-normal: 14px;
    --font-big: 16px;
    --font-bigger: 20px;
    --font-biggerIcon: 25px;
    --font-biggest: 50px;

    /* main colors */
    --color-primary: #007853;
    --color-secondary: #F68A30;
    --color-tertiary: #183C70;
    --color-enlinea: #0C5E68;

    /* Conmplementary colors */
    --color-white: #FFFFFF;
    --color-green-light: #EBF4F2;

    --main-bg-color: #009d63;
    --main-text-color: #009d63;
    --second-text-color: #bbbec5;
    --second-bg-color: #c1efde;
    --verdeSigma: #087B5F;
    --verdeGradient: #087B5F;
    --naranjaSigma: #F68A30;
    --blancoSigma: #fff;
    --mainTextColor: #707070;
    --third-bg-color: #F5F5F7;
    --primary-color: #007853;
    --Light: #fff;
    --green-light: #0078548b;
    --orange-light: #f68930c1;

    --menu-color: #DAEBE6;
    --menu-card-body: #E7F2EF;

    /*Nuevos estilos de login*/
    --secondary-color: var(--naranjaSigma);
    --link-color: #1c1c1c;

    /*Tipificación*/

    --color-green: #007e5e;
    --color-greenhover: #4DA28F;
    --color-blue: #183C70;
    --color-whiteOpacity: #F7F7F7;
    --color-Transparent: #ebf4f236;
    --color-blackTransparent: #f5f3f300;
    --color-black: #000000;
    --color-gray: #333;
    --color-graylight: #c1c1c1;
    --color-graylightTranspa: #c1c1c167;
    --color-orange: rgba(246, 138, 48, 1);
    --color-orangelight: #FAEFE5;

}


/*
--------------------------------------------------------------------
-- -- -- -- -- --             ESTILOS.CSS Unificación              -- -- -- -- -- --
--------------------------------------------------------------------
*/

.background_login::before {
    content: "";
    opacity: .5;
    background-color: #F7F7F7;
    background-size: 70%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: -1;
}




table.tablaScroll tbody {
    overflow: overlay;
}



.maxvhTabla {
    min-height: 30vh;
    max-height: calc(100vh - 500px);
}

/*Scroll*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent !important;
    transition: all 2s !important
}

::-webkit-scrollbar {
    width: 6px !important;
    background-color: transparent !important;
    transition: all 2s !important
}

::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background-color: rgba(165, 165, 165, .8) !important;
    transition: all 2s !important
}

.cont {
    display: grid;
    grid-template-columns: 20% 80%;
    grid-gap: 0px;
    grid-template-rows: 100%;
}

.menu {
    grid-column: 1 / 2;
    grid-row: 1;
}

.contenido {
    grid-column: 2 / 3;
    grid-row: 1;
}

.iv-fullscreen {
    background: rgba(0, 0, 0, .8) !important;
    z-index: 3000 !important;
}

.editor {
    width: 100%;
    max-width: 1420px;
    margin: 50px 10px 43px 10px;
    height: 500px;
    display: flex;
    box-shadow: 0 7px 7px rgba(0, 0, 0, .1), 0 -2px 3px rgba(0, 0, 0, .125);
}

.editor__code {
    position: relative;
    border: none;
    flex-basis: 59%;
}

#resize {
    background-color: #ccc;
    position: relative;
    flex-basis: 1%;
    left: 0;
    width: 4px;
    height: 100%;
    cursor: w-resize;
}

.editor__preview {
    position: relative;
    flex-basis: 40%;
}

.editor__code>*,
.editor__preview>* {
    position: absolute;
    width: 100%;
    height: 100%;
}

#btnMas:hover {
    color: #6c757d;
    background-color: whitesmoke;
    border: none;
    font-size: 10px;
}

#btnMen:hover {
    color: #6c757d;
    background-color: whitesmoke;
    border: none;
    font-size: 10px;
}
.span_incidente{
    padding: 2px;
    border-radius: 10px;
    color: #ED4239;
    display: inline-block;
    border: 2px solid #ED4239; 
}

.list-group-item {
    background-color: transparent;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    border-radius: 0.5rem;
}

.link-menu {
    font-size: 0.9rem;
    font-weight: 400;
    text-align: left;
}


.icon-login {
    padding: 0.5rem;
    background-color: #89BFAE;
    border-radius: 100%;
    margin-right: 0.5rem;
    color: #fff;
}

.card-body {
    background-color: var(--menu-card-body);
    padding: 1.5rem;
}

.card {
    border: 0;
}

.btn-success {
    opacity: 70%;
}

.btn-success:hover {
    opacity: 100%;
}

table th {
    border: 0;
}

select.form-control[multiple],
select.form-control[size] {
    padding: 0rem 0.2rem;
    height: 1.85rem;
    font-family: 'helveticaRoman';
    font-size: 0.8rem;
    border-radius: 6px !important;
    border: 1px solid #ced4da;
}

.form-control {
    padding: 0.2rem 1rem;
    height: 1.85rem;
    font-family: 'helveticaRoman';
    font-size: 0.9rem;
}

.ss-content.form-control {
    height: auto !important;
}

.card-main {
    width: 97%;
}

#global {
    margin: 0.5rem 15px;
    overflow: auto;
}

.tabla-global {
    padding: 0.7rem;
    border-radius: 0.2rem;
}

.filters {
    padding: 0rem;
    border-radius: 0.2rem;
    margin: 0.5rem 0;
    justify-content: space-between;
}


details {
    border-radius: 0.5rem;
    overflow: hidden;
    border-left: 0.8rem solid transparent;
    padding: .81rem 0.7rem;
    margin-bottom: 0.5rem;
}


.item-orange p {
    list-style-type: corona-warning;
    margin-bottom: 0;
}


.item-green p {
    list-style-type: corona-info;
    margin-bottom: 0;
}


.summary-info {
    font-family: 'helveticaMd';
}


.summary-info p {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 1rem;
    padding: 0.5rem;
    cursor: pointer;
}



summary::marker {
    cursor: pointer;
    position: absolute;
    display: inline;
    content: url("data:image/svg+xml,%3Csvg width='0.6rem' height='0.6rem' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6066 12H1.3934' stroke='%23087B5F' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1.39343V22.6066' stroke='%23087B5F' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

details.item-orange summary::marker {
    content: url("data:image/svg+xml,%3Csvg width='0.6rem' height='0.6rem' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6066 12H1.3934' stroke='%23F68A30' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1.39343V22.6066' stroke='%23F68A30' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


details.item-green[open] summary::marker {
    content: url("data:image/svg+xml,%3Csvg width='0.6rem' height='0.6rem' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' style='transform: rotate(45deg);'%3E%3Cpath d='M22.6066 12H1.3934' stroke='%23087B5F' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1.39343V22.6066' stroke='%23087B5F' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

details.item-orange[open] summary::marker {
    content: url("data:image/svg+xml,%3Csvg width='0.6rem' height='0.6rem' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' style='transform: rotate(45deg); margin-right: 0.5rem;'%3E%3Cpath d='M22.6066 12H1.3934' stroke='%23F68A30' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1.39343V22.6066' stroke='%23F68A30' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.info-span {
    margin-left: 0.4rem;
}

.search {
    display: flex;
    align-items: center;
}

.search form {
    margin-block-end: 0;
    width: -webkit-fill-available;
}

.search .btn {
    border: 0.1rem solid transparent;
    border-radius: 0.2rem;
}

.consultaatencion-asegurado-section {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 1rem;
    background-color: #f9f9f9;
}

.consultaatencion-asegurado-section h3 {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    color: #333;
    font-weight: 600;
}

.consultaatencion-asegurado-section p {
    margin: 0.5rem 0;
}

.consultaatencion-asegurado-contact-info {
    grid-column: span 2;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 2px solid #ccc;
    padding-top: 1rem;
}

.consultaatencion-asegurado-contact-info p {
    font-weight: bold;
    color: #333;
    margin: 0;
}

.item-body {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 1rem;
    gap: 12px;
}

.item-body .grid-5 {
    grid-template-columns: repeat(6, 1fr);
}

.item-body p {
    font-weight: bold;
    flex-direction: column;
}

.item-body span {
    font-weight: 100;
    display: block
}

/*Cards item-body*/
.consultaatencion-asegurado-item-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}


.item-seg {
    margin: 0.5rem 0;
    border-radius: 0.3rem;
}

.item-det {
    grid-column: span 5 / span 5;
}


.moreInfo {
    border: none;
}

.filters .ss-main .ss-single-selected {
    height: 38px;
}


body {
    font-size: 14px;
}

.card {
    width: 100%;
    padding: 0 1rem;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.btn-loc {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}


span {
    font-size: 0.8rem;
    font-weight: 300;
}

select,
.custom-select {
    padding: 0.2rem 1rem;
    height: 1.85rem;
    font-family: 'helveticaRoman';
    font-size: 0.9rem;
}

.ss-main {
    min-height: 1.85rem !important;
}


.btnOpc {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0;
}


.btnInformacion {
    display: flex;
    align-items: center;
    justify-content: end;
}

.btnConsulta {
    font-size: 1.5rem;
    margin-left: 1rem;
    cursor: pointer;
}


.global .dropdown {
    margin-top: 0.15rem;
}

.global .dropdown-item {
    text-align: center;
    padding: 0;
    margin: 1rem 0;
    cursor: pointer;
}

.global .dropdown-item i {
    font-size: 1.3rem;
}

.global .dropdown-item span {
    font-size: 0.7rem;
    display: block;
}

.global .dropdown-menu {
    min-width: 7rem;
}

.dropdown-menu.show {
    left: -100%;
    border: 0;
    box-shadow: 0.01rem 0.1rem 0.5rem #dbdbdb;
}

.div-btn {
    display: flex;
    align-items: center;
    margin: 0;
    align-self: end;
    padding: 0 0 0 15px;
}

.form-label {
    display: block;
}

.list-filt {
    display: flex;
    margin: 0;
    align-items: flex-end
}

.card-filt {
    height: auto;
    padding: 0;
    border-radius: 15px !important;
    width: 100%;
    margin-bottom: .25rem;
}

.item-filt {
    display: flex;
    justify-content: space-between;
}



.item-filt .btn-remoc {
    font-size: 102%;
    opacity: 70%;
    padding: .25rem;
}

.campo-filt {
    height: 1.85rem !important;
    padding-top: 0;
    padding-bottom: 0;
}


.btn-main {
    display: flex;
    justify-content: flex-end;
    margin-right: 1rem;
}


.main-info {
    font-weight: 100;
    border-radius: 0.2rem;
    margin-bottom: 0.6rem;
    align-items: center;
}

.main-info-items {
    border-radius: 0.2rem;
    margin-bottom: 0.6rem
}

.main-info-items div {
    display: flex;
    justify-content: center;
    padding: 0 .25rem;
}

.main-info-item {
    display: flex;
    justify-content: center;
    padding: 0 .25rem;
}

.main-info-btn {
    display: flex;
    align-items: center;
    padding: 0 .25rem;
}

.m-titulo {
    opacity: 70%;
}


#sinInfo {
    margin: 1rem 0;
    text-align: center;
}

.buttons,
.btn {
    font-size: 0.8rem;
    font-weight: 400;
    padding: 0.2rem 0.8rem !important;
    border-radius: .25rem;
    text-decoration: none;
    display: inline-block;
    height: 1.7rem;
    border: 0;
    text-align: center;
}

.buttons:hover,
.btn:hover {
    border: 0;
    text-decoration: none;
    font-weight: 500;
}

.btn-back {
    border: 0.1rem solid;
    opacity: 46%;
    font-weight: 600;
}

.btn-back:hover {
    opacity: 100%;
}

#formulario .input-label {
    margin-bottom: 0;
}

#formulario .input-main {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 1.5rem;
    border: none;
    border-radius: 0.2rem;
}

#formulario .input-main input,
#formulario .input-main select,
#formulario .input-main textarea {
    display: block;
    min-height: auto;
    width: 100%;
    line-height: 1.6;
    padding: 0.32rem 0.72rem;
    animation-name: onautofillcancel;
    border: none;
    outline: none;
    background: #f1f1f196;
    border-radius: 0.3rem;
    cursor: pointer;
    opacity: 1;
    color: #636363;
    border-bottom: 1px solid #eaeaea;
}

#formulario .input-main textarea {
    color: #212529;
}

#formulario .input-main .input-label {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0 0.1rem;
    left: .3rem;
    top: -1rem;
    position: absolute;
    pointer-events: none;
}


#formulario .form-row {
    margin-top: 1rem
}

.box {
    width: 300px;
    margin: 25px 0;
    display: flex;
    align-items: center;
    user-select: none;
}

.box label {
    font-size: 16px;
    position: absolute;
    z-index: 10;
    padding-left: 25px;
    cursor: pointer;
}

.box input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.box input:checked~.check {
    box-shadow: 0px 0px 0px 15px #00ea90 inset;
}

.box input:checked~.check::after {
    opacity: 1;
    transform: scale(1);
}

.box .check {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 100px;
    border: 2px solid transparent;
    box-shadow: 0px 0px 0px 0px #00ea90 inset;
    transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
}

.box .check::after {
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 4;
    position: absolute;
    transform: scale(0);
    background-size: 50%;
    background-image: url('https://s6.picofile.com/d/8392306668/fbd2989a-f8ac-495f-be78-00bf3d76c603/checkmark.svg');
    background-repeat: no-repeat;
    background-position: center;
    transition-delay: 0.2s !important;
    transition: all 0.25s cubic-bezier(0, 1.05, 0.72, 1.07);
}

.main-banner {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
}

.img-banner {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
}

.divText-banner {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    width: 83%;
}

.text-banner {
    color: white;
    font-size: 1.3rem;
    text-align: right;
}

.text-banner p {
    margin-bottom: 0;
}

.secondtext-banner {
    font-size: 2rem;
}



.dash-cards {
    border: 0.13rem solid transparent;
    border-radius: 0.3rem;
    padding: 1rem;
}

.dash-cards h5 {
    font-size: 1rem;
    font-weight: 600;
    margin: 1rem 0;
}

.dash-cards i {
    font-size: 2rem;
}

.n-localiza {
    font-weight: 600;

}

.dash-citas {
    display: flex;
    justify-content: space-between;
    margin: 0.4rem 0;
    padding: 0 0.5rem;
}

.dash-span {
    display: flex;
    margin-top: 1rem;
    cursor: pointer;
}

.dash-span span {
    font-size: 1rem;
}

.dash-title {
    margin: 1rem 0;
}

.table-correo {
    text-align: center;
    border: 0
}

.table-accmenu,
.table-correo {
    padding: .5rem;
    display: block;
    border-collapse: separate;
    border-spacing: 0 0.2rem;
    font-size: 0.9rem;
}

.table-accmenu .head-accmenu,
.table-correo thead {
    padding: 0.2rem 0;
    border-radius: 0.2rem;

}

.head-accmenu .item-accmenu,
.table-correo thead,
.table-correo td {
    font-size: 0.9rem;
    font-weight: 100;
}

.head-accmenu .item-accmenu:nth-child(1),
.table-correo thead th:nth-child(1) {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem
}

.head-accmenu .item-accmenu:nth-last-child(1),
.table-correo thead th:nth-last-child(1) {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem
}


.body-accmenu .item-accmenu:nth-child(1),
.table-correo td:nth-child(1) {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem
}

.table-correo td:nth-last-child(1) {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem
}

.body-accmenu .item-accmenu:nth-last-child(3) {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem
}


.table-accmenu tbody {
    display: block;
    margin: 0.2rem 0 0 0;
}

.item-accmenu {
    width: 1%;
    text-align: center;
    position: relative;
}

.item-accmenu a {
    text-align: center;
    border: 0.1rem solid;
    border-radius: 100%;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: absolute;
    top: 3px;
    left: 28px;
}

.select-accmenu select {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
}

.paisesInnomi {
    color: white;
    font-weight: bold;
}

.paisesInnomi img {
    color: white;
    font-weight: bold;
}

.paisesInnomi .band-pais {
    width: 1rem;
    height: 1rem;
}

.tratamientos {
    font-size: 0.7rem;
    border-collapse: separate;
    border-spacing: 0rem;
    margin-top: 1rem;
}

.tratamientos td,
.tratamientos th {
    border: 0.1rem solid rgb(211 211 211 / 20%) !important;
    padding: 0.3rem;
}

.btn-aux {
    padding: 0.2rem 0.75rem;
}

.span-seg {
    font-weight: bold;
    display: block;
    font-size: 0.7rem;
}

.div-seg span {
    font-size: 0.7rem;
}

.div-seg {
    padding: 0 .25rem;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1500px;
    }
}

.titulo_login {
    margin: 15px 0;
    color: #333;
    text-transform: uppercase;
    font-size: 2.9rem;
}

.input-user {
    position: relative;
    display: grid;
    grid-template-columns: 7% 93%;
    margin: 25px 0;
    padding: 5px 0;
    border-bottom: 2px solid #d9d9d9;
}

.div {
    position: relative;
    height: 45px;
}

.item-submenu {
    text-align: left;
    margin-left: 40px;
}

.input-usuario {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: none;
    padding: 0.5rem 0.7rem;
    font-size: 1.2rem;
    color: #555;
    font-family: "poppins", sans-serif;
}

.input-password {
    position: relative;
    display: grid;
    grid-template-columns: 7% 93%;
    margin: 25px 0;
    padding: 5px 0;
    border-bottom: 2px solid #d9d9d9;
}

.input-contraseña {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: none;
    padding: 0.5rem 0.7rem;
    font-size: 1.2rem;
    color: #555;
    font-family: "poppins", sans-serif;
}

.-uent-empty- {
    display: none !important;
}

.global:has(.-uent-empty-) {
    display: none !important;
}

.selecttext {
    border: 0px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    opacity: inherit;
    color: black;
}

#file-upload {
    display: none;
}

.custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 0.2rem;
    border: 0.1rem solid;
}

.custom-file-upload i {
    font-size: 1rem;
}

.custom-file-upload i span {
    font-family: 'helveticaRoman';
    margin-left: 0.2rem;
}

/*
#wrapper {
  overflow-x: hidden;
  background: #FCBA36;
  background: -webkit-radial-gradient(right, #FCBA36, #FCA903);
  background: -moz-radial-gradient(right, #FCBA36, #FCA903);
  background: radial-gradient(to left, #FCBA36, #FCA903);
}
*/

.sideBar {
    background-color: var(--menu-color);
}

#sidebar-wrapper {
    min-height: 100vh;
    margin-left: -15rem;
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
    transition: margin 0.25s ease-out;
    width: 240px;
}

#sidebar-wrapper .sello {
    width: 7rem;
    margin: 5rem auto 0;
    display: block;
}

#sidebar-wrapper .sidebar-heading {
    padding: 1.5rem 1.25rem;
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1rem;

}

.sidebar-heading img {
    height: 50px;
}

#sidebar-wrapper .list-group {
    width: 15rem;
}

#page-content-wrapper {
    min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
}

#menu-toggle {
    cursor: pointer;
}

.unifaceRadioLabel label {
    margin-bottom: 0;
    font-size: 0.8rem;
}

.unifaceRadioGroup,
.unifaceRadioGroup tbody {
    display: flex;
}

.unifaceRadioGroup tbody td {
    word-break: break-word;
}


.containerscroll {
    max-height: 20em;
    height: 20em;
    overflow-x: scroll;
    overflow-x: hidden;
    scrollbar-color: var(--naranjaSigma) var(--blancoSigma);
    scrollbar-width: thin;
}

.buscador-sd .btn-close {
    padding: 1rem;
    text-align: end;
}

.buscador-sd ul {
    padding: 1rem 0.5rem 0 0;
    list-style: none;
    transition: 0.3s;
}



.buscador-sd span.notfound {
    padding: 0.4rem;
    font-size: 0.8rem;
    color: darkgray;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20rem;
}


.buscador-sd li {
    background-color: #ededed82;
    margin: 5px 10px 0 0;
    border-radius: 5px;
    border: none;
    padding: 16px;
}

.buscador-sd li:hover {
    background-color: #007e5e20;
    cursor: pointer;
}


.buscador-sd li.active {
    background-color: #007e5e20;
}

.buscador-sd li.selected {
    background: var(--menu-color) !important;
}


.buscador-sd .icon,
.buscador-sd .description {
    padding: 0.5em;
}

.buscador-sd p {
    line-height: 1.3;
    margin-bottom: 0;
    font-size: 1rem;
    color: var(--verdeSigma);
}

.buscador-sd small {
    line-height: 1;
    display: block;
    font-size: .875em !important;
    font-style: italic;
    line-height: 1;
}



.buscador-sd.cuadricula .icon,
.buscador-sd.cuadricula .description {
    padding: 0.1em;
}

.buscador-sd.cuadricula ul {
    margin: 1em 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.buscador-sd.cuadricula small {
    width: 300px;
    display: none;
}

.buscador-sd .icon {
    font-size: 1.3em;
    display: none;
}


.list-group-item {
    border: none;
    padding: 20px 30px;
}


.item1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    align-self: self-end;
}

.tablacorreo {
    grid-column: 1 / 4;
    grid-row: 2 / 4;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: hidden !important;
}

.boton {
    text-align: center;
    border-radius: 10px;
    border: none;
    padding: 7px;
}

table span {
    text-align: center;
}

.select {
    height: 100px;
    overflow: scroll;
}

.tableFixHead {
    overflow: auto;
    height: 20px;
}

.tableFixHead thead th {
    position: sticky;
    background-color: #007e53;
    top: 0;
    z-index: 1;
    border: 1px solid black;
}

.tableFixHead thead th span {
    color: white;
}

.table-wrapper-scroll-y {
    display: block;
    max-height: 320px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.list-group-item.active {
    background-color: transparent;
    color: var(--main-text-color);
    font-weight: bold;
    border: none;
}

.invalid-feedback {
    margin-left: 0.25rem;
    font-size: 95% !important;
}

.radio .unifaceRadioInput::before {
    content: "";
    display: inline;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: var(--blancoSigma);
    border-color: #007e53;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
}

.radio .unifaceRadioInput input:checked {
    opacity: 1 !important;
    margin-left: 4px;
    margin-top: 4px;
}

.radio .unifaceRadioInput input:checked::before {
    content: "";
    width: 12px;
    position: absolute;
    height: 12px;
    border-radius: 50%;
    display: block;
    background: #007e53;
}

.radio .checkround:after {
    left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #007e53;
}

.radio .unifaceRadioInput {
    display: flex;
}

.radio .unifaceRadioLabel label {
    margin-left: 5px;
}

.radio.horizontal .unifaceRadioGroup tr {
    display: inline-table;
    width: 100%;
}

.radio.horizontal span,
.radio.horizontal span table {
    width: 100%;
}

.radio.horizontal span,
.radio.horizontal span table tbody {
    display: flex;
    justify-content: space-between;
}

.modalbg2 {
    background: #f79437;
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }

    .sidebar {
        margin-left: 2em !important;
        padding: 5px;
    }


    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: -15rem;
    }
}

.wave {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: -1;
}

.img {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.login-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}

.img img {
    width: 500px;
}

.login-content img {
    height: 100px;
}

.login-content h2 {
    margin: 15px 0;
    color: #333;
    text-transform: uppercase;
    font-size: 2.9rem;
}

.login-content .input-div {
    position: relative;
    display: grid;
    grid-template-columns: 7% 93%;
    margin: 25px 0;
    padding: 5px 0;
    border-bottom: 2px solid #d9d9d9;
}

.login-content .input-div.one {
    margin-top: 0;
}

.i {
    color: #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.i i {
    transition: 0.3s;
}

.input-div>div {
    position: relative;
    height: 45px;
}

.input-div>div>h5 {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 18px;
    transition: 0.3s;
}

.input-div:before,
.input-div:after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 0%;
    height: 2px;
    background-color: #38d39f;
    transition: 0.4s;
}

.input-div:before {
    right: 50%;
}

.input-div:after {
    left: 50%;
}

.input-div.focus:before,
.input-div.focus:after {
    width: 50%;
}

.input-div.focus>div>h5 {
    top: -5px;
    font-size: 15px;
}

.input-div.focus>.i>i {
    color: #38d39f;
}

.input-div>div>input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: none;
    padding: 0.5rem 0.7rem;
    font-size: 1.2rem;
    color: #555;
    font-family: "poppins", sans-serif;
}

.input-div.pass {
    margin-bottom: 4px;
}

a {
    display: block;
    text-decoration: none;
    color: #999;
    font-size: 0.9rem;
    transition: 0.3s;
}

a:hover {
    color: #38d39f;
    text-decoration: none !important;

}

.labelLogin {
    padding-left: 100px;
    padding-right: 1px;
}

.linkLogin {
    padding-left: 0px;
    padding-top: 2px;
}

.navbar-nav {
    align-items: center;
}

.nav-item h3 {
    font-size: 1.5rem;
    font-weight: 500;
}

.nav-item .menu-icon {
    font-size: 1.4rem;
    margin-right: 1rem;
}

.nav-item .search-bar {
    width: 17rem;
    height: 1.85rem;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-size: 0.9rem;
}

.nav-item .search-btn {
    border-radius: 0.2rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

input {
    height: 1.85rem !important;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}



#divPais .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #007a5e;
    box-shadow: 0 0 0 0.2rem transparent;
    border: 0;
}

.country-select {
    width: 8rem;
    border: 0;
    background: transparent;
    color: #707070;
    padding: 0
}


.badge {
    opacity: 70%;
    font-weight: 100;
    padding: 0.3rem;
}

#editor-text {
    max-width: 542px;
    height: 300px;
    border: 1px solid #cccccc;
    outline: none;
    padding: 5px;
    overflow: auto;
}

#editor-text img {
    max-width: 250px;
}

.inicio {
    width: 90%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    color: black
}

.titulo {
    font-size: 14px;
    text-align: justify;
    font-family: Arial;
    margin: 0 -25px;
}

.subtitulo {
    font-size: 14px;
    text-align: justify;
    font-family: Arial;
}

.subtitulo2 {
    font-size: 14px;
    text-align: justify;
    font-family: Arial;
    margin-left: 42px;
}

.btns-guias {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    width: 100%;
    padding: 0;
}

#calendar tbody,
td,
tfoot,
th,
thead,
tr {
    border: 1px solid var(--fc-border-color) !important;
}

.fc-theme-standard td,
.fc-theme-standard th {
    border: 1px solid var(--fc-border-color) !important;
    cursor: pointer;
}

.fc .fc-non-business {
    cursor: no-drop;
}

.navbar-card {
    width: calc(100% - 35px);
    /* Ancho de la tarjeta */
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 15px 5px 0;
    display: inline-block;
}

.navbar-card .card-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: lowercase;
}

.icon-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.icon-container i {
    cursor: pointer;
    color: #333;
    font-size: 15px;
}

.btn-nuevo-container {
    text-align: center;
    margin-top: 20px;
}

.form-check-input {
    position: relative;
}

.icono-tabla {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem
}

/*+++++++++++++++++ESTILOS PANTALLA M_NAVBAR++++++++++++ */

/* Estilos de las columnas */
.columna {
    background-color: #f2f2f2;
    /* Color de fondo */
    padding: 10px;
    /* Espaciado interno */
    border-radius: 10px;
    /* Borde redondeado */
    display: flex;
    /* Mostrar como flexbox */
    flex-direction: column;
    /* Dirección de los elementos */
    align-items: center;
    /* Alinear elementos horizontalmente */
}

/* Estilos de los íconos */
.icono {
    font-size: 15px;
    /* Tamaño del ícono */
    margin-right: 10px;
    /* Margen derecho */
}

/* Estilos del botón de agregar */
.agregar {
    font-size: 15px;
    /* Tamaño del ícono de agregar */
    color: #087b5f;
    /* Color del ícono de agregar */
    cursor: pointer;
    /* Cambiar el cursor al pasar */
    margin-left: 10px;
    /* Margen izquierdo para separarlo del nombre */
}

/* Cambiar color del ícono de agregar al pasar el cursor */
.agregar:hover {
    color: #065943;
    /* Color del ícono de agregar al pasar */
}

/* Estilos del botón de eliminar */
.eliminar {
    font-size: 15px;
    /* Tamaño del ícono de agregar */
    color: #ff0202;
    /* Color del ícono de agregar */
    cursor: pointer;
    /* Cambiar el cursor al pasar */
    margin-left: 10px;
    /* Margen izquierdo para separarlo del nombre */
}

/* Cambiar color del ícono de agregar al pasar el cursor */
.eliminar:hover {
    color: #065943;
    /* Color del ícono de agregar al pasar */
}

/* Eliminar el punto de la lista */
ul,
li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Estilos para la lista desplazable */
.scrollable-list {
    max-height: 145px;
    /* Altura máxima de la lista antes de que aparezca el desplazamiento */
    overflow-y: auto;
    /* Habilita el desplazamiento vertical cuando los elementos exceden la altura máxima */
    scrollbar-width: thin;
    /* Ancho del scrollbar */
    scrollbar-color: #087b5f var(--menu-color);
    /* Color del thumb y del fondo del scrollbar */
    padding-right: 30px;
    /* Separación a la derecha para evitar que la barra cubra contenido */
}


/* Utilizando el sistema de rejilla */
.navbar-card-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* Cuatro columnas iguales */
    grid-gap: 20px;
    /* Espacio entre las tarjetas */
    margin: 10px 5px 0 20px;
}

@media (max-width: 992px) {
    .navbar-card {
        width: calc(50% - 20px);
        /* Ancho de la tarjeta en pantallas medianas */
    }
}

@media (max-width: 768px) {
    .navbar-card {
        width: calc(100% - 20px);
        /* Ancho de la tarjeta en pantallas pequeñas */
    }
}

/*+++++++++++++++++FIN ESTILOS PANTALLA M_NAVBAR++++++++++++ */


@media screen and (max-width: 1050px) {
    .container {
        grid-gap: 5rem;
    }
}

@media screen and (max-width: 1400px) {
    .table-wrapper-scroll-y {
        max-width: 1040px !important;
        max-height: 255px !important;
    }

    .tablacorreo {
        height: 40vh !important;
    }
}

@media screen and (max-width: 1000px) {
    form {
        width: 290px;
    }

    .login-content h2 {
        font-size: 2.4rem;
        margin: 8px 0;
    }

    .img img {
        width: 400px;
    }
}

@media screen and (max-width: 900px) {
    .container {
        grid-template-columns: 1fr;
    }

    .img {
        display: none;
    }

    .wave {
        display: none;
    }

    .login-content {
        justify-content: center;
    }

    .labelLogin {
        padding-left: 55px;
        padding-right: 1px;
    }
}

.swal2-popup {
    border-radius: 6px;
}

.swal2-html-container {
    font-weight: 500;
    font-size: 1.2rem;
}

.swal2-confirm.swal2-styled {
    border-radius: 0.5em;
    background-color: var(--verdeSigma);
    opacity: 70%;
}

.swal2-deny.swal2-styled,
.swal2-cancel.swal2-styled {
    border-radius: 0.5em;
    background-color: var(--naranjaSigma)
}

.swal2-actions {
    margin: 0.7em auto 0 !important;
}

.swal2-title {
    font-size: 1.2rem;
    font-weight: 500;
}



/*+++++++++++++++++Estilos de oficina++++++++++++ */
.body-signin {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center !important;
    height: 80vh;
}

.form-signin {
    width: 100%;
    width: 430px;
    max-width: 90vw;
    padding: 30px 30px 45px;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: 0px 0px 20px #00000026;
}

.img-signin {
    width: 200px;
    margin: 0 auto 24px;
    max-width: 70%;
    margin-bottom: 0;
    margin-bottom: -15px;
    margin-top: -15px;
}

@media (max-width: 991px) {
    .form-signin {
        padding: 30px 5px;
    }

    .img-signin {
        margin: 0 auto 30px;
        max-width: 40%;
    }
}

[pantalla='PRELOGINAUTOBD'] .recomendaciones {
    font-size: 14px;
}

.buttonsLogin a .card i {
    font-size: 2.3em;
    margin-bottom: 0.3em;
    text-align: center;
}

.buttonsLogin>a .card>p {
    text-align: center;
    margin: 10px 0 0;
    font-size: 17px;
}

.borde-transparente-1px {
    border: 1px solid transparent;
}

/*New login */

.background_login {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../img/fondo_login_AP.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0;
}

.sello_login {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 2;
}

.logo {
    justify-self: end;
    align-self: center;
}

.logo img {
    width: 256px;
    padding: 3px;
}


.right {
    justify-self: start;
    align-self: center;
}

.content_right {
    margin: auto;
    border-radius: 8px;
    padding-inline: 56px;
    padding-block: 48px;
    -webkit-box-shadow: 6px 10px 14px -3px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 6px 10px 14px -3px rgba(0, 0, 0, 0.55);
    box-shadow: 6px 10px 14px -3px rgba(13, 12, 12, 0.55);
}

.content_right span p {
    font-size: 16px;
    line-height: 16px;
    padding-top: 20px;
    margin-bottom: 0;
}

.content_right_acces,
.content_right_code {
    margin: auto;
    border-radius: 8px;
    padding-inline: 30px;
    padding-block: 30px;
    -webkit-box-shadow: 6px 10px 14px -3px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 6px 10px 14px -3px rgba(0, 0, 0, 0.55);
    box-shadow: 6px 10px 14px -3px rgba(0, 0, 0, 0.55);
}



.content_right_code span p {
    margin-bottom: 0px;
}

.content_right a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
}

.line {
    display: flex;
    width: 100%;
    align-items: center;
    padding-block: 4px;
}

.line i {
    font-size: 25px !important;
    margin-left: 65px;
}

.input-control {
    background: transparent;
    border: none;
    line-height: 1.25;
}

.input-control:focus {
    outline: none;
}

.code {
    padding-top: 50px;
}

.cod {
    margin-top: 15px;
}

.content-code {
    padding-top: 50px;
}

.content-code-acces {
    padding-top: 20px;
}

.content_right_acces i {
    font-size: 12px;
}

.ico {
    font-size: 12px;
    text-decoration: none;
}

.text-code,
.cod {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    height: 40px;
    border-radius: 9px;
}

.text-code:hover,
.cod {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 16px;

}

.forget {
    display: flex;
    justify-content: center;
    padding-top: 5px;
    font-style: italic;
    font-size: 12px;
}

.cod {
    justify-content: center;
    font-weight: bold;
}

.title,
.time {
    text-align: center;
}

.title {
    font-size: 25px;
    margin-block: 5px;
}

.time {
    font-size: 12px;
}



@media (max-width: 1100px) {
    body.background_login {
        background-image: url(../img/fondo_login_AP.png);
        height: 100vh;
        margin: 0;
    }

    .login-boxes {
        display: flex;
        flex-direction: column;
        margin-top: 80px;
        padding: 0;
    }

    .box-logo {
        margin: auto;
        padding-inline: 0;
        padding-block: 24px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

}

@media (min-width: 1101px) {
    .login-boxes {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(1, minmax(0, 1fr));
        padding: 0;
    }

    .box-logo {
        margin: auto;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        padding-inline: 0;
        padding-block: 24px;
    }
}

/*
--------------------------------------------------------------------
-- -- -- -- -- --             FUENTES              -- -- -- -- -- --
--------------------------------------------------------------------
*/
@font-face {
    font-family: Myriad Pro Cond;
    src: url('../fonts/MYRIADPRO-COND.OTF');
}

@font-face {
    font-family: Myriad Pro Regu;
    src: url('../fonts/MYRIADPRO-REGULAR.OTF');
}

@font-face {
    font-family: 'helveticaMd';
    src: url('../fonts/HelveticaNeueLTStdMd.eot');
    src: url('../fonts/HelveticaNeueLTStdMd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTStdMd.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTStdMd.woff') format('woff'),
        url('../fonts/HelveticaNeueLTStdMd.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTStdMd.svg#HelveticaNeueLTStdMd') format('svg');
}

@font-face {
    font-family: 'helveticaRoman';
    src: url('../fonts/HelveticaNeueLTStdRoman.eot');
    src: url('../fonts/HelveticaNeueLTStdRoman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTStdRoman.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTStdRoman.woff') format('woff'),
        url('../fonts/HelveticaNeueLTStdRoman.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTStdRoman.svg#HelveticaNeueLTStdRoman') format('svg');
}

@font-face {
    font-family: 'helveticaCond';
    src: url('../fonts/HelveticaNeueLTStdCn.otf');
}

@font-face {
    font-family: "NeueLTStdLt";
    src: url('../fonts/HelveticaNeueLTStdLt.otf');
}

/* +++++ INICIO ESTILOS MIGRADOS +++++ */

.btn-success {
    background-color: var(--verdeSigma) !important;
    border-color: var(--verdeSigma) !important;
    color: var(--blancoSigma) !important;
}

.btn-outline {
    border: 1px solid var(--verdeSigma) !important;
    color: var(--verdeSigma) !important;
}

#global {
    scrollbar-color: var(--naranjaSigma) var(--blancoSigma);
    overflow-x: hidden;
}

.tabla-global {
    background: white;
}

details {
    background: rgba(0, 0, 0, .05);
}


.item-orange {
    --highlight: #F8AC6D;
    background: #cbcbcb38;
    border-left-color: var(--naranjaSigma);
}

.item-green {
    --highlight: #E7F2EF;
    background: #cbcbcb38;
    border-left-color: var(--verdeSigma);
}

.summary-info p {
    color: #8c8c8c;
}

.search .btn {
    border-color: #007A5E;
    color: #007A5E;
}

.search .btn:hover,
.buttonsLogin a:hover .card {
    background-color: #007A5E;
    color: var(--blancoSigma);
}

.card-main .form-control:focus {
    color: #495057;
    background-color: var(--blancoSigma);
    border-color: #007a5e;
    box-shadow: 0 0 0 0.2rem #007a5e33;
}

.item-seg {
    background-color: #cbcbcb38;
}

select {
    color: var(--mainTextColor);
}

.btnInfo {
    color: var(--blancoSigma);
    background: #F8AC6D;
}


.btnOpc {
    background: var(--blancoSigma);
}

.btnInfo:hover {
    background: var(--naranjaSigma);
    color: var(--blancoSigma);
}

.btnInformacion {
    background: var(--blancoSigma);
}

.btnConsulta {
    color: var(--verdeSigma);
}

.btnConsulta:hover {
    color: #89BFAE;
}

input:-internal-autofill-selected {
    background-color: var(--blancoSigma) !important;
}

.global .dropdown-item {
    color: #8c8c8c;
}

.global .dropdown-item i {
    color: var(--verdeSigma);
    opacity: 70%;
}

.global .dropdown-item:hover {
    background-color: transparent;
    color: var(--verdeSigma);
    opacity: 100%;
}

.item-filt .btn-remoc {
    color: var(--verdeSigma);
}

.campo-filt {
    background-color: var(--blancoSigma);
}

.main-info {
    background-color: var(--verdeSigma);
    color: var(--blancoSigma);
}

.main-info-items {
    background-color: #E7F2EF;
}

.main-info-btn {
    background-color: var(--blancoSigma);
}

.m-titulo {
    background-color: var(--verdeSigma);
}

.m-titulo .htitulo,
.buttonsLogin a:hover .card>p,
.buttonsLogin a:hover .card>i {
    color: var(--blancoSigma);
}

.m-titulo button {
    color: var(--blancoSigma);
}

/*.buttons:hover,
.btn:hover {
    color: var(--blancoSigma);
}*/

#formulario .input-main {
    background: var(--blancoSigma);
    color: gray;
}

.box label {
    color: #4d4d4d;
}

.box input:checked~.check {
    border-color: #00ea90;
}

.box .check {
    background-color: var(--blancoSigma);
    border-color: #00ea90;
}

.dash-title {
    color: var(--verdeSigma);
    font-family: 'helveticaCond';
}

.dash-cards {
    border-color: var(--verdeSigma);
    font-family: 'helveticaCond';
}

.dash-cards h5 {

    color: var(--verdeSigma);

}

.dash-cards i {
    color: var(--naranjaSigma);
}

.dash-citas {
    color: var(--verdeSigma);
    background: #087b5f24;
}

.dash-span {
    color: var(--verdeSigma);
}



/* +++++ FIN ESTILOS MIGRADOS +++++*/

.list-group-item:focus,
.list-group-item:hover {
    background-color: transparent;
    color: var(--verdeSigma);
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    background-color: #087b5fba;
    color: #fff;
}


.link-menu {
    color: var(--mainTextColor);
}

.link-menu:hover,
.link-menu:focus {
    color: var(--verdeSigma);
}

.nav-item .search-bar {
    border-color: var(--verdeSigma);
}

.nav-item .search-btn {
    background-color: var(--verdeSigma);
    border: var(--verdeSigma);
    color: var(--blancoSigma);
}

.table-accmenu,
.table-correo {
    background-color: var(--blancoSigma);
}

.table-accmenu .head-accmenu,
.table-correo thead {
    background: var(--mainTextColor);
    color: var(--blancoSigma);
}

.table-accmenu tbody tr,
.table-correo tbody tr {
    background-color: #E7F2EF;
}

.bdelete,
.bsave {
    background-color: var(--blancoSigma);
}

.bsave a {
    color: var(--verdeSigma);
    border-color: var(--verdeSigma);
    background-color: var(--blancoSigma);
}

.bdelete a {
    color: var(--naranjaSigma);
    border-color: var(--naranjaSigma);
    background-color: var(--blancoSigma);
}

.paisesInnomi {
    border: 1px solid #ced4da;
    background: var(--blancoSigma);
    color: var(--verdeSigma);
}



.primary-text {
    color: var(--main-text-color);
}

.second-text {
    color: var(--second-text-color);
}

.primary-bg {
    background-color: var(--main-bg-color);
}

.secondary-bg {
    background-color: var(--second-bg-color);
}

.rounded-full {
    border-radius: 100%;
}



/*Nuevos estilos de login*/

body {
    font-family: 'helveticaRoman';
    color: var(--mainTextColor);
    margin: 0;
    padding: 0;
    height: 100%;
    /* Asegúrate de que el body ocupe toda la pantalla */

}

.content_right span p {
    font-family: "NeueLTStdLt";
}

.content_right a {
    font-family: "NeueLTStdLt";
}


html {
    height: 100%;
    /* Asegúrate de que el body ocupe toda la pantalla */
    margin: 0;
}

.auth {
    display: flex;
    justify-content: center;
    /* Centrado horizontal */
    align-items: center;
    /* Centrado vertical */
    height: 100vh;
    /* Ocupa toda la altura de la ventana */

}



.email {

    padding-top: 5rem;
}

text {
    display: block;
    text-align: center;
}

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-back {
    border-color: var(--verdeSigma);
    color: var(--verdeSigma) !important;
    background-color: var(--blancoSigma);
}

.btn-back:hover,
.btn-back2 {
    border-color: var(--verdeSigma);
    color: var(--blancoSigma) !important;
    background-color: var(--verdeSigma);
}

.badge {
    background-color: var(--verdeSigma) !important;
}

.ss-main .ss-values .ss-value {
    background-color: var(--verdeSigma) !important;
    opacity: 70%;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: 1px solid transparent !important;
}


/**********************************/
.title {
    font-size: 1rem;
    text-align: center;
    color: #007853;
}

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--link-color);
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin: 0 2px;
    cursor: pointer;
}

.active-dot {
    background-color: #8d8b8bca;
}

.slider {
    width: 100%;
    overflow: hidden;
}

.slide {
    width: 100%;
    display: none;
}

.active {
    display: block;
}

.button-primary {
    background: #89bfae !important;
    color: var(--Light) !important;
}

.button-primary:hover {
    background: var(--primary-color) !important;
}

.button-secondary {
    background: #f0a565 !important;
    color: var(--Light) !important;
}

.button-secondary:hover {
    background: var(--secondary-color) !important;
}

.custom-file-upload,
.custom-file-upload:hover {
    background-color: var(--blancoSigma);
    color: var(--mainTextColor);
    border-color: var(--mainTextColor);
    opacity: 70%;
}



/* Estilos generales para todas las pantallas */
/* Dispositivos móviles */
@media only screen and (max-width: 767px) {
    /* Estilos para dispositivos móviles */

    .title {
        font-size: 2rem;
    }

}

/* Escritorios */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /* Estilos para escritorios */
    .title {
        font-size: 1.8rem;
        color: #007853;
    }
}

/* Pantallas grandes (mayores al escritorio) */
@media only screen and (min-width: 1200px) {
    .title {
        font-size: 1.8rem;
        color: #007853;
    }
}

.bg-color-third {
    background-color: var(--third-bg-color) !important;
}


.color-main {
    color: var(--mainTextColor);
}

.color-borde-verdeSigma {
    border-color: var(--verdeSigma) !important;
}

/*New login*/

.content_right,
.content_right_acces,
.content_right_code {
    background: var(--Light);
}

.content_right a,
.content_right_acces a,
.content_right_code a {
    color: var(--green-light);
    font-weight: bold;
}

.content_right span p,
.content_right_acces span p {
    color: var(--green-light);
}

.line {
    border-bottom: 1px solid var(--green-light);
}

.line i {
    color: var(--green-light);
}

.input-control {
    color: var(--primary-color);
}

.text-code {
    color: var(--primary-color);
    font-weight: bold;
}

.text-code:hover {
    background: var(--green-light);
    color: var(--Light)
}

.forget,
.title,
.time {
    color: var(--mainTextColor) !important;
}

.cod {
    color: var(--orange-light) !important;
}

.cod:hover {
    background: var(--orange-light);
    color: var(--Light) !important;
}

@media (max-width: 1100px) {

    .box-logo {
        background: var(--primary-color)
    }
}

@media (min-width: 1101px) {
    .box-logo {
        background: var(--primary-color);
    }
}

@media (min-width: 1200px) {
    .modal-xxl {
        max-width: 1390px;
    }
}

.loading-spinner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
}

.loading-spinner-container .spinner {
    width: 30px;
    height: 30px;
    border: 4px solid #ccc;
    border-top-color: #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.loading-spinner-container p {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* sombra m-enviarMensaje   */
.archivo-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px solid #e0e0e0;
    /* Borde suave */
    border-radius: 8px;
    background-color: #f5f5f5;
    /* Fondo claro */
    color: #333;
    margin-top: 8px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    /* Sombra sutil */
}

/* Estilo para el texto del nombre del archivo m-enviarMensaje */
.archivo-nombre {
    font-size: 14px;
    color: #5f6368;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
}

/* Estilo para el botón de eliminación (-) */
.btn-dangerMensaje {
    font-size: 12px;
    color: #d93025;
    /* Rojo similar al de Google */
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Steper*/


ol.stepper {
    --default-b: var(--menu-color);
    --active-b: var(--main-text-color);
    --active-c: white;
    --circle: 3em;
    /* size of circle */
    --b: 5px;
    /* line thickness */
    display: flex;
    list-style: none;
    justify-content: space-between;
    background:
        linear-gradient(var(--default-b) 0 0) no-repeat 50% calc((var(--circle) - var(--b))/2)/100% var(--b);
    counter-reset: step;
    margin-top: 20px;
    padding: 0;
    font-weight: bold;
    counter-reset: step;
    overflow: hidden;
    list-style-type: none;
    font-size: 18px;
}

ol.stepper li {
    display: grid;
    place-items: center;
    gap: 5px;
    font-family: sans-serif;
    position: relative;
    flex: 1;
    font-size: 15px;
}

ol.stepper li::before {
    content: counter(step) " ";
    counter-increment: step;
    display: grid;
    place-content: center;
    aspect-ratio: 1;
    height: var(--circle);
    border: 5px solid var(--menu-card-body);
    box-sizing: border-box;
    background: var(--active-b);
    color: var(--active-c);
    border-radius: 50%;
    font-family: monospace;
    z-index: 1;
    font-size: 18px;
}

ol.stepper li.active~li::before {
    background: var(--default-b);
    color: var(--default-c);
}

ol.stepper li.active::after {
    content: "";
    position: absolute;
    height: var(--b);
    right: 55%;
    top: calc((var(--circle) / 2) + 1px);
    width: 100vw;
    background: var(--active-b);
}

ol.stepper li.active {
    color: var(--active-b);
}

ol.stepper li:first-child::after {
    content: '';
    width: calc(50% - calc(var(--circle)/2) - 4px);
    left: 0;
    height: 30px;
    background: white;
    position: absolute;
    top: 19%;
    z-index: 1;
}

ol.stepper li:last-child::after {
    content: '';
    width: calc(50% - calc(var(--circle)/2) - 4px);
    right: 0;
    height: 30px;
    background: white;
    position: absolute;
    top: 19%;
    z-index: 1;
}


@media (max-width: 600px) {
    ol.stepper-rp {
        display: grid;
        gap: 20px;
        background:
            linear-gradient(var(--default-b) 0 0) no-repeat calc((var(--circle) - var(--b))/2) 50%/ var(--b) 100%;
    }

    ol.stepper-rp li {
        display: flex;
    }

    ol.stepper-rp li.active::after {
        content: "";
        position: absolute;
        width: var(--b);
        bottom: 100%;
        left: calc((var(--circle) - var(--b))/2);
        top: auto;
        right: auto;
        height: 100vw;
        background: var(--active-b);
    }
}

/*Cierre Steper*/

.hidden {
    display: none;
}

/* ------------------------------------------------------------------------- */

/*Curvatura menú*/
.dashboard {
    background-color: rgb(8 123 95 / 5%);
    background: #fff;
}

.content {
    border-top-left-radius: 2rem;
}

/*Cierre curvatura menú*/


/*Card flotante de información*/
.card-info {
    display: flex;
    flex-direction: column;
    padding: 35px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(15px);
}


.card-info-header {
    font-size: 1.5em;
    color: #446;
}

.card-info .card-data {
    font-size: 0.9rem;
    display: block;
    line-height: 1;
    margin-bottom: 5px;
}

.card-info strong {
    font-size: 0.7rem;
}

/*Cierre card flotante de información*/


/* ----------------- Estilos para el menu de Dashboard IT -------------  */

.dashboard-nav-toggle:checked~.dashboard-nav-header {
    width: calc(80px - 16px);
}

.dashboard-nav-toggle:checked~.dashboard-nav-content,
.dashboard-nav-toggle:checked~.dashboard-nav-footer {
    width: 80px;
}

.dashboard-nav-toggle:checked~.dashboard-nav-header .dashboard-nav-title {
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s;
}

.dashboard-nav-toggle:checked~.dashboard-nav-header .dashboard-nav-toggle-icon {
    left: calc(50% - 8px);
    transform: translate(-50%);
}

.dashboard-nav-toggle:checked~.dashboard-nav-header .dashboard-nav-toggle-icon i {
    background: var(--second-bg-color);
}

.dashboard-nav-toggle:checked~.dashboard-nav-content .dashboard-nav-button span {
    opacity: 0;
    transition: opacity .1s;
}

.dashboard-nav-toggle:checked~.dashboard-nav-content .dashboard-nav-button .fas {
    min-width: calc(100% - 16px);
}

.dashboard-nav-bar {
    position: absolute;
    margin-left: 16px;
    min-height: 23vh;
    max-height: 40vh;
    background: var(--second-bg-color);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    color: #000;
    overflow: hidden;
    user-select: none;
}

.dashboard-nav-bar hr {
    margin: 0;
    position: relative;
    left: 16px;
    width: calc(100% - 32px);
    border: none;
    border-top: solid 1px #2c3e50;
}

.dashboard-nav-bar a {
    color: inherit;
    text-decoration: inherit;
}

.dashboard-nav-bar input[type="checkbox"] {
    display: none;
}

.dashboard-nav-header {
    position: relative;
    width: 256px;
    left: 16px;
    min-height: 80px;
    background: var(--second-bg-color);
    border-radius: 16px;
    z-index: 1;
    display: flex;
    align-items: center;
    transition: width .2s;
}

.dashboard-nav-header hr {
    position: absolute;
    bottom: 0;
    border-color: #000000;
    width: 11vw;
}

.dashboard-nav-title {
    font-size: 1.5rem;
    transition: opacity 1s;
}

.dashboard-nav-header .dashboard-nav-toggle-icon {
    position: absolute;
    right: 0;
    width: 3rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.dashboard-nav-toggle-icon i {
    font-size: 1.5rem;
    color: var(--main-text-color);
}

.dashboard-nav-content {
    margin: -16px 0;
    padding: 21px 0;
    position: relative;
    flex: 1;
    width: 256px;
    background: var(--second-bg-color);
    box-shadow: 0 0 0 16px var(--second-bg-color);
    direction: rtl;
    overflow-x: hidden;
    transition: width .2s;
}

.dashboard-nav-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dashboard-nav-content::-webkit-scrollbar-thumb {
    border-radius: 99px;
    background-color: #D62929;
}

.dashboard-nav-content::-webkit-scrollbar-button {
    height: 16px;
}

.dashboard-nav-button {
    position: relative;
    margin-left: 16px;
    height: 54px;
    display: flex;
    align-items: center;
    direction: ltr;
    cursor: pointer;
    z-index: 1;
    transition: color .2s;
}

.dashboard-nav-button span {
    transition: opacity 1s;
}

.dashboard-nav-button .fas {
    transition: min-width .2s;
}

.dashboard-nav-bar .fas {
    min-width: 3rem;
    text-align: center;
}

.dashboard-nav-button.selected {
    background-color: #ffffff;
    color: #000000;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    position: relative;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.dashboard-nav-button.selected::before,
.dashboard-nav-button.selected::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: 16px 16px #ffffff;
}

.dashboard-nav-button.selected::after {
    top: 100%;
    box-shadow: 16px -16px #ffffff;
}

.dashboard-main-content {
    position: relative;
    top: 0;
    left: 96px;
    width: calc(100% - 96px);
    height: calc(100vh - 175px);
    transition: left 0.2s, width 0.2s;
}

/* ----------------- Cierre de Estilos para el menu de Dashboard IT -------------  */


/*   -------------  Estilos BACKEND Dashboard IT    ------------------*/
.iconCard {
    background-color: var(--main-text-color);
    color: #FFFFFF;
    padding: 5px;
    border-radius: 100%;
    margin-right: 13px;
    font-size: 35px;
}

.FontIconTitle {
    font-size: 32px !important;
}

.BgGrayLightTranspa {
    background-color: #f4f3f36a !important;
}

.BgMainTextColor {
    background-color: var(--main-text-color) !important;
}

.FontGreen {
    color: var(--main-text-color) !important;
}

.FontWhite {
    color: #FFFFFF !important;
}

.FontOrange {
    color: var(--naranjaSigma) !important;
}

.FontGray {
    color: var(--gray) !important;
}

.FontIcon {
    font-size: 12px !important;
    color: #FFFFFF;
}

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

.texto-una-linea {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.backbiblioteca-card-back-title {
    font-size: 18px;
    font-weight: 600;
}

.texto-dos-lineas {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.backbiblioteca-card-back-description {
    font-size: 12px;
}

.backbiblioteca-card-back {
    background-color: var(--color-white);
    padding: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 5px 5px 0;
    min-height: 155px;
}

.borderLeft-green {
    border-left: 5px solid var(--main-text-color);
    border-style: hidden hidden hidden solid !important;
}

/* TABS */

.tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 1em 0 2em;
    font-weight: 300;
}

.tabs nav {
    text-align: center;
}

.tabs nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

.tabs nav ul li {
    border: 1px solid #becbd2;
    border-bottom: none;
    margin: 0 0.25em;
    display: block;
    float: left;
    position: relative;
    cursor: pointer;
}

.tabs nav li.tab-current {
    border: 1px solid var(--main-text-color);
    box-shadow: inset 0 2px var(--main-text-color);
    border-bottom: none;
    z-index: 100;
    background-color: #f5f9fc;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
    content: '';
    position: absolute;
    height: 1px;
    right: 100%;
    bottom: 0;
    width: 1000px;
    background: var(--main-text-color);
}

.tabs nav li.tab-current:after {
    right: auto;
    left: 100%;
    width: 4000px;
}

.tabs nav a {
    color: #becbd2;
    display: block;
    font-size: 1.45em;
    line-height: 2.5;
    padding: 0 1.25em;
    white-space: nowrap;
    text-decoration: none;
}

.tabs nav a:hover {
    color: #68a086;
}

.tabs nav li.tab-current a {
    color: var(--main-text-color);
    font-weight: bold;
}

.tabs nav a:before {
    display: inline-block;
    vertical-align: middle;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    margin: -0.25em 0.4em 0 0;
}

.content-tab section {
    display: none;
    padding: 30px 45px 0 30px;
}

.content-tab section.content-current {
    display: block;
}

.mediabox {
    float: left;
    width: 33%;
    padding: 0 25px;
}

.mediabox img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.mediabox h3 {
    margin: 0.75em 0 0.5em;
}

.mediabox p {
    padding: 0 0 1em 0;
    margin: 0;
    line-height: 1.3;
}

.backbiblioteca-modal-label {
    font-size: 14px;
    font-weight: 900;
    color: #3f3f3f;
}

.backbiblioteca-tooltip {
    position: relative;
    display: inline-block;
}

.backbiblioteca-tooltip .backbiblioteca-tooltip-text {
    visibility: hidden;
    width: 3vw;
    background-color: #6c757d;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    padding: 2px;
    position: absolute;
    z-index: 1;
    bottom: 93%;
    left: 50%;
    transform: translateX(18%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
}

.backbiblioteca-tooltip:hover .backbiblioteca-tooltip-text {
    visibility: visible;
    opacity: 1;
}

.backbiblioteca-tooltip-green .backbiblioteca-tooltip-text {
    background-color: var(--green-light);
}

.backbiblioteca-tooltip-orange .backbiblioteca-tooltip-text {
    background-color: var(--orange-light);
    width: 4vw;
}

.backbiblioteca-tooltip-gray .backbiblioteca-tooltip-text {
    background-color: var(--secondary);
}

.swal2-icon.custom-success-icon {
    margin-top: 11px !important;
    font-size: 16px;
    margin-bottom: -8px !important;
}

.backbiblioteca-card-img-top,
.m-backbiblioteca-card-img-modal {
    width: 100%;
    max-height: 150px;
    height: auto;
    border-radius: 5px !important;
    object-fit: cover;
}

img.backbiblioteca-card-img-top,
img.m-backbiblioteca-card-img-modal {
    aspect-ratio: 16 / 9;
    object-fit: contain;
    background-color: #FFFFFF;
}

.m-backbiblioteca-file-input-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}

.m-backbiblioteca-custom-file-button {
    background-color: var(--menu-color);
    color: var(--dark);
    border-radius: 5px;
    margin-top: 5px;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    opacity: 0.8;
    width: 100%;
}

.m-backbiblioteca-file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.m-backbiblioteca-custom-file-button:hover {
    opacity: 1;
}

/* ----------------- Cierre de Estilos BACKEND de Dashboard IT -------------  */

a:hover {
    cursor: pointer;
}

/* ----------------- Apertura de Estilos Contenido Biblioteca Dashboard IT -------------  */
.imgFondoBiblioteca {
    background-image: url(./src/img/biblioteca/biblioteca.jpg);
    height: calc(100vh - 175px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* Estilos para front_cardback */
.front_cardback {
    position: relative;
    transition: color 0.3s ease, background-color 0.3s ease;
    cursor: pointer;
    overflow: hidden;

}

.front_cardback:hover {
    color: #fff;
}

/* Efecto de cortina */
.front_cardback::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #e4eee4, #daf0db);
    transition: left 0.4s ease;
    z-index: 0;
}

.front_cardback:hover::before {
    left: 0;
}

/* Asegura que el contenido interno esté sobre el efecto */
.front_cardback>* {
    position: relative;
    z-index: 1;
}

/* Estilos adicionales para texto */
.front_cardback-title {
    font-weight: bold;
    font-size: 1.1rem;
    color: #333;
}

.front_cardback-description {
    color: #555;
    font-size: 0.9rem;
}

/* ----------------- Cierre de Estilos Contenido Biblioteca Dashboard IT -------------  */



/* ----------------------Accordion categorias Biblioteca Dashboard IT---------------------- */
/* Estilos generales para el módulo contenido_biblioteca */
.contenido_biblioteca {
    font-family: Arial, sans-serif;
    color: #333;
}

/* Categoría */
.categoria-container {
    margin-bottom: 2rem;
    /* Espaciado inferior */
}

.categoria-icon {
    font-size: 2rem;
    /* Tamaño grande */
    margin-right: 10px;
    /* Separación entre el ícono y el título */
}

.categoria-titulo {
    font-size: 2rem;
    /* Tamaño grande */
    font-weight: bold;
    /* Texto grueso */
    text-align: center;
    /* Centrado */
    color: #8a8a8ac2;
    /* Texto oscuro */
}

/* Subcategorías */
.subcategoria-card {
    background-color: #3bb170;
    /* Fondo claro */
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
    /* Espacio entre subcategorías */
    border-radius: 5px;
    /* Bordes redondeados */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Sombra ligera */
}

.subcategoria-header {
    padding: 0 0 0 1rem;
    /* Espaciado interno */
    background-color: #fff;
    /* Fondo blanco */
    border-bottom: 1px solid #ddd;
    /* Línea de separación */
    border-radius: 5px 5px 0 0;
    /* Bordes redondeados en la parte superior */
}

.subcategoria-btn {
    text-decoration: none;
    /* Quitar subrayado */
    color: #333;
    /* Texto oscuro */
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Separar texto y flecha */
    width: 100%;
    /* Ocupa todo el ancho */
    padding: 0;
    /* Sin relleno extra */
}



.subcategoria-titulo {
    padding: 0 0 0 1rem;
    font-size: 1.2rem;
    /* Tamaño más grande */
    font-weight: bold;
    /* Texto grueso */
    color: #555;
    /* Color intermedio */
}

.subcategoria-icon {
    margin-left: auto;
    /* Mover al extremo derecho */
    font-size: 1.2rem;
    /* Ajustar tamaño de la flecha */
    color: #999;
    /* Color más claro */
}

.subcategoria-body {
    background-color: #fff;
    /* Fondo blanco */
    padding: 1rem;
    /* Espaciado interno */
    border-top: 1px solid #ddd;
    /* Línea de separación */
}

.subcategoria-descripcion {
    font-size: 1rem;
    /* Tamaño estándar */
    color: #666;
    /* Texto gris oscuro */
}

/* Hover y efectos adicionales */
.subcategoria-card:hover {
    transition: transform 0.2s ease-in-out;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    /* Sombra más destacada */
}

.contenido-section {
    margin-bottom: 1.5rem;
    /* Espacio entre contenidos */
    padding: 1rem;
    /* Relleno interno */
    border: 1px solid #ddd;
    /* Borde para distinguir cada sección */
    border-radius: 5px;
    /* Esquinas redondeadas */
    background-color: #f9f9f9;
    /* Fondo ligero */
    transition: background-color 0.3s;
}

.contenido-section:hover {
    background-color: #e6f7ff;
    /* Cambia el fondo al pasar el mouse */
    cursor: pointer;
    /* Cursor tipo mano */
}

.contenido-titulo {
    cursor: pointer;
    color: #000;
    /* Color predeterminado */
}

.contenido-titulo:hover {
    text-decoration: underline;
}

.contenido-titulo.selected {
    color: #d8e9d2;
    /* Color del texto seleccionado */
    font-weight: bold;
}


/* ----------------------Accordion categorias Biblioteca Dashboard IT---------------------- */

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------Tipificación------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

[pantalla='TIPIFICACION'] select {
    min-height: 30px;
}

[pantalla='TIPIFICACION'] input {
    min-height: 28.89px;
}

[pantalla='TIPIFICACION'] option {
    color: var(--color-green);
    background-color: var(--color-white);
}

[pantalla='TIPIFICACION'] textarea {
    padding-top: 5px !important;
}


/* ------------------------btn GENERAL BUTTONS (& modificaciones)------------------------ */
.OfiBtnRight {
    display: flex;
    gap: 20px;
    justify-content: right;
    width: 100%;
}

.OfiBtnFooterBetween {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
}

.OfiBtnFullOrange {
    font-family: HelveticaNeue !important;
    background-color: var(--color-orange) !important;
    color: var(--color-white) !important;
    font-size: var(--font-normal);
    height: 22px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px 15px;
    opacity: 0.7;
}

.OfiBtnFullGreen {
    font-family: HelveticaNeue !important;
    font-weight: 600;
    background-color: var(--color-green) !important;
    color: var(--color-white) !important;
    font-size: var(--font-normal);
    height: 22px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px 15px;
    opacity: 0.7;
}

.OfiBtnFullGreen.inactive {
    font-family: HelveticaNeue !important;
    font-weight: 600;
    background-color: var(--color-gray) !important;
    opacity: 0.3;
    color: var(--color-white) !important;
}

.OfiBtnFullGreen.inactive:hover {
    font-family: HelveticaNeue !important;
    font-weight: 600;
    background-color: var(--color-gray) !important;
    opacity: 0.3;
    color: var(--color-white) !important;
}

.OfiBtnFullOrange:hover,
.OfiBtnFullGreen:hover,
.OfiBtnGreen:hover {
    opacity: 1;
}

.OfiBtnGreen {
    font-family: HelveticaNeue !important;
    font-weight: 600;
    background-color: var(--color-white) !important;
    color: var(--color-green) !important;
    border: 1px solid var(--color-green);
    font-size: var(--font-normal);
    height: 22px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px 15px;
    opacity: 0.7;
}

/* ------------------------ fin btn GENERAL BUTTONS------------------------ */

/* ----------------------Contenedor Padre---------------------- */

.tipify-main {
    display: grid;
    grid-template-columns: 43% 23% 30%;
    line-height: 20px;
    margin: 2rem 2rem;
    gap: 1rem;
    color: var(--color-green);
}

@media (max-width: 769px) {
    .tipify-main {
        display: grid;
        grid-template-columns: auto;
    }
}

/* ----------------------FIN---------------------- */

/* ----------------------Contenedores Hijos---------------------- */

.tipify-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem .5rem;
    border-radius: .35rem;
    border: 1px solid var(--color-green);
    height: min-content;
    width: -webkit-fill-available;
}

.tipify-content i {
    font-size: 50px;
}

/* ----------------------FIN---------------------- */

/* ----------------------Contenido Contenedor Hijo---------------------- */

.content-title {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 600;
    padding: 0 10px 0 0;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* ----------------------FIN---------------------- */


/* ----------------------------Tabla Primer Contenedor--------------------------- */

.row-table {
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    background-color: var(--color-green-light);
    color: var(--color-green);
    opacity: 0.6;
    padding: 0 10px;
}

.row-table:hover {
    background-color: var(--color-green);
    color: var(--color-white);
}

.row-table.active {
    background-color: var(--color-orangelight);
    color: var(--color-green);
}

.row-table.active:hover {
    opacity: 1;
    background-color: var(--color-orange);
    color: var(--color-white);
}

.row-container {
    display: grid;
    grid-gap: 10px;
}

/* ----------------------FIN---------------------- */

.OfiInput {
    font-size: var(--font-small);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 5px;
    margin: 8px 0px;
}

.OfiInput input[readonly] {
    background-color: var(--color-graylightTranspa);
    color: var(--color-gray);
    font-size: var(--font-normal);
    border: 0;
    width: auto;
    border: 1px solid var(--color-graylight);
}

.OfiInput input {
    background-color: var(--color-green-light);
    color: var(--color-gray);
    font-size: var(--font-normal);
    border: 0;
    width: auto;
    border: 1px solid var(--color-graylight);
}

.OfiInput2 input {
    background-color: var(--color-whiteOpacity);
    color: var(--color-gray);
    font-size: var(--font-normal);
    border: 0;
    width: auto;
}

.OfiInput a {
    background-color: var(--color-green);
    color: var(--color-white);
    font-size: var(--font-normal);
    height: 22px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 5px;
    justify-content: center;
}

.OfiInput select,
.OfiInput input,
.OfiInput textarea {
    color: var(--color-green);
    background-color: var(--color-green-light);
    border: 1px solid var(--color-graylight);
    border-radius: 5px;
    padding: 0 10px;
    margin: 0;
}

.OfiInput30 {
    width: 32%;
}

.OfiInput40 {
    width: 40%;
}

.OfiInput50 {
    width: 48%;
}

.OfiInput60 {
    width: 66%;
}

.OfiInput100 {
    width: 100%;
}

.cardOfi.longCard {
    width: 100%;
    min-width: 500px;
    min-height: 250px;
    height: fit-content;
}


.content-selector {
    display: grid;
    width: 100%;
    grid-gap: 5px;
    height: auto;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------Cierre Tipificación------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*---------------------------------------------------------------------apertura reporte tratamientos------------------------------------------------------------------*/
.sort-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 10px;
    line-height: 1;
    /* Reduce espacio entre líneas */
    display: inline-block;
    padding: 0;
    text-align: center;
}

.sort-btn:hover {
    color: #118624;
}



/*Consulta Atención Menú Dropdown*/
.dropdown-menu.dropdown-row {
    position: absolute;
    height: auto;
    top: 0;
    left: 0;
    max-height: 95px;
    background-color: var(--verdeSigma);
    box-shadow: none;
    animation: slideInRight;
    animation-duration: 0.5s;
    padding: 0;
    gap: 37px;
}

.dropdown-menu.dropdown-row.show {
    display: flex;
}

.tabla-global.table-with-dropdown {
    position: relative;
    padding: 10px;
}

.dropdown-menu.dropdown-row .dropdown-item,
.dropdown-menu.dropdown-row .dropdown-item i {
    color: var(--blancoSigma);
    opacity: 100%;
    line-height: unset;
}


.dropdown-menu.dropdown-row .dropdown-item:hover,
.dropdown-menu.dropdown-row .dropdown-item:hover i {
    color: #F8AC6D;
}

#global {
    overflow-x: hidden;
}

.consultaatencion-scrollbar-color {
    scrollbar-color: #a0a0a0 var(--blancoSigma);
    scrollbar-width: thin;
}

input:disabled,
input[readonly],
textarea:disabled,
select:disabled {
    background: #cbcbcba8 !important;
    cursor: not-allowed !important;
    opacity: .7 !important;
}

select#ufld\:ICONTACTO\.SEGUIMIENTOS\.NOMODEL\:M_SEGUIMIENTOS\.1 {}

.consultaatencion-arrow-rotate-left::after {
    transform: rotate(90deg);
}

.consultaatencion-binfo-button,
.consultaatencion-bopc-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.consultaatencion-btnInformacion,
.consultaatencion-btnOpc {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (max-width: 768px) {

    .consultaatencion-btnInformacion,
    .consultaatencion-btnOpc {
        flex: 1 1 auto;
        min-width: 50px;
    }
}

.table.tratamientos span {
    font-size: 11px;
}



.scroll-table-tratamientos {
    max-height: 70vh;
    overflow-y: auto;
}



.table.tratamientos th,
.table.tratamientos td {
    overflow: hidden;
}



/* Aplica truncado (una sola línea) y puntos suspensivos */
.collapse-text {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50px;
    vertical-align: middle;
    cursor: pointer;
}


.collapse-text.expanded {
    white-space: normal;
}

.expandable {
    cursor: pointer;
    display: inline-block;
}


.botoncausa {
    text-align: center
}

.causa-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.causa-text {
    font-size: 1rem;
    flex: 1;
}

.causa-btn {
    margin-left: 10px;
}


.sticky-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #DAEBE6;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}




/* -------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------cierre reporte tratamientos------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*   -------------  Estilos PREALERTAMIENTOS  ------------------*/

.prealerta-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.prelaerta-card {
    background-color: white;
    border: 1px solid #cce7cc;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    width: 300px;
}

.prelaerta-card h3 {
    margin: 0 0 10px;
    color: #2d6a2d;
}

.prelaerta-card p {
    margin: 5px 0;
}

.prelaerta-description {
    max-height: 100px;
    overflow-y: auto;
    white-space: normal;
}

.prealerta-reciente.prelaerta-card {
    background-color: #ffcccc;
}

.prealerta-reciente .prealerta-header span {
    color: rgb(189, 0, 0) !important;
}

/* ----------------- Cierre de Estilos PREALERTAMIENTOS -------------  */


/*   -------------  Estilos EMAILTEMPLATES  ------------------*/

.emailtemplates-custom-dropdown.emailtemplates-custom-dropdown-container {
    position: absolute;
    left: 96%;
    top: 0;
    height: auto;
    max-height: 95px;
    margin-left: 10px;
    margin-top: 0;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    animation: slideInRight 0.3s ease-in-out;
    display: none;
}

.emailtemplates-custom-dropdown.emailtemplates-custom-dropdown-container.show {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    width: 13vw;
}

@keyframes slideInRight {
    from {
        transform: translateX(50px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.filtros-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    justify-content: center;
    width: 78%;
}

.filtro {
    display: inline-block;
    padding: 1px 1px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
    text-align: center;
}

.filtro:nth-child(odd) {
    /* Filtros en posición impar (1, 3, 5...) */
    background-color: #087b5f;
    color: #fff;
}

.filtro:nth-child(even) {
    /* Filtros en posición par (2, 4, 6...) */
    background-color: #e1f5ea;
    color: #087b5f;
    border: 1px solid;
}

.emailtemplates-tooltip {
    position: relative;
    display: inline-block;
}

.emailtemplates-subject-div {
    display: block;
    color: #ffff;
    background-color: #309175;
    padding: 13px;
    justify-items: anchor-center;
    text-align: center;
}

.emailtemplates-tooltip .emailtemplates-tooltip-text {
    visibility: hidden;
    width: 5vw;
    background-color: #6c757d;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    padding: 2px;
    position: absolute;
    z-index: 1;
    bottom: -5%;
    left: 15%;
    transform: translateX(18%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
}

.emailtemplates-tooltip:hover .emailtemplates-tooltip-text {
    visibility: visible;
    opacity: 1;
}

.emailtemplates-tooltip-green .emailtemplates-tooltip-text {
    background-color: var(--verdeSigma);
}

.emailtemplates-tooltip-orange .emailtemplates-tooltip-text {
    background-color: var(--secondary-color);
}

.emailtemplates-tooltip-gray .emailtemplates-tooltip-text {
    background-color: var(--secondary);
}

.emailtemplates-tooltip-danger .emailtemplates-tooltip-text {
    background-color: var(--danger);
}

.emailtemplates-filters-container .filter-select {
    min-width: 200px;
}

.emailtemplates-filters-container .search-container {
    min-width: 250px;
    position: relative;
}

.emailtemplates-btn-clear-x {
    position: absolute;
    right: 2px;
    top: calc(19% + 0.5rem);
    transform: translateY(-50%);
    border: none;
    background: transparent;
    font-size: 1.2rem;
    cursor: pointer;
    color: #999;
    cursor: pointer;
    display: none;
    z-index: 2;
}

.emailtemplates-filters-container span {
    font-weight: 500;
    font-size: 0.9rem;
    display: block;
    margin-bottom: 0.25rem;
}

.emailtemplates-filters-container select,
.emailtemplates-filters-container input {
    width: 100%;
}

.emailtemplates-btn-clear-x:hover {
    color: #000;
}

.pagination .page-link {
    color: #007E53;
    /* Verde Sigma */
    border-color: #ccc;
    font-weight: 500;
    border-radius: 0.375rem;
}

.pagination .page-item.active .page-link {
    background-color: #007E53;
    border-color: #007E53;
    color: white;
}

.pagination .page-link:hover {
    background-color: #e6f4ef;
    color: #005e3d;
}

.emailtemplates-rows,
.emailtemplates-rows>.card-body {
    background-color: #fff !important;
}

.emailtemplates-rows .column {
    background-color: var(--menu-card-body);
    border-right: 4px solid #fff;
}

.emailtemplates-btn-remoc {
    color: var(--verdeSigma);
    opacity: 0.7;
}

.emailtemplates-btn-remoc:hover {
    color: var(--verdeSigma);
    opacity: 0.7;
}

.emailtemplates-checkbox-all {
    position: absolute;
    left: 20px;
    top: 1px;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px !important;
    max-height: 14px;
    display: block;
    border: 1px solid black;
    background-color: white;
}

/* .emailtemplates-checkbox-all:checked::before {
	content: '\1F5F8';
    color: #ffffff;
    font-size: 19px;
    position: absolute;
    left: 4px;
    top: -3px;
} */

.emailtemplates-checkbox-all:checked {
    background-color: black;
    padding-left: 3px;
}

.emailtemplates-checkbox {
    position: absolute;
    left: 20px;
    top: 2px;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px !important;
    max-height: 14px;
    display: block;
    border: 1px solid black;
    background-color: white;
}

/* .emailtemplates-checkbox:checked::before {
	content: '\1F5F8';
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    left: 1px;
    top: -2px;
} */

.emailtemplates-checkbox:checked {
    background-color: black;
    padding-left: 3px;
}

.emailtemplates-btninfo {
    border-color: var(--color-secondary);
    color: var(--blancoSigma) !important;
    background-color: var(--color-secondary);
}

/* ----------------- Cierre de Estilos EMAILTEMPLATES -------------  */


/* ----------------- Apertura de Estilos estado agenda -------------  */
/* Contenedor de la tabla de Estado Agenda */
/* Contenedor de la tabla de Estado Agenda */
.estadoagenda-container {
    background-color: #f4f7f6;
    /* Fondo general de la sección */
    padding: 15px;
    /* Reducir el padding del contenedor */
    border-radius: 8px;
    /* Bordes redondeados */
    max-height: 350px;
    /* Reducir la altura máxima */
    overflow-y: auto;
    /* Scroll vertical */
}

/* Tabla con la clase especifica de estadoagenda */
.estadoagenda-table {
    background-color: #f9fafb;
    /* Fondo muy claro para la tabla */
    border-radius: 8px;
    width: 100%;
    /* Asegura que la tabla ocupe el 100% del contenedor */
    overflow-x: auto;
    /* Scroll horizontal */
}

/* Estilo de las cabeceras de la tabla */
.estadoagenda-thead th {
    background-color: #28a745;
    /* Encabezado verde */
    color: white;
    /* Texto blanco */
    padding: 0.3rem 0.8rem;
    /* Reducir el padding de las cabeceras */
}

/* Estilo de las filas */
.estadoagenda-row {
    color: #495057;
    /* Color gris para el texto */
    font-size: 0.8rem;
    /* Reducir el tamaño de la fuente en las filas */
    padding: 0.3rem 0.8rem;
    /* Reducir padding de las filas */
}

/* Filas impares con fondo verde claro */
.estadoagenda-table .table-striped tbody tr:nth-of-type(odd) {
    background-color: #d4edda;
    /* Verde claro */
}

/* Bordes de la tabla */
.estadoagenda-table th,
.estadoagenda-table td {
    border: 1px solid #28a745;
    /* Borde verde en celdas */
    padding: 0.3rem 0.8rem;
    /* Reducir el padding de las celdas */
    text-align: center;
    /* Centrado del contenido en las celdas */
}

/* Efecto hover para filas */
.estadoagenda-table tbody tr:hover {
    background-color: #c3e6cb;
    /* Fila verde suave al pasar el mouse */
}

/* Redondeo de los bordes de la tabla */
.estadoagenda-table th,
.estadoagenda-table td {
    border-radius: 8px;
    /* Bordes redondeados */
}

/* Estilos adicionales para el contenido de la tabla */
.estadoagenda-table td span {
    font-weight: bold;
    color: #495057;
    /* Color gris para el texto dentro de las celdas */
}

/* ----------------- Cierre de Estilos estado agenda -------------  */

.cammovem-tooltip {
    position: relative;
    display: inline-block;
}

.cammovem-tooltip-text {
    visibility: hidden;
    width: 5vw;
    background-color: var(--green-light);
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    padding: 2px;
    position: absolute;
    z-index: 1;
    bottom: 93%;
    left: 15%;
    transform: translateX(18%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
}

.cammovem-tooltip:hover .cammovem-tooltip-text {
    visibility: visible;
    opacity: 1;
}



/*   -------------  Estilos PUBLICACION  ------------------*/

[pantalla='PUBLICACION'] select {
    padding: 0rem 0.2rem !important;
    border-radius: 6px !important;
    font-size: 0.8re !important;
    border: 1px solid #ced4da !important;
}


/* ----------------- Cierre de Estilos PUBLICACION -------------  */

/*-------------------------Estilo maestro tipo cedula-------------------------------- */
.custom-selectmatipocedula {
    background-color: #f3f3f3;
    /* Verde suave */
    border: 1px solid #d7fad7;
    /* Borde más suave */
    border-radius: 5px;
    /* Bordes redondeados */
    color: #000000;
    /* Texto verde oscuro */
    padding: 0.5rem;
    /* Espaciado interno */
    width: auto;
}

.custom-selectmatipocedula:focus {
    border-color: #d7fad7;
    /* Borde cuando está en foco */
    box-shadow: 0 0 5px #d7fad7;
    /* Efecto de sombra en foco */
}


/*-------------------------Cierre maestro tipo cedula-------------------------------- */


.Novigente2 {
    background: #F97F7A !important;
    display: inherit;
    min-height: 20px;
}

.Inactivo1 {
    background: yellow !important;
}

.Inactivo2 {
    background: #BBCEF5 !important;
}

.Inactivo3 {
    background: red !important;
}


/*-------------------------apertura Historico tablas-------------------------------- */
.arrows_historicoTablas {
    all: unset;
    font-size: 0.8rem;
    color: #d7fad7;
    margin-left: 5px;
    cursor: pointer;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
}

.arrows_historicoTablas:hover {
    color: #333;
}

/*Estilos login clientes*/

.body-signin {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center !important;
}

.form-signin {
    width: 100%;
    width: 430px;
    max-width: 90vw;
    padding: 30px;
    margin: 0 auto;
    background-color: #F5F5F7;
    border-radius: 20px;
    box-shadow: 0px 0px 20px;
}

.img-signin {
    width: 200px;
    margin: 0 auto 24px;
    max-width: 70%;
}

.divLogin {
    height: 100vh;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.buttonsLogin {
    display: flex;
}

.buttonsLogin a {
    flex: 50%;
}

.buttonsLogin a {
    font-size: 1.1em;
    color: #007E53;
    padding: 0.5em 0.5em;
    text-decoration: none !important;
    border: none;
}

.buttonsLogin a .card {
    padding: 2em 0.5em;
    border: none;
    height: 250px;
    background: #fff;
}

.buttonsLogin a .card i {
    font-size: 2.3em;
    margin-bottom: 0.3em;
}

.buttonsLogin a .card>p {
    text-align: center;
    color: #878787;
    margin: 10px 0 0;
}

.buttonsLogin a:hover .card {
    color: #fff;
    background-color: #007E53;
}


.buttonsLogin a:hover .card>p {
    color: #fff;
}

/*Existente*/
.form-signin {
    box-shadow: 0px 0px 20px #00000026;
    padding: 30px 30px 45px;
}

.img-signin {
    margin-bottom: 0;
    margin-bottom: -15px;
    margin-top: -15px;
}

[pantalla='PRELOGIN'] .recomendaciones {
    color: #727272
}



/*Plan de tratamiento*/
.scroll-table-tratamientos table td {
    height: auto;
}


.scroll-table-tratamientos table thead td,
.scroll-table-tratamientos table .sticky-header {
    background-color: var(--verdeSigma);
    color: var(--blancoSigma);
    border-radius: 0px;
}

.botoncausa {
    margin: auto;
    padding: 0;
    display: inline;
}

table td select {
    background-color: var(--color-green-light);
    border: none;

}

.table.tratamientos th,
.table.tratamientos td {
    text-align: center;
}

.bg-orange-light {
    background-color: var(--orange-light);
    color: white
}

.border-radius {
    border-radius: 5px;
}

/* ----------------- Apertura de Estilos USUARIOS -------------  */

.usuarios-filters-container .filter-select {
    min-width: 200px;
}

.usuarios-filters-container .search-container {
    min-width: 250px;
    position: relative;
}

.usuarios-btn-clear-x {
    position: absolute;
    right: 2px;
    top: calc(19% + 0.5rem);
    transform: translateY(-50%);
    border: none;
    background: transparent;
    font-size: 1.2rem;
    cursor: pointer;
    color: #999;
    cursor: pointer;
    display: none;
    z-index: 2;
}

.usuarios-filters-container span {
    font-weight: 500;
    font-size: 0.9rem;
    display: block;
    margin-bottom: 0.25rem;
}

.usuarios-filters-container select,
.usuarios-filters-container input {
    width: 100%;
}

.usuarios-rows,
.usuarios-rows>.card-body {
    background-color: #fff !important;
}

.usuarios-rows .column {
    background-color: var(--menu-card-body);
    border-right: 4px solid #fff;
}


.usuarios-tooltip {
    position: relative;
    display: inline-block;
}

.usuarios-tooltip .usuarios-tooltip-text {
    visibility: hidden;
    width: 5vw;
    background-color: #6c757d;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    padding: 2px;
    position: absolute;
    z-index: 1;
    bottom: -5%;
    left: 15%;
    transform: translateX(18%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
}

.usuarios-tooltip:hover .usuarios-tooltip-text {
    visibility: visible;
    opacity: 1;
}

.usuarios-tooltip-green .usuarios-tooltip-text {
    background-color: var(--verdeSigma);
}

/* ----------------- Cierre de Estilos USUARIOS -------------  */

div.scroll-table {
    max-height: 60vh;
    overflow-y: auto;
}

.textSmall {
    font-size: 0.6rem;
}

/* ----------------- Cierre de Estilos USUARIOS -------------  */
.filaConsulta {
    background-color: var(--menu-card-body);
}


/*---------------------- LOADING -----------------------------*/

div.ubusyasync {
    top: 8px;
    right: 50%;
    background-image: url(/img/loading.gif) !important;
    height: 80px;
    width: 80px;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-size: contain;
}

.occRepetido {
    border: red 2px solid !important;
}


/*New CARDS*/
.cards-sigma-container {
    display: grid;
    gap: 20px;
    align-items: start;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.card-sigma {
    background: white;
    color: #1a1a1a;
    border-radius: 16px;
    padding: 20px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px,
        rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px,
        rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
        rgba(42, 51, 70, 0.04) 0px 6px 6px -3px,
        rgba(14, 63, 126, 0.04) 0px 12px 12px -6px,
        rgba(14, 63, 126, 0.01) 0px 24px 24px -11px;
    font-family: 'Inter', sans-serif;
    transition: background 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

/* Light variant for the second card */
.card-green-sigma {
    background: #0c4c3e;
    background: linear-gradient(56deg, rgba(246, 138, 48, 0.61) 0%, rgba(8, 123, 95, 1) 100%);
    background: linear-gradient(56deg, rgba(8, 123, 95, 1) 30%, rgba(12, 76, 62, 1) 100%);
    background: var(--verdeSigma);
    color: white;
}

/* Icon area */
.icon-wrapper-sigma {
    font-size: 14px;
    border-radius: 50%;
    padding: 8px;
    cursor: pointer;
    background: var(--naranjaSigma);
    background: var(--verdeSigma);
    color: #fff;
    width: fit-content;
    height: fit-content;
}


.card-green-sigma .icon-wrapper-sigma {
    background: #fff;
    color: #0c4c3e;
}

.card-sigma .icon-wrapper-sigma:hover {

    background: #fff;
    color: #0c4c3e;
}

.card-green-sigma .icon-wrapper-sigma:hover {

    background: #0c4c3e;
    color: #fff;
}


/* Content area */
.content-sigma .title-sigma,.title-sigma-all {
    font-size: 15.5px;
    font-weight: 600;
    opacity: 0.8;
    display: inline;
    color: #0c4c3e;
}

.card-green-sigma .content-sigma .title-sigma {
    color: #fff;
    opacity: .9;
}



.footer-sigma {
    font-size: 12px;
    display: none !important;
    align-items: center;
    gap: 4px;
    color: #10b981;
}

.card-green-sigma .footer-sigma {
    color: #6ee7b7;
    /* Green tone for increase */
}

.card-sigma span {
    font-size: 13px;
    font-weight: 400;
    color: #616161;
    height: 22px;
    min-height: fit-content;
    display: block;
}

.card-green-sigma span {
    color: #f6f6f6;
}


.card-sigma label,
.card-sigma span.labelCard {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 0;
    margin-top: 7px;
    color: #6e6e6e;
}

.card-green-sigma label,
.card-green-sigma span.labelCard {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 0;
    margin-top: 7px;
    color: #efefef;
}

.card-sigma .footer-sigma span {
    margin: 0;
}

/*HEAD CARD*/
/* Tarjeta que ocupa todo el ancho (como encabezado) */
.head-card-sigma {
    grid-column: 1 / -1;
    box-shadow: none;
    background: none;
    padding-left: 0;
    padding-right: 0;
}

.head-card-sigma .value-sigma {
    display: flex;
    gap: 35px;
    flex-wrap: wrap;
}

.head-card-sigma .title-sigma, .title-sigma-all {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 8px;
    display: inline;
    color: #646464;
}


.head-card-sigma label+span,
.head-card-sigma label+div>span{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: #666666;
}

.head-card-sigma label,
.head-card-sigma span.labelCard {
    font-size: 13px;
    font-weight: 400;
    display: block;
    margin: 0;
}

.card-sigma {
    flex: 1 1 16em;
}

.head-card-sigma {
    flex: 1 1 100%;
    padding-top: 0;
    padding-bottom: 15px;
}


.seg-card-sigma {
    flex: 1 1 50em;
}


.card-sigma .value-sigma span:first-child {
    margin-top: 5px;
    margin-bottom: 2px;
}

.card-sigma .value-sigma span:last-child {
    margin-bottom: 0px;
}

.dropdown-item {
    padding: 1rem 1.5rem;
}

.card-sigma input,
.card-sigma select {
    font-size: 13px;
    font-weight: 500;
    display: block;
    background: #f5f6f8;
    border: 1px solid #fff;
    color: #616161;
    padding-left: 0;
    height: 22px !important;
    min-height: 5px !important;
    margin-left: -7px;
    padding-left: 7px;
}

.card-sigma input:disabled,
.card-sigma select:disabled {
    background: #fff !important;
    opacity: 1 !important;
}

.card-group {
    gap: 20px;
}

.card-sigma .value-sigma {
    margin-top: 10px;
}

.card-sigma .value-sigma .row {
    width: 100%;
    margin: 0;
}

.card-btn-action {
    position: absolute;
    margin-right: 16px;
    font-size: 15px;
    top: 10px;
    right: 0px;
    background: #0c4c3e;
}
[incidente="true"] {
    background: #ED4239 ;
}
[incidente="true"]:hover {
    color: #ED4239 !important;
    background: #fff ;
}


.btn-option-menu {
    margin: .5rem .5rem;
}

.navbar-container {
    display: flex;
    justify-content: center;
    position: relative;
}

.navbar,
.sidebar {
    display: flex;
    justify-content: center;
    background-color: rgb(8 123 95 / 5%);
    color: #1a1a1a;
    border-radius: 16px;
    padding: 5px;
    width: 100%;
    transition: background 0.3s ease;
    position: relative;
    margin: 20px 0px;
}

.sidebar {
    margin-left: 0;
    padding: 0;

}

.sisbermenu.hidden {/* oculta el menu */
      width: 0;
      padding: 20px 0; /* se reduce padding cuando está oculto */
    }
.sisbermenu.hidden #wrapper{
    margin-left: -15rem;
}

#sidebar-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.sidebar hr {
    width: 80%;
}

.input-group {
    display: flex;
    flex-wrap: nowrap;
}

.btn-input {
    margin-top: -5px;
}

.modal-header {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    background: #0c4c3e;
    background: var(--verdeSigma);
    opacity: 1;
}

.modal-content {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}


.modal.show .modal-dialog,
.modal-content {
    background: transparent;
    border: none;
}

.modal-body {
    background: #fff;
    max-height: 80vh;
    overflow: overlay;
}

.modal-header .close {
    color: #fff;
}

#tbody-sms-m-comunicaciones,
#tbody-email-m-comunicaciones {
    max-height: 50vh;
    overflow: overlay;
}


.cards-sigma-container > *{
    min-width: 0;
    /* Muy importante para que el grid "rompa" contenido largo */
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    grid-column: auto;
    height: 100%;
}

.card-doble {
    grid-column: span 2 !important;
}

.card-doble .value-sigma {
    display: flex;
    justify-content: space-around;
}


.head-card-sigma {
    grid-column: 1 / -1;
}

.card-beneficiario {
    grid-column: 1;
    grid-row: 2;
}

.card-titular {
    grid-column: 1;
    grid-row: 3;
}

.card-contacto {
    grid-column: 2;
    grid-row: 2;
}

.card-cobertura {
    grid-column: 2 / span 2;
    /* ocupa 2 columnas */
    grid-row: 3;
}

.card-preferencias {
    grid-column: 3;
    grid-row: 2;
}

.card-cita {
    grid-column: 4;
    grid-row: 2 / span 2;
    /* ocupa 2 filas */
}

.card-prestador {
    grid-column: 5;
    grid-row: 2 / span 2;
    /* ocupa 2 filas */
}

.seg-card-sigma {
    grid-column: 1;
    grid-column: span 3;
}

.value-sigma.value-multiple {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}

.value-sigma.value-multiple>* {
    min-width: 0;
    /* Muy importante para que el grid "rompa" contenido largo */
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    grid-column: auto;
}

.content .udsp_default>div .cards-sigma-container {
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.01) 0px 24px 24px -11px;
    background-color: rgb(8 123 95 / 5%);
    background-color: rgb(8 123 95 / 5%);
    padding: 25px;
    border-radius: 16px;
}


.dashboard>.content {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
}

.dashboard>.content .content {
    flex: unset;
}

.content .udsp_default {
    display: flex;
}


.content .udsp_default>div:first-child {
    margin-right: 20px;
    margin-left: 20px;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
    width: 100%;
}

.container-for-cards {
    display: flex;
}


.head-card-sigma input,
.head-card-sigma select {
    font-size: 13px !important;
    font-weight: 500;
    display: block;
    background: #fff;
    border: 1px solid #fff !important;
    color: #616161;
    height: 25px !important;
    min-height: 0 !important;
}

.card-table {
    padding: 0;
    background: #fff;
    max-height: 360px;
    overflow: overlay;
    width: 100%;
}

tr[onclick] * {
    cursor: pointer;


}

.card-sigma table tr td span {
    line-height: 1.8;
    height: auto;
    display: inline;
}

.card-sigma table thead th,
table th {
    background: #fff;
    color: var(--verdeSigma);
    font-weight: 600;
}


.card-sigma.card-table table thead th,
.card-sigma .scroll-table table th {
    background: var(--verdeSigma);
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.card-sigma table td {
    height: 40px;
    background: #fff;
    text-align: center;
}
.card-sigma table tr {
    text-align: center;
}

.card-sigma table tr:nth-child(even) td {
    background: #f6f6f6;
}


.card-sigma table tr:hover td {
    background-color: #2b816c87;
}

.card-sigma table tr:hover td,
.card-sigma table tr:hover td span {
    color: #fff;
}

.card-sigma tr[seleccionado="true"] td {
    background-color: var(--naranjaSigma) !important;
}

.card-sigma tr[seleccionado="true"] td * {
    color: #fff !important;
}

.card-sigma thead th {
    position: sticky;
    top: -1px;
    z-index: 2;
    border: none !important;
}

.card-sigma thead tr {
    border-bottom: 5px solid transparent !important;
}


.icon-wrapper-sigma.icon-btn-outline {
    background: transparent;
    color: var(--verdeGradient);
    border: 1px solid;
}

.green-icon {
    color: var(--verdeSigma);
}

.card-sigma table {
    margin-bottom: 0;
}


/*Scroll card-table*/
.card-table::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent !important;
}

.card-table::-webkit-scrollbar {
    width: 3px !important;
}

.card-table::-webkit-scrollbar-thumb {
    background-color: var(--verdeSigma) !important;
    border: none !important;
    border-bottom: 5px solid transparent;
}


.card-datospago .value-sigma {
    flex-direction: column;
}

.card-datospago .value-sigma>div {
    display: flex;
    width: 100%;
    flex-basis: 100%;
    justify-content: space-between;
}

.card-sigma [type="checkbox"] {
    border: 1px solid #d2d2d2;
    position: relative;
}

.card-datospago [type="checkbox"] {
    margin-left: 5px;
    padding: 0;
    margin: 7px 5px;
}

.card-sigma tr[carencia="true"] td span {
    color: red;
}

.xproducto {
    background: var(--verdeSigma);
    color: #fff !important;
    border-radius: 10px;
    padding: 0px 15px;
    font-size: 16px !important;
    line-height: 1.4;
}

.btn-squared {

    border-radius: 10px;
    background: #fff;
    color: var(--verdeSigma);
    border: 2px solid;
    font-size: 13px;
    padding: 4px 16px;
}

option {
    color: #636363;
    background-color: #fff;
}

input[type="checkbox"]:checked::before {
    content: '\2713';
    color: var(--color-secondary);
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    bottom: -5px;
    left: 1px;
}

.card-sigma [class^=col] {
    padding: 0;
}

.card-sigma .row {
    margin: 0;
}

.head-card-sigma .dropdown-menu.dropdown-row{
    top: 0px;
    gap: 20px;
    border-radius: 0;
    border-radius: 16px;
}

.head-card-sigma .dropdown-menu.dropdown-row .dropdown-item{
    font-size: 13px;
    padding: .7rem 1rem;
    border-radius: 0;
}

/*Dropdown Responsive*/
@media (max-width: 1590px) {
  .head-card-sigma .dropdown-menu.dropdown-row {
    gap: 5px;
  }
}


.cards-sigma-content{
    display:contents;
}

.card-total-sigma{
    grid-column: 1 / -1;
}


.btn-orange-card {
    border-radius: 10px;
    background: var(--naranjaSigma);
    color: #fff;
    font-size: 13px;
    padding: 4px 16px;
}

.info-sigma > div{
    text-align:center;
}

.modal-embed{
     background: white;
    color: #1a1a1a;
    border-radius: 16px;
    padding: 15px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px,
        rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px,
        rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
        rgba(42, 51, 70, 0.04) 0px 6px 6px -3px,
        rgba(14, 63, 126, 0.04) 0px 12px 12px -6px,
        rgba(14, 63, 126, 0.01) 0px 24px 24px -11px;
    font-family: 'Inter', sans-serif;
    transition: background 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.modal-embed .modal-header,
.modal-embed .modal-body{
    background:transparent;
    padding: 5px 5px 10px;
}

.modal-embed .modal-header .htitulo{
    color:var(--verdeSigma);
    text-align:left;
    margin-left:0 !important;
    font-size: 16px;
}

.modal-embed .modal-body > .row{
    padding-top:20px !important;
    padding-bottom:10px !important;
}
.buscador-sd{
    background: var(--blancoSigma);
}
.card-sigma .main-info span{
    color: var(--blancoSigma);
}




/* ========================================================================= */
/* INICIO PARA EL MAESTRO  ACCIONES                    */
/* ========================================================================= */
.gestion-acciones-form {
    --primary-color: #2ECC71;
    --primary-hover-color: #27AE60; 
    --light-green-bg: #E8F5E9;
    --text-dark-color: #34495E;
    --text-muted-color: #7f8c8d;
    --border-color: #E0E0E0;
    --card-bg: #FFFFFF;
    font-family: 'Inter', sans-serif;
}

.gestion-acciones-form .custom-card {
  border: none;
  border-radius: 12px;
}

.gestion-acciones-form .form-section-title {
  color: var(--text-dark-color);
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 8px;
  margin-bottom: 20px;
}

.gestion-acciones-form .form-group label {
  font-weight: 500;
  font-size: 0.85rem;
  color: var(--text-dark-color);
}

.gestion-acciones-form .form-control {
  border-radius: 8px;
  border-color: var(--border-color);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.gestion-acciones-form .form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(46, 204, 113, 0.25);
}

.gestion-acciones-form .participant-tag {
  background-color: var(--light-green-bg);
  color: var(--primary-hover-color);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 500;
  margin-right: 8px;
  margin-bottom: 8px;
}

.gestion-acciones-form .action-panel {
  padding-top: 20px;
}

.gestion-acciones-form .border-left-lg {
  border-left: 1px solid var(--border-color);
  padding-left: 2rem;
}

/* Personalización de botones de Bootstrap DENTRO de nuestro módulo */
.gestion-acciones-form .btn {
  border-radius: 8px;
  font-weight: 600;
  padding: 10px 0;
  transition: all 0.2s ease-in-out;
}


.gestion-acciones-form .form-control:focus {
  border-color: var(--verdeSigma); 
  box-shadow: none; 
}


.gestion-acciones-form .btn-outline-secondary {
    color: var(--text-dark-color);
    border-color: var(--border-color);
}

.gestion-acciones-form .btn-outline-secondary:hover {
 background-color: var(--verdeSigma) !important; 
 color: var(--card-bg) !important; 
 border-color: var(--verdeSigma) !important;
}

/* Ajustes para la vista móvil */
@media (max-width: 991.98px) {
  .gestion-acciones-form .border-left-lg {
    border-left: none;
    border-top: 1px solid var(--border-color);
    padding-left: 0;
    margin-top: 2rem;
    padding-top: 2rem;
  }
  .gestion-acciones-form .action-panel {
    padding-top: 0;
  }
}
.grid-template-5columns{
    grid-template-columns: repeat(5, 1fr);
}
/* ========================================================================= */
/* FIN ESTILOS PARA EL MAESTRO  ACCIONES   */
/* ========================================================================= */




/* ========================================================================= */
/*  ESTILOS PARA ANALISIS_5PQ  */
/* ========================================================================= */
/* ====== CONTENEDOR ====== */

/* ========================================================================= */
/* ESTILOS UNIFICADOS PARA ANALISIS_5PQ */
/* ========================================================================= */

/* --- Estilos Base (Plantilla Seguimiento) --- */
.seguimiento-container {
    font-family: Arial, sans-serif;
    margin: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.seguimiento-body {
    padding: 20px;
}

.seguimiento-buttons {
    text-align: center;
    padding: 15px;
    background-color: #f8f9fa;
    border-top: 1px solid #ddd;
}

/* --- Estilos Únicos y Necesarios para la Pantalla "5 Por Qué" --- */

/* Contenedor de Instrucciones */
.instruccion-container {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.instruccion-titulo {
    background-color: #16a085;
    color: white;
    padding: 10px 15px;
    font-weight: bold;
    border-radius: 4px;
    margin-right: 15px;
    white-space: nowrap;
}

.instruccion-texto {
    margin: 0;
    font-size: 14px;
    color: #333;
}

/* Contenedores de Preguntas y Causas (con grilla y contadores) */
#preguntasContainer,
#causasContainer {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Mantenemos la grilla de 2 columnas */
    gap: 20px;
    overflow-y: auto;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#preguntasContainer {
    max-height: 200px; /* Altura para 1 fila antes del scroll */
    counter-reset: preguntaCounter;
}

#causasContainer {
    max-height: 200px; /* Altura para 1 fila antes del scroll */
    counter-reset: causaCounter;
}

/* Lógica de los contadores */
#preguntasContainer .form-group {
    counter-increment: preguntaCounter;
}

#causasContainer .form-group {
    counter-increment: causaCounter;
}

#preguntasContainer .form-group label,
#causasContainer .form-group label {
    font-size: 0; /* Oculta el texto original del label */
}

#preguntasContainer .form-group label::before {
    font-size: 1rem;
    font-weight: bold;
    content: "Pregunta " counter(preguntaCounter);
}

#causasContainer .form-group label::before {
    font-size: 1rem;
    font-weight: bold;
    content: "Causa Raíz " counter(causaCounter);
}

/* ========================================================================= */
/*  FIN ESTILOS PARA ANALISIS_5PQ  */
/* ========================================================================= */


/* ========================================================================= */
/* ESTILOS ADAPTADOS PARA ACCIONES CO_PRE                
/* ========================================================================= */
.seguimiento-container {
    font-family: Arial, sans-serif;
    margin: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.seguimiento-body {
    padding: 15px;
    background: #f9f9f9;
}

.seguimiento-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.seguimiento-table thead {
    background: #424242; /* Encabezado de tabla oscuro (estilo plantilla) */
    color: #fff;
}

.seguimiento-table th,
.seguimiento-table td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
    vertical-align: top; /* Alinear arriba para consistencia */
}

.seguimiento-table tbody tr:nth-child(even) {
    background: #f2f2f2; /* Filas grises (estilo plantilla) */
}

.seguimiento-buttons {
    text-align: center;
    padding: 15px;
}

/* ========================================================================= */
/* FIN ESTILOS  PARA ACCIONES CO_PRE               
/* ========================================================================= */


/* ========================================================================= */
/*fin  ESTILOS PARA ACCIONES_SEG */
/* ========================================================================= */
/* ===== CONTENEDOR ===== */
.seguimiento-container {
    font-family: Arial, sans-serif;
    margin: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

/* ===== HEADER ===== */
.seguimiento-header {
    background: #00695c; /* Verde oscuro */
    padding: 12px 15px;
    text-align: center;
}

.seguimiento-header h4 {
    margin: 0;
    font-size: 1.5rem;
    color: #fff;
}

/* ===== TABLA ===== */
.seguimiento-body {
    padding: 15px;
    background: #f9f9f9;
}

.seguimiento-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.seguimiento-table thead {
    background: #424242; /* Gris oscuro */
    color: #fff;
}

.seguimiento-table th,
.seguimiento-table td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
}

.seguimiento-table tbody tr:nth-child(even) {
    background: #f2f2f2;
}

/* ===== BOTONES ===== */
.seguimiento-buttons {
    text-align: center;
    padding: 15px;
}



/* ========================================================================= */
/*fin  ESTILOS PARA ACCIONES_SEG */
/* ========================================================================= */


/* ========================================================================= */
/*INICIO  ESTILOS PARA Plan-ACCION */
/* ========================================================================= */
.seguimiento-container {
    font-family: Arial, sans-serif;
    margin: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.seguimiento-body {
    padding: 15px;
    background: #f9f9f9;
}

.seguimiento-table {
    width: 100%;
    border-collapse: collapse;
}

.seguimiento-table thead {
    background: #424242;
    color: #fff;
}

.seguimiento-table th,
.seguimiento-table td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
}

.seguimiento-table tbody tr:nth-child(even) {
    background: #f2f2f2; 
}

.seguimiento-buttons {
    text-align: center;
    padding: 15px;
}


.seguimiento-table textarea,
.seguimiento-table input,
.seguimiento-table select,
.seguimiento-table span {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.seguimiento-table span {
    border: none;
    background-color: transparent;
}

.seguimiento-table > tbody > tr > td {
    vertical-align: top;
}


.seguimiento-table > tbody > tr > td[colspan="5"] {
    padding: 0;
}
/* ========================================================================= */
/*fin  ESTILOS PARA Plan-ACCION */
/* ========================================================================= */

.detalle-long {
     display: -webkit-box !important;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 1.5em !important;   /* controla altura de línea */
     max-height: calc(1.5em * 3); /* 3 líneas */
    word-break: break-word;
    width: 27ch;
}
div#modal2 {
    background: rgb(1,1,1,0.6);
}

/* ----------------- Apertura de Estilos BUZONSEGUIMIENTO -------------  */

    .buzonseguimiento-table-scroll {
        max-height: 80vh;
        overflow-y: auto;
    }

    .buzonseguimiento-table-scroll thead th {
        position: sticky;
        top: -1px;
        z-index: 2;
        background-color: #007e53;
        color: white;
        border: none !important;
    }

    td.semaforizacion-cell span {
        z-index: 1;
        position: relative;
    }

    .semaforizacion-cell {
        position: relative; /* para que el ::before se posicione relativo al td */
        border-bottom: 1px solid #ebf4f2 !important;
        color: #fff;
    }

    .semaforizacion-cell::before {
        content: '';
        position: absolute;
        left: 5px;
        top: 8px;
        width: 85%;
        height: 40px;
        border-radius: 10px;
        background-color: #28a745;
        z-index: 0; /* Cambiado de 2 a 0 */
    }

    /* Para cambiar color dinámicamente */
    .semaforo-verde::before { background-color: #28a745; }
    .semaforo-amarillo::before { background-color: #ffc107; }
    .semaforo-rojo::before { background-color: #dc3545; }

/* ----------------- Cierre de Estilos BUZONSEGUIMIENTO -------------  */


/* ========================================================================= */
/* ESTILOS PARA EL MÓDULO DE ANÁLISIS DE CAUSA RAÍZ */
/* ========================================================================= */

.seguimiento-container {
    font-family: Arial, sans-serif;
    margin: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.seguimiento-body {
    padding: 15px;
    background: #f9f9f9;
}

.seguimiento-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.seguimiento-table thead {
    background: #424242; /* Encabezado de tabla oscuro (estilo plantilla) */
    color: #fff;
}

.seguimiento-table th,
.seguimiento-table td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}

.seguimiento-table tbody tr:nth-child(even) {
    background: #f2f2f2; /* Filas grises (estilo plantilla) */
}

.seguimiento-buttons {
    text-align: center;
    padding: 15px;
}

/* --- Estilos Específicos (Pantalla Análisis Causa) --- */

/* Estilo CORREGIDO para "No Conformidad" (Uniforme) */
.no-conformidad-section {
    display: flex;
    align-items: stretch;
    margin-bottom: 20px;
}

.no-conformidad-label {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #16a085;
    color: white;
    font-weight: bold;
    padding: 10px 25px;
    white-space: nowrap;
    /* Se aplica borde redondeado solo a la izquierda */
    border-radius: 4px 0 0 4px;
}

.no-conformidad-section textarea {
    flex-grow: 1;
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 1rem;
    resize: vertical;
    /* Se aplica borde redondeado solo a la derecha */
    border-radius: 0 4px 4px 0;
    border-left: none; /* Se quita el borde izquierdo para unirlo a la etiqueta */
}

/* Estilo preservado para el texto de Instrucciones */
.instrucciones-text {
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    text-align: center;
    color: #495057;
    margin-bottom: 20px;
}

/* Estilos preservados para los campos dentro de la tabla */
.seguimiento-table input,
.seguimiento-table select,
.seguimiento-table textarea {
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    padding: 8px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* ========================================================================= */
/* FIN ESTILOS PARA EL MÓDULO DE ANÁLISIS DE CAUSA RAÍZ */
/* ========================================================================= */

/* ----------------- Apertura de Estilos BUZONCITAS (no estan todos) -------------  */

.semaforizacion-amarilla-buzoncitas{

	background-color: #f4eb41;
    padding: 9px;
    border-radius: 10px;
	color: #000;
	display: inline-block;	
}

.semaforizacion-azul-buzoncitas{

	background-color: #2eb9fe;
    padding: 9px;
    border-radius: 10px;
	color: #000;
	display: inline-block;
}

.semaforizacion-roja-buzoncitas{

	background-color: #FE2E2E;
    padding: 9px;
    border-radius: 10px;
	color: #000;
	display: inline-block;
}

.semaforizacion-verde-buzoncitas{

	background-color: #42f459;
    padding: 9px;
    border-radius: 10px;
	color: #000;
	display: inline-block;
}

.indicadores .indicador {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
}

.indicadores .label {
  padding: 4px 8px;
}

.indicadores .value {
  padding: 4px 8px;
  border-left: 1px solid rgba(0,0,0,0.2);
  min-width: 28px;
  text-align: center;
}

/* Colores */
.buenas { background-color: #42f459; color: #000; }
.regulares { background-color: #f4eb41; color: #000; }
.deficientes { background-color: #ff3366; color: #fff; }
.sin-localizador { background-color: #ccc; color: #000; }
.pendientes { background-color: #ccc; color: #000; }
.inmediatas { background-color: #FE2E2E; color: #fff; }
.deficientes-seg { background-color: #dc3545; color: #fff; }
.buenas-seg { background-color: #28a745; color: #000; }

/* ----------------- Cierre de Estilos BUZONCITAS -------------  */


.head-title-sigma {
    display: flex;
    justify-content: space-between;
}

.head-buttons {
    display: flex;
    gap: 10px;
}