@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap');
 :root {
    --ist-green: #61A70D;
    --ist-green-dark: #61a80d;
    --ist-gray: #F0F0F0;
    --ist-gray-dark: #373A36;
    --ist-red: #BA4845;
    --ist-white: #FFFFFF;
    --ist-black: #000000;
    --at-color: #85bb3d;
    --h_green_dark: #124a22db
    --h_green: rgba(98, 167, 11, 0.86);
    --h_gray: rgba(55, 58, 54, 0.86);

}


/* * * * * * * * * * GOTHAM * * * * * * * * * */


/* body {
    font-family: 'Raleway', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    } */


body {
    font-family: 'Raleway', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-variant-numeric: lining-nums;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
}

select option {
    font-weight: bold;
}


/* * * * * * * * * * Icons sizes * * * * * * * * * */

.icon-xs {
    height: 16px;
    width: 16px;
}

.icon-sm {
    height: 24px;
    width: 24px;
}

.icon-md {
    height: 32px;
    width: 32px;
}

.icon-lg {
    height: 40px;
    width: 40px;
}

.icon-xl {
    height: 48px;
    width: 48px;
}

.icon-xxl {
    height: 60px;
    width: 60px;
}


/* * * * * * * * * * Icons sizes * * * * * * * * * */

#sidebarOverlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Cambia el último valor para ajustar la opacidad */
    z-index: 9999;
    /* Por debajo del sidebar pero por encima del contenido normal */
    opacity: 0;
    transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
}

.swal2-container.swal2-center.swal2-backdrop-show {
    z-index: 9999;
}

.ist_btn_link_back {
    display: flex;
    align-items: center;
    color: var(--ist-white);
    text-transform: uppercase;
}
.ist_btn_link_back:hover {
    color: var(--ist-green);
}

.ist_btn_link_green,
.ist_solid_btn {
    position: relative;
    overflow: hidden;
    width: fit-content;
    gap: 10px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 100px;
    z-index: 1;
    transition: color 300ms linear;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    cursor: pointer;
}

.ist_btn_link_green {
    color: var(--ist-white);
    background: var(--ist-green);
    border: 1px solid var(--ist-green);
}
.ist_solid_btn.red {
    color: var(--ist-white);
    background: var(--ist-red);
    border: 1px solid var(--ist-red);
}

.ist_btn_link_green::before,
.ist_solid_btn::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 40px;
    pointer-events: none;
    background-color: var(--ist-white);
    position: absolute;
    transform: translateX(-100%);
    transition: transform .3s ease-in, background-color .3s linear;
}

.ist_btn_link_green:hover {
    color: var(--ist-green);
}

.ist_solid_btn.red:hover {
    color: var(--ist-red);
}

.ist_btn_link_green:hover::before,
.ist_solid_btn:hover::before {
    transform: translateX(0);
    z-index: -1;
}

.wrp_sitebar_shoppingcart {
    position: fixed;
    top: 0%;
    right: -100%;
    width: 50%;
    height: 100vh;
    overflow: scroll;
    z-index: 9999;
    background-color: #ffffff;
    border-left: 1px solid #e8ecee;
    box-shadow: 0 5px 20px 0 rgba(21, 27, 38, .08);
    transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
}

.content_sidebar .head_sidebar .closed_sidebar {
    position: relative;
    display: block;
    cursor: pointer;
}

.content_sidebar .head_sidebar .closed_sidebar span {
    display: block;
    position: absolute;
    width: 28px;
    height: 2px;
    background: #646464;
    opacity: 1;
    top: 18px;
    right: 6px;
    transform: rotate(0);
}

.content_sidebar .head_sidebar .closed_sidebar span:first-child {
    transform: rotate(45deg);
}

.content_sidebar .head_sidebar .closed_sidebar span:last-child {
    transform: rotate(-45deg);
}

.sitebar-item {
    padding: 0 30px;
}

a:not([href]) {
    cursor: pointer;
}

.btn-active {
    color: #fff !important;
    background-color: #61a80d;
    border-color: #61a80d;
    box-shadow: 0 0 6px 0 #70707040
}

.btn_canton {
    background: #61a80d;
    border-color: #61a80d;
    color: #fff;
    font-weight: 600;
    border-radius: 100px !important;
    padding: 8px 20px;
}

.ist_btn_button {
    background: #61a80d;
    border-color: #61a80d;
    color: #fff;
    font-weight: 600;
    border-radius: 100px !important;
    padding: 8px 20px;
    border: none;
    outline: none;
    transition: all 400ms ease-in-out;
}

.ist_btn_button:hover {
    color: #fff;
}

.btn-active:hover {
    color: #fff !important;
    background-color: #990101;
    border-color: #0e1726;
    box-shadow: 0 10px 20px -10px #444;
}

#toggle-password {
    position: absolute;
    top: 0px;
    cursor: pointer;
    right: 15px;
}

.div_password {
    position: relative;
}

.color-kante {
    color: #005850;
}

.color-kante:hover {
    color: #01aa9c;
}

#descriptionLote .modal-content {
    z-index: 1;
    overflow: hidden;
}

.kt_desclote_close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.kt_desclote_body {
    padding: 30px 14px;
}

.kt_desclote_label_model {
    position: absolute;
    top: 60px;
    left: 0;
    padding: 10px 40px 10px 28px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    background-color: #009a79;
    z-index: 2;
}

.kt_desclote_label_model .kt_desclote_text_model {
    /* font-family: 'gotham'; */
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 300;
}

.kt_desclote_label_model .kt_desclote_text_model>strong {
    display: block;
    font-size: 24px;
    font-weight: 900;
    line-height: 24px;
}

.kt_desclote_image {
    width: 100%;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.kt_desclote_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
}

.kt_desclote_more_info {
    gap: 15px;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.kt_desclote_more_info .kt_desclote_type_model {
    /* font-family: 'gotham'; */
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #009a79;
    text-transform: uppercase;
    padding: 0 10px;
}

.kt_desclote_more_info .kt_desclote_fachada_model {
    /* font-family: 'gotham'; */
    font-size: 16px;
    font-weight: 300;
    color: var(--kt-green-dark);
}

.kt_desclote_priv {
    position: relative;
    display: inline-block;
    /* font-family: 'gotham'; */
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--kt-green-top);
    margin-bottom: 40px;
}

.kt_desclote_priv .kt_desclote_priv_name {
    display: block;
    font-size: 22px;
    font-weight: 900;
}

.kt_desclote_priv::after {
    content: '';
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: -6px;
    background-color: var(--kt-yellow-high);
}

.kt_desclote_box_desc {
    margin-bottom: 62px;
}

.kt_desclote_desc_label {
    display: block;
    /* font-family: 'gotham'; */
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    color: var(--kt-green-dark);
}

.kt_desclote_desc_info {
    /* font-family: 'gotham'; */
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--kt-green-dark);
    margin-bottom: 0;
}

.kt_desclote_wrapper_lote {
    position: relative;
    text-align: center;
    margin-bottom: 62px;
}

.kt_desclote_paint {
    margin: 0 auto 10px;
    width: 250px;
    height: 100px;
    gap: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-family: 'gotham'; */
    font-size: 20px;
    font-weight: 300;
    color: #35896d;
    border: solid 3px #005850;
    border-radius: 6px;
}

.kt_desclote_paint>strong {
    font-weight: 800;
}

.kt_desclote_front,
.kt_desclote_bg {
    /* font-family: 'gotham'; */
    font-size: 20px;
    color: var(--kt-green-dark);
}

.kt_desclote_front sup,
.kt_desclote_bg sup {
    font-size: 10px;
    top: -8px;
}

.kt_desclote_front {
    position: absolute;
    top: 26%;
    right: 13%;
    transform: rotateZ(90deg);
}

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

.kt_desclote_btn {
    display: inline-block;
    /* font-family: 'gotham'; */
    font-size: 12px;
    font-weight: 800;
    padding: 10px 30px;
    border-radius: 100px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #005850;
    box-shadow: 0px 0px 0px 0px #00000000;
    transition: all 400ms ease-in-out;
}

.kt_desclote_btn:hover {
    box-shadow: 4px 4px 10px 0px #00000040;
    transition: all 400ms ease-in-out;
}

.kt_desclote_content_btn {
    flex-direction: column;
    row-gap: 14px;
}

.kt_desclote_btn,
.kt_btn_share {
    width: 80%;
}

.kt_desclote_front {
    right: 5%;
}

.kt_desclote_body {
    padding: 45px 14px;
}

.kt_btn_share {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
    /* font-family: 'gotham'; */
    font-size: 12px;
    font-weight: 800;
    padding: 10px 30px;
    border-radius: 100px;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--kt-white);
    background-color: var(--kt-green-top);
    box-shadow: 0px 0px 0px 0px #00000000;
    transition: all 400ms ease-in-out;
}

.kt_btn_share:hover {
    box-shadow: 4px 4px 10px 0px #00000040;
    transition: all 400ms ease-in-out;
}

.account-pages {
    height: 100vh;
}

.account-pages .container,
.account-pages .container .row {
    height: 100%;
}

.account-pages .container .row.justify-content-center {
    align-items: center;
}

.account-pages .card {
    border-radius: 10px;
    overflow: hidden;
}

.auth-page-sidebar {
    background-image: url('https://www.istinmobiliaria.com/images/pictures/experiences.png');
}

.auth-page-sidebar .auth-user-testimonial {
    bottom: 20%;
}

.auth-page-sidebar .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: #61a80d;
}

.bg_menu_shape_simbols {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 110px;
    background-size: cover;
    background-position: center 34px;
    background-repeat: no-repeat;
    background-image: url('../../assets/images/ist/svg/menu_simbols.svg');
    z-index: 1;
}

.label_admin_login {
    position: relative;
    font-size: 34px;
    font-weight: 800;
    color: #ffffff;
    padding-bottom: 12px;
    margin-bottom: 60px;
}

.label_admin_login::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #61A70D;
}

.label_admin_text {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 10px;
}

.label_admin_indicator {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #ffffff;
}


/* App Styles */

#wrapper {
    overflow: clip;
}

.left-side-menu {
    padding-bottom: 0;
    position: fixed;
    z-index: 4;
}

body .navbar-custom {
    top: 0;
}

.left-side-menu,
body[data-topbar-color=light] .navbar-custom,
body[data-topbar-color=light] .logo-box {
    background-color: #ffffff !important;
    border-bottom: 1px solid #ffffff;
}

#sidebar-menu .menuitem-active>a {
    color: #373A36;
    opacity: 1;
}

#sidebar-menu>ul>li>a,
.nav-second-level li a {
    color: #373A36;
    /* opacity: 0.6; */
}

.page-title-box .page-title {
    color: #383a36;
    font-weight: 600;
    font-size: 18px;
}

.page-title-box .page-title-stage {
    color: #383a36;
    font-weight: 500;
    font-size: 18px;
    margin: 5px 0 !important;
}

.page-title-box .page-subtitle,
.page-subtitle {
    color: var(--ist-gray-dark);
    font-weight: 500;
    font-size: 14px;
    margin: 0;
}

.page-title-box .page-sub-stage {
    color: #383a36;
    font-weight: 600;
    font-size: 18px;
}

.page-title-box .border-title {
    border-top: 2px solid #62A70B;
    width: 40px;
    height: 2px;
}

.table>:not(caption)>*>* {
    padding: 8px;
    background-color: var(--bs-table-bg);
    border-bottom-width: 2px;
    box-shadow: inset 0 0 0 9999px transparent;
}


.table-stage {
    color: #383a36;
    font-weight: 600;
    font-size: 14px;
}

.table-stage p {
    color: #383a36;
    font-weight: 800;
    font-size: 16px;
    padding-top: 14px;
}

.text .text .text .text- .text_copy {
    color: #85bb3d;
}

.content-page {
    overflow: clip;
    padding: 15px 15px 15px 15px !important;
}

.font-weight-bold b {
    font-weight: 600;
}

table.dataTable td,
table.dataTable th,
.form-control {
    font-variant-numeric: lining-nums;
}

.page-item.active .page-link {
    background-color: #373A36;
    border-color: #373A36;
    padding: 9px 14px 10px;
}

.bold_text,
#sidebar-menu .menu-title,
body[data-topbar-color=light] .navbar-custom .button-menu-mobile,
body[data-topbar-color=light] .navbar-custom .topnav-menu .nav-link svg {
    color: #373A36;
}

#sidebar-menu .menu-title {
    opacity: 0.8;
    font-weight: 600;
}

#sidebar-menu>ul>li>a:active,
#sidebar-menu>ul>li>a:focus,
#sidebar-menu>ul>li>a:hover,
.nav-second-level li a:focus,
.nav-second-level li a:hover {
    color: unset !important;
    text-decoration: none;
    opacity: 1.0;
}

.btn-success.updateuid {
    background-color: #61A70D;
    border-color: #61A70D;
}

.btn-danger.deleteuid {
    background-color: #61a80d;
    border-color: #61a80d;
}

.content_footer_admin_ist {
    position: relative;
    overflow: hidden;
    padding-bottom: 144px;
    z-index: -1;
}

.content_footer_admin_ist::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 130px;
    background-size: 110%;
    background-position: center 36px;
    background-repeat: no-repeat;
    background-image: url('../../assets/images/ist/svg/footer_simbols.svg');
    z-index: 1;
}

.footer {
    bottom: 90px;
}

.btn-primary:hover {
    color: #0d9c3a !important;
    background: #fff !important;
    transition: all .5s ease;
    border-color: #0d9c3a !important;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}


/* --------- Index / Projects --------- */

#h_project {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.ist_title_md::before {
    content: '';
    position: absolute;
    width: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 4px;
    bottom: 54px;
    background-color: var(--ist-green);
}

.ist_project_txt {
    max-width: 652px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.ist_hproject_item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 140px);
    border-radius: 4px;
    margin-bottom: 34px;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.16));
    transition: all 100ms ease;
}

.ist_hproject_item>a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.ist_hproject_item>a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    background: var(--373A36, #373A36);
}

.ist_hproject_item>a::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 330px;
    opacity: 0.8;
    background: linear-gradient(180deg, rgb(55 58 54 / 0%) 0, rgb(55 58 54 / 100%) 110%);
    mix-blend-mode: multiply;
}

.ist_hproject_item .hproject_item_content_img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    transition: all 100ms ease;
    z-index: -1;
}

.ist_hproject_item .hproject_item_content_img>span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    border-radius: 4px;
    transition: all 360ms ease;
}

.ist_hproject_item .row {
    align-items: end;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.ist_hproject_item .hproject_wrp_info {
    text-align: start;
    padding-bottom: 40px;
    padding-left: 40px;
}

.ist_hproject_item .hproject_wrp_info .hproject_item_brand {
    position: relative;
    display: inline-block;
    width: 140px;
    height: 140px;
    margin-bottom: 15px;
}

.ist_hproject_item .hproject_wrp_info .hproject_item_brand>img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom left;
}

.ist_hproject_item .hproject_wrp_info .hproject_item_name {
    font-size: 22px;
    font-weight: 700;
    color: var(--ist-white);
    margin-bottom: 6px;
}

.ist_hproject_item .hproject_wrp_info .hproject_item_phrase {
    color: var(--ist-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.ist_hproject_item .hproject_wrp_cta {
    text-align: end;
    text-align: -webkit-right;
    padding-right: 40px;
    padding-bottom: 40px;
}

.ist_hproject_item .hproject_wrp_cta .ist_btn_projects {
    position: relative;
    overflow: hidden;
    width: fit-content;
    gap: 10px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 28px 8px 8px;
    color: var(--ist-white);
    background: transparent;
    border: 1px solid var(--ist-white);
    border-radius: 100px;
    z-index: 1;
    transition: color 300ms linear;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    -o-transition: color 300ms linear;
}

.ist_hproject_item .hproject_wrp_cta .ist_btn_projects::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--ist-white);
    border-radius: 40px;
    pointer-events: none;
    position: absolute;
    transform: translateX(-100%);
    transition: transform .3s ease-in, background-color .3s linear;
}

.ist_hproject_item>a:hover .hproject_wrp_cta .ist_btn_projects {
    color: var(--ist-gray-dark);
}

.ist_hproject_item>a:hover .hproject_wrp_cta .ist_btn_projects::before {
    transform: translateX(0);
    z-index: -1;
}

.ist_hproject_item .hproject_wrp_cta .ist_btn_projects .ist_btn_projects_icon {
    position: relative;
    overflow: hidden;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: end;
    align-items: center;
    border-radius: 100px;
    color: var(--ist-gray-dark);
    background: var(--ist-white);
    padding-right: 5px;
    transition: all 320ms ease-out;
}

.ist_hproject_item>a:hover .hproject_wrp_cta .ist_btn_projects .ist_btn_projects_icon {
    background: var(--ist-green);
}

.ist_hproject_item .hproject_wrp_cta .ist_btn_projects .ist_btn_projects_icon .projects_icons_box {
    display: flex;
    gap: 10px;
    transition: all 360ms ease-in-out;
    transform: translateX(-2px);
}

.ist_hproject_item>a:hover .hproject_wrp_cta .ist_btn_projects .ist_btn_projects_icon .projects_icons_box {
    transform: translateX(27px);
    color: var(--ist-white);
}

.material-symbols-outlined.ist_s_pcta {
    font-size: 20px;
    font-variation-settings: 'FILL'0, 'wght'300, 'GRAD'0, 'opsz'24;
}

#h_project .ist_btn_link_green {
    margin: 0 auto;
}

.req_main {
    padding-top: 100px;
}

.req_items {
    display: block;
    border: 1px solid #ebeef5;
    border-radius: 6px;
    padding: 10px 10px 15px;
    margin-bottom: 15px;
    transition: all 450ms ease, -webkit-transform 450ms ease;
}

.req_items:hover {
    background-color: #f8f8fb;
}

.label_req {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.head_req {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.circle_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #ebeef5;
    border-radius: 100px;
}

.circle_icon>svg {
    width: 16px;
    stroke: #61a80d;
}

.row_req {
    display: flex;
    align-items: center;
    gap: 15px;
}

.id_req,
.folio_req {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
    color: #4b4b5a;
}

.id_req span,
.folio_req span {
    font-weight: 400;
    font-variant-numeric: lining-nums;
    color: #61a80d;
}

.id_req.view,
.folio_req.view,
.id_req.view span,
.folio_req.view span {
    font-size: 16px;
    font-weight: 600;
}

.disableInput {
    display: none;
}

.go_back {
    cursor: pointer;
}

.row_period_work {
    display: flex;
    gap: 30px;
}

.float-right{
    float: right;
}

.row_period_work .d-flex {
    gap: 10px;
    align-items: center;
}


/**/

#requisition-type-pay,
#after-requisition, #after-income {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

#requisition-type-pay.opened,
#after-requisition.opened, #after-income.opened {
    max-height: 1000px;
    /* ajusta según sea necesario */
}


/* Estilos José */


/* Forms */

#sidebarHours.wrp_sitebar_shoppingcart,
.wrp_sitebar_shoppingcart.v-two {
    height: auto;
    max-height: calc(100vh - 100px);
    right: 0;
    left: 0;
    margin: 50px auto;
    transform: translateY(110vh);
    border-radius: 10px;
    transition: transform .6s cubic-bezier(0.23, 1, 0.32, 1);
}

#sidebarHours .closed_sidebar_hours,
.closed_sidebar_vtwo {
    width: 30px;
    height: 30px;
    font-size: 18px;
    color: #373a36af;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #373a3600;
    transition: all 200ms ease-in-out;
    cursor: pointer;
}

#sidebarHours .closed_sidebar_hours:hover,
.closed_sidebar_vtwo:hover {
    color: #373A36;
    background: #373a360a;
    border-color: #F0F0F0;
}

#sidebarHours.wrp_sitebar_shoppingcart .text-danger,
.wrp_sitebar_shoppingcart.v-two .text-danger {
    font-size: 22px;
}

.wrp_sitebar_shoppingcart .content_sidebar {
    padding: 0px;
    width: 100%;
}

.content_sidebar .head_sidebar {
    display: flex;
    position: sticky;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
    top: 0px;
    padding: 22px 30px 15px;
    border-bottom: 1px solid #e2e5e8;
    /* background: #61a80d; */
    background: #f8f8f8;
    z-index: 9;
    box-shadow: 0 5px 10px 0 rgba(21, 27, 38, 0);
}

.content_sidebar .head_sidebar h4 {
    font-size: 20px;
    font-weight: 500;
    color: #373A36;
    margin-bottom: 0;
}

.wrp_sitebar_shoppingcart .sitebar-item {
    padding: 0;
    min-height: auto;
}

.module_indicator_content {
    border-bottom: 1px solid #dbe1ee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.module_indicator_content:last-child {
    border-bottom: none;
}

.naming_indicator {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 10px;
    color: #373A36;
    background-color: #373a360d;
    margin-bottom: 10px;
}

.sitebar-item>h6 {
    font-size: 12px;
    font-weight: 300;
    color: #373A36;
    opacity: 0.8;
    background: #2222220d;
    padding: 10px 30px;
    margin: 0;
}

#sidebarHours.wrp_sitebar_shoppingcart .sitebar-item>h6 .text-danger,
.wrp_sitebar_shoppingcart.v-two .sitebar-item>h6 .text-danger {
    font-size: 12px;
}

.wrp_sitebar_shoppingcart .sitebar-item>form {
    padding: 0 30px;
}

#sidebarModules .sitebar-item>form {
    padding: 0 0px;
}

.wrp_sitebar_shoppingcart #smartwizard-default {
    border: none;
}

.wrp_sitebar_shoppingcart .content_footer_admin_ist {
    padding-bottom: 120px;
}

.wrp_sitebar_shoppingcart .content_footer_admin_ist::after {
    height: 100px;
    background-position: center 36px;
}

.label_newinputs {
    font-size: 14px;
    font-weight: 500;
    color: #373A36;
    margin-bottom: 6px;
}

.close {
    opacity: 1;
}

.sw-theme-default>ul.step-anchor>li>a::after {
    content: "";
    background: #4285f4;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.p-25 {
    padding: 25px;
}

.sw-theme-default>ul.step-anchor>li.active>a::after {
    transform: scale(1);
    background: #61A70D;
}

.sw-theme-default>ul.step-anchor>li.done>a:after {
    transform: scale(1);
    background: #6c757d;
}

.sw-theme-default>ul.step-anchor>li {
    position: relative;
    margin-right: 2px;
}

.neworder.wrp_sitebar_shoppingcart {
    width: 800px;
}
.neworder.wrp_sitebar_shoppingcart form {
    margin-top: 30px;
}
.neworder .form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.neworder .label-container {
    display: flex;
    align-items: center;
}
.neworder .input-container {
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    width: auto;
    min-width: 300px;
    max-width: 460px;
}
.neworder .input-container.action_register,
.neworder .input-container.action_simulator {
    display: flex;
}
.neworder .input-container input,
.neworder .input-container select {
    width: 100%;
    padding: 15px;
    padding-right: 35px;
}
.neworder .input-container input[type="date"] {
    padding-right: 13px;
}
.neworder .input-container input:disabled {
    background-color: rgba(55, 58, 54, 0.04);
    color: var(--ist-gray-dark);
    cursor: not-allowed;
}
.neworder .input-container .material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ist-gray-dark);
}
.neworder .input-container .material-symbols-outlined.outline {
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
}
.neworder .input-container.action_register .material-symbols-outlined {
    right: 110px;
}
.neworder .input-container.action_simulator .material-symbols-outlined {
    right: 140px;
}
.action_register input,
.action_simulator input {
    border-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-container .btn_register,
.input-container .btn_simulator {
    display: inline-block;
    background-color: #e6e6e6;
    border: 1px solid #C3C4C3;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    color: var(--ist-gray-dark);
    padding: 16px 20px;
    font-weight: 600;
    flex-shrink: 0;
    cursor: pointer;
    pointer-events: all;
    transition: all 350ms;
}
.input-container .btn_register:hover,
.input-container .btn_simulator:hover {
    background-color: #bbbbbb;
}
.neworder .form_btns {
    display: flex;
    justify-content: end;
    gap: 15px;
}
.neworder .ist_new_quote_btn {
    cursor: not-allowed;
    text-transform: none;
    opacity: 0.76;
}
.neworder .ist_new_quote_btn.active {
    background-color: var(--ist-green);
    cursor: pointer;
    opacity: 1;
}
.neworder .ist_new_desclote_btn {
    opacity: 0.7;
}
.neworder .ist_new_quote_btn.active:hover,
.neworder .ist_new_desclote_btn:hover {
    opacity: 1;
}
.neworder .hidden-table {
    margin: 0 -30px;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 2px;
    overflow: hidden;
    background: rgba(217, 217, 217, 0.2);
    transition: height 0.5s ease-in-out, opacity 0.3s ease-in-out;
}
.neworder .table_form {
    padding: 30px;
}
.neworder .hidden-table .table_form {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.neworder .hidden-table.show .table_form {
    opacity: 1;
}
.neworder .table_form table {
    width: 100%;
}
.neworder .table_form thead th {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 20px;
    color: var(--ist-gray-dark);
}
.neworder .table_form tbody th, .neworder .table_form thead th {
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 20px;
    color: var(--ist-gray-dark);
    padding: 10px 0;
    text-align: center;
}
.neworder .table_form .table_form_divider {
    border-top: 1px solid rgba(55, 58, 54, 0.2);
    border-bottom: 1px solid rgba(55, 58, 54, 0.2);
}
.neworder .table_form tbody td {
    font-size: 12px;
    font-weight: 500;
    color: var(--ist-gray-dark);
    text-align: center;
}
.neworder .table_form tbody td.edition_value .border_value {
    width: 100%;
    border: 1px solid rgb(55 58 54 / 10%);
    border-radius: 6px;
    display: inline-block;
    padding: 10px;
}
.neworder .table_form tbody td,
.neworder .table_form tbody td.edition_value .value_icon {
    font-weight: 500;
    color: var(--ist-gray-dark);
}
.neworder .table_form tbody td.edition_value input {
    background: transparent;
    border: unset;
    text-align: end;
}
.neworder .table_form tbody td.edition_value input:focus-visible,
.neworder .table_form tbody td.edition_value input:focus {
    outline: none;
}
.neworder .table_form tbody td.value_default {
    padding: 0 30px;
}
.neworder .table_form tbody td.value_default .value_icon {
    float: inline-start;
}
.neworder .table_form tbody td.value_default .value_data {
    float: inline-end;
}
.expanded-20 {
    width: 100%;
    height: 20px;
}
.expanded-10 {
    width: 100%;
    height: 10px;
}

.lotificacion.neworder .table_form .table_form_divider {
    border-top: none;
    border-bottom: 1px solid #373A36;
}
.lotificacion.neworder .table_form tbody th, .lotificacion.neworder .table_form thead th {
    padding: 4px 0;
    width: auto;
}
.lotificacion.neworder .table_form tbody th:first-child, .lotificacion.neworder .table_form thead th:first-child {
    width: 120px;
    text-align: start;
}
.lotificacion.neworder .table_form tbody td {
    padding: 14px 2px;
}
.lotificacion.neworder .table_form tbody td:first-child {
    text-align: start;
}
.lotificacion.neworder .table_form tbody tr th:nth-child(even), .lotificacion.neworder .table_form thead tr th:nth-child(even) {
    background-color: rgba(55, 58, 54, 0.15);
    border-color: inherit;
}
.lotificacion.neworder .table_form tbody tr td:nth-child(even) {
    background-color: #f2f2f2;
    border-color: inherit;
}

.lotificacion.neworder .table_totals {
    border-top: 1px solid rgba(55, 58, 54, 0.8);
    border-bottom: 1px solid rgba(55, 58, 54, 0.8);
}
.lotificacion.neworder .table_form tbody .table_totals>td {
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #008E5B;
}
.lotificacion.neworder .table_form tbody .table_totals>td:first-child,
.lotificacion.neworder .table_form tbody .table_totals>td:last-child {
    padding: 4px 0;
}
.lotificacion.neworder .table_totals>td .value_icon,
.neworder .table_form tbody td.edition_value .border_value .value_icon {
    float: inline-start;
}
.lotificacion.neworder .table_totals>td .value_data,
.neworder .table_form tbody td.edition_value .border_value input {
    float: inline-end;
}

.neworder .progress_record {
    position: relative;
    padding: 30px;
    padding-bottom: 130px;
    margin-top: 30px;
    background: rgba(217, 217, 217, 0.2);
    border-top: 1px solid rgb(55 58 54 / 20%);
}
.neworder .progress_record::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: -20px 36px;
    background-repeat: no-repeat;
    background-image: url('../../assets/images/ist/svg/footer_simbols.svg');
    z-index: 1;
}
.neworder .progress_record h6 {
    font-size: 14px;
    font-weight: 700;
    color: #373A36;
    margin: 0 0 16px;
}
.neworder .progress_record .head_progress {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    background: #124922;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #F0F0F0;
    margin-bottom: 6px;
}
.neworder .progress_record .head_progress .h_progress_item {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}
.neworder .progress_record .body_progress .body_progress_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    background: #ffffff;
    border: 1px solid #F0F0F0;
    border-radius: 10px;
}
.neworder .progress_record .body_progress .body_progress_wrap .b_progress_item {
    color: #373A36;
    font-size: 12px;
    font-weight: 500;
}
.neworder .progress_record .body_progress .body_progress_wrap .b_progress_item.line_progress {
    display: flex;
    gap: 10px;
    width: 300px;
    align-items: center;
}
.neworder .progress_record .body_progress .body_progress_wrap .b_progress_item.line_progress .progress {
    width: 100%;
}

.neworder .notprogress {
    position: relative;
    padding: 40px 30px;
    padding-bottom: 160px;
    margin-top: 60px;
    border-top: 1px solid rgb(55 58 54 / 20%);
}
.neworder .notprogress>h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #373A36;
    opacity: 0.8;
    text-align: center;
}
.neworder .notprogress::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: -20px 36px;
    background-repeat: no-repeat;
    background-image: url('../../assets/images/ist/svg/footer_simbols.svg');
    z-index: 1;
}

/* Customer returns */
.--returns .table_generals.--not-bg {
    text-align: start !important;
    background: transparent;
}
.--returns .table_data_regular.--not-top-border {
    border-top: none;
}
.--returns .table_data_regular .table_icons {
    display: block;
    padding: 4px 0;
    color: #008E5B;
    transition: all 300ms;
}
.--returns .table_data_regular .table_icons:hover {
    color: #124922;
}
.neworder .form-group.--flex-column {
    flex-direction: column;
    align-items: flex-start;
}
.neworder .form-group.--flex-column .input-container {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.neworder .--border-bottom {
    padding-bottom: 14px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(55 58 54 / 20%);
}
.neworder .--file-content {
    padding: 14px;
    background: #F0F0F0;
    border-radius: 14px;
}
.neworder .--file-content .dropzone {
    background: #F0F0F0;
    padding: 10px;
    min-height: 100px;
    max-height: 150px;
}
.neworder .--file-content .dropzone .dz-message {
    margin: 10px 0;
}
.neworder .--file-content .dropzone .dz-message h3 {
    margin-bottom: 4px;
}
.neworder .table_form.--return-plan thead th {
    padding-bottom: 10px;
}
.neworder .table_form.--return-plan .table_form_divider {
    border-top: 2px solid rgba(55, 58, 54, 0.7);
    border-bottom: 1px solid rgba(55, 58, 54, 0.7);
}

/* reports */
.--reports-table .ist_table {
    border-bottom: unset;
}
.--reports-table .ist_table thead tr td {
    vertical-align: middle;
    padding: 6px 12px;
}
.--reports-table .ist_table tr th:first-child,
.--reports-table .ist_table tr td:first-child {
    width: auto;
}
.--reports-table .ist_table thead tr .table_generals:first-child {
    background-color: transparent;
}
.--reports-table .ist_table .table_month:nth-child(even),
.--reports-table .ist_table .table_generals:nth-child(even) {
    background-color: rgba(55, 58, 54, 0.15);
}
.--reports-table .ist_table .table_month.--alter-bg,
.--reports-table .ist_table .table_generals.--alter-bg {
    background: #d8d8d8;
}
.--reports-table .ist_table .table_month:nth-child(odd) {
    background: #c1c1c1;
}
.--reports-table .ist_table .table_month:nth-child(even) {
    background: #cecece;
}
.--reports-table .ist_table .table_data_regular>td:nth-child(14),
.--reports-table .ist_table .table_data_regular>td:nth-child(16),
.--months .ist_table .table_data_regular>td:nth-child(14),
.--months .ist_table .table_data_regular>td:nth-child(16) {
    font-weight: unset;
}
.--reports-table .ist_table .table_data_regular>td.--strong-td,
.--months .ist_table .table_data_regular>td.--strong-td {
    font-weight: 700 !important;
}
.--reports-table .ist_table tbody tr td:nth-child(13), .--months .ist_table tbody tr td:nth-child(13),
.--reports-table.--weeks .ist_table tbody tr td:nth-last-child(3) {
    border-right: unset !important;
}
.--reports-table .table_footer_sumary {
    background-color: #F4F4F4 !important;
    border: unset !important;
}
.--reports-table .table_footer_sumary  td:first-child {
    text-align: end;
    padding: 10px 15px;
    padding-right: 40px;
    font-size: 12px;
    font-weight: 700;
}
.--reports-table .table_footer_sumary  td:last-child {
    text-align: start;
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 700;
    color: #008E5B;
}

/* sales commissions */
.progress_record.--salescommissions-gerencia {
    margin-top: 0;
    padding-bottom: 30px;
}
.progress_record.--salescommissions-gerencia::after {
    content: unset;
}
.progress_record.--salescommissions-gerencia .ist_progress {
    margin: 0;
}
.neworder .progress_record.--salescommissions-gerencia .head_progress .h_progress_item,
.neworder .progress_record.--salescommissions-gerencia .body_progress .body_progress_wrap .b_progress_item {
    width: 100px;
}
.neworder .progress_record.--salescommissions-gerencia .body_progress .body_progress_wrap .b_progress_item:nth-child(3),
.neworder .progress_record.--salescommissions-gerencia .body_progress .body_progress_wrap .b_progress_item:nth-child(4) {
    text-align: center;
}
.neworder .progress_record.--salescommissions-gerencia .body_progress .body_progress_wrap {
    margin-bottom: 6px;
}
.neworder .progress_record.--salescommissions-gerencia .body_progress .body_progress_wrap:last-child {
    margin-bottom: 0;
}
.neworder .progress_record.--salescommissions-gerencia .body_progress .body_progress_wrap.--select {
    border-color: #124922;
    background-color: #E9EDEA;
}
.form_label_title {
    display: inline-block;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--ist-black);
}
.form_values_final {
    padding-top: 30px;
}
.form_values_final .values_final_item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin-bottom: 10px;
}
.form_values_final .values_final_item .label {
    font-size: 12px;
    font-weight: 700;
    color: #373A36;
}
.form_values_final .values_final_item .label.--text-lg {
    font-size: 16px;
}
.form_values_final .values_final_item .label--text-md {
    font-size: 14px;
}
.form_values_final .values_final_item .value {
    width: 100px;
    font-size: 12px;
    font-weight: 500;
    color: #373A36;
    opacity: 0.8;
    text-align: end;
}
.form_values_final .values_final_item .value .border_value {
    width: 100%;
    border: 1px solid rgb(55 58 54 / 10%);
    border-radius: 6px;
    display: inline-block;
    padding: 10px;
}
.form_values_final .values_final_item .value .border_value .value_icon {
    float: inline-start;
}
.form_values_final .values_final_item .value .border_value input {
    width: 100px;
    background: transparent;
    border: unset;
    text-align: end;
}
.form_values_final.--input-values .values_final_item {
    gap: 20px;
}
.form_values_final.--input-values .values_final_item .value {
    width: 140px;
}
.form_values_final .values_final_item .value .border_value input:focus-visible,
.form_values_final .values_final_item .value .border_value input:focus {
    outline: none;
}

.table_commissions .table_month_generals {
    border-bottom: 1px solid #373A36;
}
.table_commissions .table_data_regular .edition_value {
    padding: 10px 0;
}
.table_commissions tbody .table_month_generals th {
    background: #d8d8d8;
    border-right: 15px solid #ffffff;
}
.table_commissions tbody .table_month_generals th:first-child {
    background: transparent;
}
.table_commissions tbody .table_data_regular td:nth-child(even) {
    background: #F8F8F8;
}
.table_commissions tbody .table_data_regular td {
    border-right: 15px solid #ffffff;
}
.table_commissions tbody .table_data_regular .border_value.disable {
    background: rgb(55 58 54 / 6%);
    cursor: not-allowed;
}
.table_commissions tbody .table_data_regular .border_value.disable input:disabled {
    cursor: not-allowed;
}
.table_commissions tbody .table_data_regular:last-child td {
    padding-bottom: 0;
}

/* Forms update progress models */

.content_update_progress {
    padding: 20px;
    margin: 30px 0;
    border-radius: 10px;
    border: 1px solid #dbe1ee;
}

.content_update_progress>h2 {
    font-weight: 600;
    font-size: 20px;
    position: relative;
    color: #373A36;
    padding-bottom: 6px;
    margin: 0 0 20px;
}

.content_update_progress>h2::after {
    content: '';
    position: absolute;
    left: 0;
    width: 36px;
    height: 2px;
    bottom: 0;
    background-color: #61A70D;
}


/* Cards progress models */

.card_modules {
    padding: 14px;
    margin: 30px 0;
    border-radius: 10px;
    border: 1px solid #dbe1ee;
    background: rgb(240 240 240 / 38%);
}

.modules_naming {
    font-weight: 600;
    font-size: 20px;
    position: relative;
    color: #373A36;
    padding-bottom: 6px;
    margin: 0 0 10px;
}

.modules_naming::after {
    content: '';
    position: absolute;
    left: 0;
    width: 36px;
    height: 2px;
    bottom: 0;
    background-color: #61A70D;
}

.modules_content_data {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.modules_data_item {
    width: 48%;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid #dbe1ee;
    background-color: #ffffff;
}

.modules_data_item .modules_icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #86cf6959;
    margin-bottom: 15px;
}

.modules_data_item .modules_icon>svg {
    width: 16px;
    stroke: #124A22;
}

.modules_info_data .info_data {
    font-size: 14px;
    font-weight: 600;
    color: #373A36;
    margin: 0 0 2px;
}

.modules_info_data .label_info_data {
    display: block;
    font-size: 10px;
    font-weight: 300;
    color: #373A36;
    margin: 0;
}


/* list modules */

.list.card_modules {
    padding: 20px;
    background: none;
}

.list .modules_naming {
    margin: 0 0 20px;
}

.list .modules_content_data {
    flex-direction: column;
    gap: 15px;
}

.list .modules_data_item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    border: none;
    background-color: unset;
}

.list .modules_data_item .modules_icon {
    margin-bottom: 0;
}


/* Ingresos generados */

.date-ingresos {
    color: #383a36;
    font-weight: 500;
    font-size: 18px;
}

#switchParameters {
    position: absolute;
    right: 15px;
    transform: translateY(-20px);
    width: 24px;
    height: 24px;
    border-radius: 4px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -3px;
    cursor: pointer;
    z-index: 10;
    transition: all 300ms ease-in-out;
}

#switchParameters:hover,
#switchParameters.active {
    background-color: #383a360f;
}

#switchParameters .icon-xs {
    height: 12px;
    width: 12px;
}

.cost_parameters {
    width: 250px;
    position: fixed;
    bottom: 100px;
    left: 0px;
    background-color: white;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
    transform: translateX(-150%);
    transition: transform .4s cubic-bezier(0.23, 1, 0.32, 1);
}

.cost_parameters.show {
    transform: translateX(0%);
}

a:hover {
    color: #373a36;
    text-decoration: none;
    transition: all .5s ease;
}


/* Superadmin options */
.wl_logo_mobile {
    display: none;
}

.superadmin_option {
    position: relative;
    min-height: 100vh;
    padding-top: 200px;
}

.options_row_admin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 100px;
}

.mobile_snap_item {
    width: 30%;
}

.options_items {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 580px;
    border-radius: 30px;
    transition: all 600ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 600ms cubic-bezier(.155, .84, .44, .94);
}

.options_items>a {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 30px;
    align-items: flex-end;
}

.superadmin_bg_image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    margin-bottom: 0;
}

.superadmin_bg_image::before {
    content: '';
    width: 100%;
    height: 380px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0.00) 100%);
    transition: all 800ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 800ms cubic-bezier(.155, .84, .44, .94);
}

.access_ist .superadmin_bg_image::after {
    content: '';
    width: 100%;
    height: 300px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(0deg, rgba(97, 167, 48, 1) 0%, rgba(97, 167, 48, 1) 40%, rgba(97, 167, 48, 0) 100%);
    transition: all 800ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 800ms cubic-bezier(.155, .84, .44, .94);
}

.access_itc .superadmin_bg_image::after {
    content: '';
    width: 100%;
    height: 300px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(0deg, rgba(18, 73, 34, 1) 0%, rgba(18, 73, 34, 1) 40%, rgba(18, 73, 34, 0) 100%);
    transition: all 800ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 800ms cubic-bezier(.155, .84, .44, .94);
}

.access_torre .superadmin_bg_image::after {
    content: '';
    width: 100%;
    height: 300px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(0deg, rgba(55, 58, 54, 1) 0%, rgba(55, 58, 54, 1) 40%, rgba(55, 58, 54, 0) 100%);
    transition: all 600ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 600ms cubic-bezier(.155, .84, .44, .94);
}

.superadmin_bg_image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.superadmin_icon_link {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    border-radius: 100%;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #373A36;
    opacity: 0.6;
    transition: all 600ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 600ms cubic-bezier(.155, .84, .44, .94);
}

.content_date_superadmin {
    color: #ffffff;
    transform: translateY(0);
    transition: all 600ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 600ms cubic-bezier(.155, .84, .44, .94);
}

.content_date_superadmin .superadmin_name_opt {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
}

.content_date_superadmin .superadmin_description_opt {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.options_items:hover {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
}

.options_items:hover .content_date_superadmin {
    transform: translateY(-30px);
}

.options_items.access_ist:hover .superadmin_bg_image::after {
    height: 420px;
    opacity: 1;
}

.options_items.access_itc:hover .superadmin_bg_image::after {
    height: 420px;
    opacity: 1;
}

.options_items.access_torre:hover .superadmin_bg_image::after {
    height: 420px;
    opacity: 1;
}

.options_items.access_ist:hover .superadmin_icon_link {
    opacity: 1;
    color: #61A730;
}

.options_items.access_itc:hover .superadmin_icon_link {
    opacity: 1;
    color: #124922;
}

.options_items.access_torre:hover .superadmin_icon_link {
    opacity: 1;
    color: #373A36;
}


/* New modules */

.ist_modules_admin {
    position: relative;
    min-height: 100vh;
    padding-top: 40px;
    background-blend-mode: color;
    background-color: rgb(55 58 54 / 40%);
    background-size: cover;
    background-position: center center;
    background-image: url('../images/new_images/kante_acceso.jpg');
}

.modules_admin_head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* background-color: rgb(255, 255, 255, 0.86);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid #f0f0f0; */
    padding: 18px 0;
    z-index: 2;
}

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

.modules_admin_head .ist_solid_btn.red {
    padding: 10px;
}

.admin_head_logo {
    width: 90px;
    height: 52px;
}

.admin_head_logo.position_logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.admin_head_logo>img {
    width: 100%;
}

.close_admin_btn {
    position: relative;
    overflow: hidden;
    width: fit-content;
    gap: 10px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    color: #124A22;
    background-color: #124a221e;
    border: 1px solid #124A22;
    border-radius: 100px;
    z-index: 1;
    transition: color 300ms linear;
}

.modules_admin_row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

.ist_wrapper_modules {
    position: relative;
    width: 100%;
    height: 100%;
}

.principal_brand {
    position: absolute;
    width: 400px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ist-white);
    border-radius: 100%;
}
.principal_brand .principal_brand_logo {
    width: 280px;
}
.principal_brand .principal_brand_logo>img {
    width: 100%;
    height: auto;
}
.models_items {
    position: absolute;
    width: 210px;
    height: 210px;
    padding: 0;
    /* border: 1px solid #d2d2d2;
    background: #ffffff;
    filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.04));
    -webkit-filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.04)); */
    pointer-events: none;
}
/*.models_items:hover a {
    transform: rotateY(180deg);
}*/
.models_items>a {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    pointer-events: all;
}
.models_items .modules_front,
.models_items .modules_back {
    position: absolute;
    overflow: hidden;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.models_items .modules_front {
    background-color: var(--ist-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.models_items .modules_front .icon_wrp_modules {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background-color: rgb(from var(--ist-green) r g b / 10%);
    z-index: 1;
}
.models_items .modules_front .icon_wrp_modules .material-symbols-rounded {
    font-size: 100px;
    color: var(--ist-green);
}
.models_items .modules_front .modules_name {
    font-size: 14px;
    font-weight: 700;
    color: var(--ist-gray-dark);
    padding: 0 40px;
    text-align: center;
    margin-top: 10px;
}
.models_items .modules_back {
    transform: rotateY(180deg);
}
.models_items .modules_back .modules_name {
    text-align: center;
    color: var(--ist-white);
    font-size: 24px;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.models_items .modules_back .modules_image {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}
.models_items .modules_back .modules_image::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.86;
    background: rgb(18,73,34);
    background: linear-gradient(0deg, rgba(18,73,34,1) 0%, rgba(11,130,46,1) 100%);
}
.models_items .modules_back .modules_image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* order positions logo and modules */
.principal_brand {
    top: 240px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
}
.models_items:nth-child(2) {
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.models_items:nth-child(3) {
    top: 270px;
    right: 0;
    left: 45.3%;
    margin: 0 auto;
}
.models_items:nth-child(4) {
    top: 650px;
    right: 0;
    left: 16%;
    margin: 0 auto;
}
.models_items:nth-child(5) {
    top: 650px;
    right: 16%;
    left: 0;
    margin: 0 auto;
}
.models_items:nth-child(6) {
    top: 270px;
    right: 45.3%;
    left: 0;
    margin: 0 auto;
}
.models_items:nth-child(7) {
    top: 70px;
    right: 30%;
    left: 0;
    margin: 0 auto;
}
.models_items:nth-child(8) {
    top: 70px;
    right: 0;
    left: 30%;
    margin: 0 auto;
}
.models_items:nth-child(9) {
    top: 500px;
    right: 0;
    left: 40%;
    margin: 0 auto;
}
.models_items:nth-child(10) {
    top: 70px;
    right: 0;
    left: 30%;
    margin: 0 auto;
}
.models_items:nth-child(10) {
    top: 500px;
    right: 40%;
    left: 0;
    margin: 0 auto;
}


.modules_admin_row .mobile_snap_item {
    width: 24%;
}

#content-documents .models_items {
    width: 30%;
    height: 300px;
}

.section_modules {
    width: 100%;
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #373b3633;
}

.section_modules:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* .models_items::after {
    content: '';
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #124A22;
    z-index: 0;
    transition: all 600ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 600ms cubic-bezier(.155, .84, .44, .94);
    transform: translateY(100%);
}

.models_items:hover .content_date_modules .modules_name {
    color: #ffffff;
}

.models_items:hover .content_date_modules .modules_phrase {
    color: #ffffff;
}

.models_items:hover .icon_modules {
    opacity: 0;
}

.models_items:hover::after {
    transform: translateY(0%);
}

.models_items>a {
    display: block;
}

.models_items .modules_icon_link {
    position: absolute;
    top: 20px;
    right: 20px;
    transition: all 600ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 600ms cubic-bezier(.155, .84, .44, .94);
}

.models_items:hover .modules_icon_link .material-symbols-rounded {
    color: #ffffff;
}

.models_items .modules_image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
    z-index: 0;
    opacity: 0;
    transition: all 800ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 800ms cubic-bezier(.155, .84, .44, .94);
}

.models_items .modules_image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.models_items:hover .modules_image {
    opacity: 1;
} */


/* Estilo para el formulario deshabilitado */
.disabled-form {
    pointer-events: none;
    /* Deshabilita eventos del mouse para el formulario */
    opacity: 0.5;
    /* Configura la opacidad */
}

/* Estilo para los elementos hijos del formulario deshabilitado (opcional) */
.disabled-form * {
    pointer-events: none;
    /* Deshabilita eventos del mouse para todos los elementos hijos */
}

#updatechaid .hr{
    margin: 1rem 0 !important;
}

.icon_modules {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 200px;
    transition: all 600ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 600ms cubic-bezier(.155, .84, .44, .94);
}

.icon_modules::after {
    content: '';
    width: 160px;
    height: 160px;
    position: absolute;
    top: -20px;
    right: 20px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    background-color: #61a70d;
    opacity: 0.06;
    -webkit-opacity: 0.06;
    z-index: 1;
}

.icon_modules .material-symbols-rounded {
    font-size: 120px;
}

.content_date_modules {
    position: absolute;
    bottom: 20px;
    z-index: 1;
}

.content_date_modules .modules_name {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 4px;
    transition: all 600ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 600ms cubic-bezier(.155, .84, .44, .94);
}

.content_date_modules .modules_phrase {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    transition: all 600ms cubic-bezier(.155, .84, .44, .94);
    -webkit-transition: all 600ms cubic-bezier(.155, .84, .44, .94);
}

.ist_title_welcome {
    position: absolute;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    color: #373a36;
    margin: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.title_modules_bar {
    position: relative;
    display: block;
    font-size: 30px;
    font-weight: 600;
    color: #373A36;
    padding-bottom: 10px;
    margin-bottom: 30px;
    text-align: center;
}

.title_modules_bar::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 4px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    background-color: var(--ist-green);
}

.label_modules {
    font-size: 14px;
    font-weight: 400;
    color: #6c757d;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 20px;
}

.label_modules .material-symbols-outlined {
    font-size: 18px;
}

.btn {
    border-radius: 8px;
}

.btn_outline {
    border-radius: 100px;
}

.btn-outline-info {
    color: #62A70B;
    border-color: #fff;
}

.btn-outline-info:hover {
    background-color: #0d86a8;
    border-color: #0d86a8;
}

.btn-outline-warning {
    color: #dab91b;
    border-color: #dab91b;
}

.btn-outline-warning:hover {
    color: #ffffff;
    background-color: #dab91b;
    border-color: #dab91b;
}

.btn-secondary {
    background-color: #373A36;
    border-color: #373A36;
}

.btn-info {
    background-color: #124A22;
    border-color: #124A22;
}

.btn-info:hover {
    color: #fff;
    background-color: #1c7034;
    border-color: #1c7034;
}

.btn-warning {
    background-color: #ff8e0b;
    border-color: #ff8e0b;
}

.btn-warning:hover {
    color: #ffffff;
    background-color: #d67a0e;
    border-color: #d67a0e;
}

.btn-success {
    background-color: #2e8061;
    border-color: #2e8061;
}

.btn-success:hover {
    background-color: #04623e;
    border-color: #04623e;
}

.btn-danger {
    background-color: #df3838;
    border-color: #df3838;
}

.btn-danger:hover {
    background-color: #bd3333;
    border-color: #bd3333;
}

#coti .p-none {
    padding: 0;
}

#coti .modal-content {
    border-radius: 10px;
}

#coti .modal-header {
    background: #f8f8f8;
    border-bottom: 1px solid #ebeef5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 30px 15px;
    margin-bottom: 20px;
}

#coti .modal-header .cl-title {
    font-size: 20px;
    font-weight: 500;
    color: #373A36;
    margin: 6px 0;
}

#coti .modal-body {
    padding: 10px 30px;
}

#coti .modal-footer {
    gap: 10px;
    border-top: 1px solid #ebeef5;
    padding: 15px 30px;
    margin-top: 15px;
}

.out_diss_btn {
    color: #878787;
    border-color: #e6e6e6;
    background-color: #f5f5f5;
    transition: all 350ms ease-in-out;
}

.out_diss_btn:hover {
    color: #ffffff;
    border-color: #ccc9c9;
    background-color: #ccc9c9;
}

.cr_cont_finanza form .form-group input,
.cr_cont_finanza form .form-group .form-select {
    border: 1px solid #ced4da;
    padding: 0.45rem 0.9rem;
    font-size: 14px;
}

#coti .modal-footer #btn_quotation {
    width: 22.5%;
}

.data_lote {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.ist_content_lote_info {
    width: 80%;
    position: relative;
    display: grid;
    grid-template-columns: .8fr .4fr 1fr .4fr;
    grid-template-rows: 40px 100px 10px 60px;
}

.lote_num .ist_desclote_label {
    color: #124A22;
    font-size: 20px;
}

.column_text.lote_num {
    flex-direction: row;
    grid-row: 1/1;
    grid-column: 2/4;
    gap: 6px;
    align-items: center;
    margin-bottom: 10px;
}

.ist_desclote_num {
    font-size: 24px;
    font-variant-numeric: lining-nums;
    color: #124A22;
}

.column_text {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 0;
}

.column_text.front {
    grid-row: 2/3;
    grid-column: 1/1;
    justify-content: center;
}

.column_text.backg {
    grid-row: 4/4;
    grid-column: 3/3;
    padding-left: 7px;
}

.ist_desclote_label {
    font-size: 12px;
    color: #555555;
    font-weight: 400;
    margin-bottom: 0;
}

.ist_desclote_front {
    position: unset;
    transform: unset;
}

.ist_desclote_front,
.ist_desclote_bg,
.ist_desclote_superficie {
    font-size: 18px;
    font-weight: 600;
    font-variant-numeric: lining-nums;
    color: #373A36;
}

.ist_desclote_fig {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 2px solid #61A70D;
    grid-row: 2/3;
    grid-column: 2/4;
}

.m0 {
    margin: 0;
}

.admin_indicator_section {
    font-weight: 600;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 30px;
}

.admin_info_label {
    font-weight: 600;
    color: #373A36;
    opacity: 0.75;
}

.ist_admin_subheadbody {
    margin-bottom: 30px;
}

.heading {
    align-items: end;
    justify-content: space-between;
}

.ist_admin_subheadbody .ist_btn_plan_personal {
    margin-left: auto;
}

.ist_admin_table {
    position: relative;
    display: block;
}

.ist_admin_table .table_head {
    /* position: sticky;
top: 0;
left: 0;
right: 0;
width: 100%; */
    background-color: rgb(240 240 240 / 40%);
    backdrop-filter: blur(10px);
    border: 1px solid #F0F0F0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-bottom: 15px;
}

.table_grid {
    padding: 20px 20px;
    display: grid;
    grid-template-columns: .3fr repeat(8, 1fr);
    grid-auto-columns: min-content;
    column-gap: 10px;
}

#table_egress .table_grid {
    grid-template-columns: .5fr repeat(12, 1fr);
    align-items: baseline;
}

#table_egress.requisition-module .table_grid {
    grid-template-columns: .5fr repeat(10, 1fr);
    align-items: baseline;
}


/* options depending on the amount of the values - min value 4 */
.option_4 .table_grid {
    grid-template-columns: .5fr repeat(3, 1fr);
    align-items: baseline;
}
.option_5 .table_grid {
    grid-template-columns: .5fr repeat(4, 1fr);
    align-items: baseline;
    align-items: center;
}
.option_6 .table_grid {
    grid-template-columns: .5fr repeat(5, 1fr);
    align-items: baseline;
}
.option_7 .table_grid {
    grid-template-columns: .5fr repeat(6, 1fr);
    align-items: baseline;
}
.option_8 .table_grid {
    grid-template-columns: .5fr repeat(7, 1fr);
    align-items: baseline;
}
.option_9 .table_grid {
    grid-template-columns: .5fr repeat(8, 1fr);
    align-items: baseline;
}
.option_10 .table_grid {
    grid-template-columns: .5fr repeat(9, 1fr);
    align-items: baseline;
}
.option_11 .table_grid {
    grid-template-columns: .5fr repeat(10, 1fr);
    align-items: baseline;
}
.option_12 .table_grid {
    grid-template-columns: .5fr repeat(11, 1fr);
    align-items: baseline;
}

.table_grid .table_h_item {
    font-size: 14px;
    font-weight: 700;
    grid-row: none;
}

.table_grid .table_r_item {
    font-size: 12px;
    font-weight: 500;
    grid-row: none;
}

.table_grid .table_r_item.action {
    padding-left: 16px;
}

.table_grid .table_r_item.selector,
.table_grid .table_r_item.collapsx {
    text-align: center;
}

.table_grid .table_r_item .extended_text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: auto;
    font-size: 10px;
    margin-right: 30px;
}

.table_grid .table_r_item .extended_text::-webkit-scrollbar {
    width: 5px;
    height: 0;
}
.table_grid .table_r_item .extended_text::-webkit-scrollbar-track {
    background: #ffffff29;
    border-radius: 10px;
}
.table_grid .table_r_item .extended_text::-webkit-scrollbar-thumb {
    background: #ffffff63;
    border-radius: 10px;
    transition: background 0.3s ease;
}
.table_grid .table_r_item .extended_text::-webkit-scrollbar-thumb:hover {
    background: var(--ist-white);
}

.ist_admin_table .table_body .table_row {
    border: 1px solid #F0F0F0;
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 8px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 2%);
}

.ist_admin_table .table_body .table_row:last-child {
    margin-bottom: 0px;
}

.ist_admin_table .table_body .requisition_item {
    position: relative;
    overflow: hidden;
    border: 1px solid #F0F0F0;
    background-color: rgba(240, 240, 240, 0.2);
    border-radius: 10px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 2%);
    margin-bottom: 10px;
    transition: all 350ms ease-in-out;
}

.ist_admin_table .table_body .requisition_item.select {
    background-color: #ffffff;
    border: 1px solid #D4E3BE;
}

.ist_admin_table .table_body .requisition_item.select .table_row {
    background-color: rgb(212, 227, 190, 0.2);
}

.ist_admin_table .table_body .requisition_item.collapshow {
    border: 1px solid #D4E3BE;
}

/* .ist_admin_table .table_body .requisition_item .table_row.collapsed {
    border-bottom: 1px solid transparent;
} */

.ist_admin_table .table_body .requisition_item .table_row {
    border: unset;
    border-bottom: 1px solid #F0F0F0;
    border-radius: unset;
    margin-bottom: -2px;
    box-shadow: unset;
}

.ist_admin_table .table_body .select.table_row {
    background-color: rgb(212, 227, 190, 0.2);
    border: 1px solid #D4E3BE;
}

.ist_admin_table .table_body .requisition_item .collapsx-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: #F0F0F0;
    padding: 4px;
    border: none;
    margin: 0 auto;
}
.ist_admin_table .table_body .requisition_item .collapsx-btn .material-symbols-outlined {
    font-size: 20px;
    color: #373A36;
    transform: rotate(-180deg);
    transition: all 300ms ease-in-out;
}
.ist_admin_table .table_body .requisition_item .collapsx-btn.collapsed .material-symbols-outlined {
    transform: rotate(0deg);
}

#table_requisition_paid.table-requisition-module .table_grid {
    grid-template-columns: .3fr repeat(6, 1fr) repeat(2, 60px);
}

#table_requisition_paid .table_grid {
    grid-template-columns: .3fr repeat(7, 1fr) repeat(2, 60px);
}

#table_requisition_paid .requisition-collapse .table_grid {
    align-items: center;
    /* grid-template-columns: .3fr 3fr repeat(4, 1fr) repeat(2, 60px); */
}

#table_requisition_paid .requisition-collapse .table_grid .exp-col-3 {
    grid-column: 2 / 5;
}

.requisition-collapse .table_r_item .collapse_title {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}

.requisition-collapse .table_r_item .collapse_description {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
}


.table_end {
    margin-top: 30px;
    margin-bottom: 30px;
}

.order_grid {
    display: grid;
    grid-template-columns: .3fr repeat(2, 1fr) 1.4fr 1.1fr repeat(3, 1fr);
    padding: 0 30px;
}

.table_end .order_grid {
    border-top: 1px solid rgb(55 58 54 / 10%);
    padding-top: 15px;
}

.label_total_pay {
    font-size: 14px;
    font-weight: 700;
    /* padding-bottom: 10px; */
    /* margin-bottom: 10px; */
    /* border-bottom: 1px solid rgb(55 58 54 / 10%); */
    /* text-align: end; */
    grid-column: 7/7;
}

.date_importe,
.data_sdp {
    font-size: 16px;
    font-weight: 600;
}

.date_importe {
    grid-column: 5/4;
}

.data_sdp {
    grid-column: 8/9;
    text-align: end;
}

.ist_admin_subfooterbody {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.admin_form_check_input {
    width: 20px;
    height: 20px;
    margin-top: 0;
    vertical-align: top;
    background-color: #F0F0F0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    border-radius: 0.25em;
    cursor: pointer;
}

.admin_form_check_input:checked[type=checkbox] {
    background-color: #61A730;
    border-color: #61A730;
    background-image: url('../images/check.svg');
}

.admin_form_check_input._cgray:checked[type=checkbox] {
    background-color: #373A36;
    border-color: #373A36;
    background-image: url('../images/check.svg');
}

.admin_form_check_input._darkgreen:checked[type=checkbox] {
    background-color: #124922;
    border-color: #124922;
    background-image: url('../images/check.svg');
}

.disabled-form {
    pointer-events: none;
    /* Esta regla CSS desactiva los eventos del mouse en los elementos del formulario */
    opacity: 0.5;
    /* Puedes ajustar la opacidad para indicar visualmente que el formulario está desactivado */
}

.bg_login_image {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.dropzone {
    border: 2px dashed #ced4da;
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
    min-height: 150px;
    padding: 20px
}

.dropzone .dz-message {
    text-align: center;
    margin: 2rem 0
}

.dropzone.dz-started .dz-message {
    display: none
}


.bg_login_image::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.4;
    background-color: #373A36;
}

.bg_login_image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.login_label {
    font-size: 14px;
    font-weight: 600;
}

.recover_password {
    display: block;
    color: #124A22;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 40px;
}

.ist_flex_content {
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 30px;
}

#table_egress .table_grid .date_info_table>strong {
    font-size: 10px;
}


/* Modulo finanzas Styles */
/* Concentrados */
.ist_concentrates_table {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
}
.ist_concentrates_table .concentrates_content {
    display: flex;
    gap: 15px;
}
.concentrates_ind,
.concentrates_values,
.concentrates_totals {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid rgba(55, 58, 54, 0.16);
}
.concentrates_ind,
.concentrates_totals {
    flex-shrink: 0;
}
.concentrates_values {
    width: 100%;
    overflow: scroll;
}
.concentrates_grid {
    display: grid;
    /* grid-template-rows: 60px repeat(2, 30px) 40px repeat(7, 30px) 40px repeat(7, 30px) 40px repeat(3, 30px) 40px repeat(1, 30px) 40px 40px; */
    grid-auto-rows: min-content;
    align-items: center;
}
.grid_balances .concentrates_grid {
    grid-template-rows: 60px repeat(2, 30px) repeat(2, 40px) repeat(4, 30px) repeat(2, 40px) repeat(4, 30px) repeat(2, 40px) repeat(7, 30px) repeat(3, 40px);
}
.grid_not_operational .concentrates_grid  {
    grid-template-rows: 60px repeat(3, 30px) 40px 30px repeat(2, 40px);
}
/* Reporte Egresos concentrados */
#itc_concentrated.grid_operational_concentrated .concentrates_grid {
    grid-template-rows: 60px 40px repeat(4, 30px)  repeat(2, 40px) repeat(2, 30px) repeat(2, 40px) repeat(1, 30px) repeat(1, 30px);
}
#central_office_concentrated.grid_operational_concentrated .concentrates_grid {
    grid-template-rows: 60px 40px repeat(4, 30px)  repeat(2, 30px) repeat(4, 30px) repeat(2, 35px) repeat(2, 30px) repeat(1, 25px);
}
.grid_operational_concentrated .concentrates_grid {
    grid-template-rows: 60px 40px repeat(4, 30px)  repeat(2, 40px) repeat(4, 30px) repeat(2, 40px) repeat(5, 30px) repeat(2, 40px);
}
.grid_operational_concentrated .concentrates_values .concentrates_tr_item .concentrates_td_item,
.grid_not_operational_concentrated .concentrates_values .concentrates_tr_item .concentrates_td_item {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 5px 15px;
}
.grid_operational_concentrated .concentrates_tr_item._heading .concentrates_td_item._year,
.grid_not_operational_concentrated .concentrates_tr_item._heading .concentrates_td_item._year {
    display: block;
}
.grid_not_operational_concentrated .concentrates_grid {
    grid-template-rows: 60px 40px repeat(3, 30px)  40px repeat(2, 30px) repeat(4, 40px);
}
.grid_operational_concentrated .concentrates_th_item._heading,
.grid_not_operational_concentrated .concentrates_th_item._heading {
    color: var(--ist-white);
    background-color: #5ca129;
    justify-content: center;
}
.grid_grandtotal_no_operation .concentrates_ind,
.grid_grandtotal_no_operation .concentrates_values,
.grid_grandtotal_no_operation .concentrates_totals {
    background-color: rgb(91 161 42 / 14%);
    border: solid 1px #5ba12a;
    border-radius: 10px;
}
.grid_grandtotal_no_operation .concentrates_ind {
    width: 210px;
}
.grid_grandtotal_no_operation .concentrates_th_item._grandtotal,
.grid_grandtotal_no_operation .concentrates_tr_item._grandtotal {
    padding: 14px 0px;
}
.grid_grandtotal_no_operation .concentrates_values .concentrates_tr_item._heading {
    height: 46px;
    background-color: transparent;
    border: none;
}
.concentrates_tr_item._heading .concentrates_tr_item._months .concentrates_td_item.simber_expanded {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.concentrates_totals .concentrates_tr_item .concentrates_td_item.simber_expanded,
.concentrates_values .concentrates_tr_item .concentrates_td_item.simber_expanded {
    align-items: center;
    justify-content: space-between;
}
.concentrates_values .concentrates_tr_item .concentrates_td_item.simber_expanded {
    padding: 0;
}
.grid_operational_concentrated .concentrates_totals,
.grid_not_operational_concentrated .concentrates_totals,
.grid_grandtotal_no_operation .concentrates_totals {
    width: 298px;
}
/* Reporte Egresos concentrados END*/
.concentrates_th_item {
    height: 100%;
    font-size: 12px;
    font-weight: 500;
    color: var(--ist-gray-dark);
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
}
.concentrates_th_item._heading {
    justify-content: start;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    background-color: rgba(240, 240, 240, 0.8);
    border-bottom: 1px solid #F0F0F0;
}
.concentrates_th_item._solid,
.concentrates_th_item._expanded {
    justify-content: start;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    background-color: rgba(203, 203, 203, 0.16);
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}
.concentrates_th_item._solid_vtwo {
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    background-color: rgb(56 58 54 / 6%);
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.concentrates_th_item._totals {
    justify-content: end;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 73, 34, 0.1);
    border-top: 1px solid rgba(55, 58, 54, 0.2);
    border-bottom: 1px solid rgba(55, 58, 54, 0.2);
}
.concentrates_th_item._totals._balances {
    border-bottom: none;
}
.concentrates_tr_item._totals {
    background-color: rgba(18, 73, 34, 0.1);
    border-top: 1px solid rgba(55, 58, 54, 0.2);
    border-bottom: 1px solid rgba(55, 58, 54, 0.2);
}
.concentrates_tr_item._totals._balances {
    border-bottom: none;
}
._heading .concentrates_tr_item:last-child {
    background-color: unset;
    border-top: unset;
}
/* .concentrates_th_item:nth-child(8),
.concentrates_tr_item:nth-child(8) {
    border-bottom: 1px solid #F0F0F0;
} */
/* .concentrates_th_item:nth-child(12),
.concentrates_tr_item:nth-child(12) {
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
} */
.concentrates_tr_item {
    display: grid;
    padding: 0 20px;
    height: 100%;
    grid-auto-columns: min-content;
    align-items: center;
}
.concentrates_values .concentrates_tr_item {
    grid-template-columns: repeat(8, 100px);
    gap: 40px;
}
.concentrates_values .concentrates_tr_item._heading {
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    align-items: center;
    gap: 0;
    padding: 0;
    justify-content: start;
    grid-template-columns: 1fr;
    background-color: rgba(240, 240, 240, 0.8);
    border-bottom: 1px solid rgba(55, 58, 54, 0.06);
}
.concentrates_tr_item._heading .concentrates_td_item._year {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid rgba(55, 58, 54, 0.06);
}
.concentrates_tr_item._heading .concentrates_tr_item._months {
    font-weight: 600;
    text-align: start;
}
.concentrates_tr_item._heading .concentrates_tr_item._months .concentrates_td_item {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    justify-content: center;
}
.grid_operational_concentrated .concentrates_tr_item._heading .concentrates_tr_item._months .concentrates_td_item {
    height: 100%;
    padding: 5px 15px;
}
.concentrates_totals .concentrates_tr_item {
    grid-template-columns: 140px 125px auto;
    padding: 0;
}
.concentrates_totals .concentrates_tr_item._heading .concentrates_tr_item {
    padding: 0;
}
.concentrates_totals .concentrates_tr_item._heading {
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    align-items: center;
    gap: 0;
    justify-content: start;
    grid-template-columns: 1fr;
    background-color: rgba(240, 240, 240, 0.8);
    border-bottom: 1px solid rgba(55, 58, 54, 0.06);
}
.concentrates_totals .concentrates_tr_item._heading .concentrates_td_item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    height: 100%;
    border-right: 1px solid rgba(55, 58, 54, 0.06);
    padding: 0 15px;
}
.concentrates_totals .concentrates_tr_item .concentrates_td_item:nth-child(2),
.concentrates_totals .concentrates_tr_item .concentrates_td_item:nth-child(3) {
    text-align: center;
}
.concentrates_td_item {
    font-size: 12px;
    font-weight: 500;
    color: var(--ist-gray-dark);
}
.concentrates_td_item._stronger{
    font-weight: 700;
}
.concentrates_totals .concentrates_tr_item .concentrates_td_item {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-right: 1px solid rgba(55, 58, 54, 0.06);
}
.concentrates_totals .concentrates_tr_item .concentrates_td_item:last-child,
.concentrates_totals .concentrates_tr_item._heading .concentrates_td_item:last-child {
    border-right: none;
}
.concentrates_tr_item._solid,
.concentrates_tr_item._expanded {
    background-color: rgba(203, 203, 203, 0.16);
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}
.concentrates_tr_item._solid_vtwo {
    background-color: rgb(56 58 54 / 6%);
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.concentrates_tr_item._stronger .concentrates_td_item {
    font-weight: 700;
}
/* Concentrados */
/* Desgloce */
.ist_breakdown_table {
    position: relative;
    overflow: scroll;
    display: block;
    width: 100%;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid rgba(55, 58, 54, 0.16);
    margin-top: 30px;
}
.ist_breakdown_table {
    margin-top: 80px;
    border-top-left-radius: 0;
    overflow: unset;
}
.ist_breakdown_table._grandtotal {
    margin-top: 30px;
}
.ist_breakdown_table .breakdown_head {
    background-color: rgba(240, 240, 240, 0.6);
}
.ist_breakdown_table .breakdown_body .breakdown_tr.line_cc {
    background-color: #EFEFEF;
    border-top: 1px solid rgba(55, 58, 54, 0.10);
    border-bottom: 1px solid rgba(55, 58, 54, 0.10);
}
.ist_breakdown_table .breakdown_body .breakdown_tr.line_co {
    background-color: rgba(55, 58, 54, 0.03);
}
.ist_breakdown_table .breakdown_body .breakdown_tr.line_totals {
    background-color: rgba(18, 73, 34, 0.10);
    border-top: 1px solid rgba(55, 58, 54, 0.20);
}
#breakdown_egress .ist_breakdown_table .breakdown_body .breakdown_tr.line_totals {
    background-color: rgba(166, 166, 166, 0.08);
    border-top: 1px solid rgba(55, 58, 54, 0.12);
    border-bottom: 1px solid rgba(55, 58, 54, 0.12);
}
#breakdown_egress .ist_breakdown_table .breakdown_body .breakdown_tr.line_totals._finals {
    background-color: rgba(18, 73, 34, 0.14);
    border-top: none;
    border-bottom: none;
}
#breakdown_egress .ist_breakdown_table._grandtotal .breakdown_body .breakdown_tr.line_totals._finals {
    background-color: rgb(91 161 42 / 14%);
    border: solid 1px #5ba12a;
    border-radius: 10px;
}
.ist_breakdown_table .breakdown_body .breakdown_tr.line_totals .breakdown_td_item.expand_right {
    text-align: right;
}
.breakdown_tr {
    display: grid;
    grid-template-columns: 120px repeat(2, 134px) minmax(100px, 1fr) 140px 106px 170px 160px;
}
#breakdown_egress .breakdown_tr {
    grid-template-columns: repeat(3, minmax(min(130px, 100%), 1fr)) minmax(min(280px, 100%), 2fr) minmax(min(100px, 100%), 1fr) minmax(min(160px, 100%), 1fr) repeat(2, minmax(min(100px, 100%), 1fr));
}
.breakdown_tr .breakdown_th_item {
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 700;
    color: var(--ist-gray-dark);
    border-right: 1px solid rgba(55, 58, 54, 0.06);
    padding: 10px 10px;
    text-transform: capitalize;
}
.breakdown_heading {
    text-align: center;
    color: var(--ist-white);
    background-color: #5ca129;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: capitalize;
}
.breakdown_heading {
    position: absolute;
    top: -42px;
    width: 260px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.breakdown_tr .breakdown_th_item:last-child {
    border-right: unset;
}
.breakdown_tr .breakdown_td_item {
    font-size: 10px;
    font-weight: 500;
    color: var(--ist-gray-dark);
    padding: 10px;
    border-right: 1px solid rgba(55, 58, 54, 0.06);
    text-transform: capitalize;
}
#breakdown_egress .breakdown_tr .breakdown_td_item {
    padding: 10px;
}
#breakdown_egress ._grandtotal .breakdown_tr .breakdown_td_item {
    padding: 14px 10px;
}
.breakdown_tr.line_cc  .breakdown_td_item {
    font-weight: 600;
}
.breakdown_tr.line_totals  .breakdown_td_item {
    font-weight: 700;
}
/* Desgloce */
/* Budget */
.ist_budget_table {
    position: relative;
    overflow: scroll;
    width: 100%;
    margin-top: 30px;
}
.budget_content {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
}
.budget_acc,
.budget_inventory,
.budget_real,
.budget_execute {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid rgba(55, 58, 54, 0.16);
    flex-shrink: 0;
}
.ist_budget_table .budget_head {
    background-color: rgba(240, 240, 240, 0.6);
    border-bottom: 1px solid rgba(55, 58, 54, 0.10);
}
.budget_tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    height: 100%;
}
.budget_acc .budget_tr {
    grid-template-columns: 160px 1fr;
}
.budget_inventory .budget_tr {
    grid-template-columns: 1fr 120px;
}
.budget_execute .budget_tr {
    grid-template-columns: 180px 1fr;
}
.budget_tr.line_cc {
    background-color: rgba(55, 58, 54, 0.04);
}
.budget_tr.line_totals {
    height: 40px;
    background-color: rgba(203, 203, 203, 0.1);
    border-top: 1px solid rgba(55, 58, 54, 0.10);
    border-bottom: 1px solid rgba(55, 58, 54, 0.10);
}
.budget_tr.line_end .budget_td_item {
    padding: 20px 0 30px;
}
.budget_tr .budget_th_item {
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 700;
    color: var(--ist-gray-dark);
    border-right: 1px solid rgba(55, 58, 54, 0.06);
    padding: 10px 15px;
    text-transform: capitalize;
}
.budget_tr .budget_td_item {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    color: var(--ist-gray-dark);
    height: 100%;
    padding: 5px 15px;
    border-right: 1px solid rgba(55, 58, 54, 0.06);
    text-transform: capitalize;
}
.budget_tr .budget_td_item._negative {
    color: #BA4845;
    background-color: rgba(186, 73, 69, 0.1);
}
.budget_tr.line_cc .budget_td_item {
    height: 26px;
    font-weight: 600;
}
.budget_tr.line_totals .budget_td_item {
    font-weight: 700;
}
.budget_tr.line_totals .budget_td_item:last-child,
.budget_inventory .budget_tr .budget_td_item:last-child,
.budget_real .budget_tr .budget_td_item:last-child,
.budget_execute .budget_tr .budget_td_item:last-child {
    justify-content: center;
}
.budget_acc .budget_tr.line_totals .budget_td_item {
    justify-content: flex-end;
}
.budget_tr.line_end .budget_td_item {
    font-weight: 600;
}
.budget_tr .budget_th_item:last-child,
.budget_tr .budget_td_item:last-child {
    border-right: unset;
}
.budget_tr.line_end .budget_td_item .budget_ending {
    width: 100%;
    height: 100%;
    background-color: #F0F0F0;
    border-top: 1px solid rgba(55, 58, 54, 0.10);
    border-bottom: 1px solid rgba(55, 58, 54, 0.10);
    padding: 5px 15px;
}
.budget_acc .budget_tr.line_end .budget_td_item:first-child {
    background-color: transparent;
    border-top: unset;
    border-bottom: unset;
}
.budget_td_item.item_stronger .budget_ending {
    font-weight: 700;
}
#sidebarDefineBudget.wrp_sitebar_shoppingcart {
    width: 30%;
}
/* Budget */
/* Intentarios */
.inventory_item {
    width: calc(50% - 15px);
    background-color: #ffffff;
    border-radius: 10px;
    border: solid 1px rgba(55, 58, 54, 0.2);
    padding: 30px;
    flex-shrink: 0;
}
.inventory_grid {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 2fr;
    grid-template-rows: 1fr .4fr 1fr;
}
.inventory_heading {
    grid-column: 1 / 3;
    grid-row: 1 / 1;
    z-index: 1;
}
.inventary_total {
    text-align: right;
    grid-column: 4 / 4;
    grid-row: 1 / 2;
    z-index: 1;
}
.inventory_number {
    padding-right: 100px;
    text-align: right;
    grid-column: 1 / 4;
    grid-row: 3 / 4;
    z-index: 2;
}
.inventory_graphic {
    position: relative;
    grid-column: 3 / 5;
    grid-row: 2 / 4;
    z-index: 1;
}
.inventory_heading {
    display: flex;
    gap: 15px;
}
.inventory_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: min-content;
    padding: 10px;
    color: var(--color-icon);
    border-radius: 100px;
    background-color: var(--color-circle);
}
.inventory_icon .material-symbols-outlined {
    font-size: 30px;
}
.inventory_text .sublabel {
    font-size: 16px;
    font-weight: 500;
    color: #373A36;
}
.inventory_text .label_indicator {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #373A36;
    margin-top: 4px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.inventory_text .label_indicator::after {
    content: '';
    position: absolute;
    left: 0;
    width: 60px;
    height: 2px;
    bottom: 0;
    background-color: var(--color-number);
}
.inventory_text .units {
    font-size: 16px;
    font-weight: 500;
    color: #373A36;
}
.inventory_text .units>strong {
    font-size: 18px;
    font-weight: 700;
}
.inventary_total .label_indicator {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #373A36;
    opacity: 0.8;
    text-transform: capitalize;
}
.inventary_total .value {
    display: block;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}
.inventory_number .label_indicator {
    font-size: 16px;
    font-weight: 600;
    color: #373A36;
    text-transform: capitalize;
}
.inventory_number .value {
    position: relative;
    font-size: 30px;
    font-weight: 600;
    color: var(--color-number);
    margin-top: 4px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.inventory_number .value::after {
    content: '';
    width: 9vw;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: -75px;
    background-color: var(--color-bar-number);
}
/* Intentarios */
.rounded_btn {
    border-radius: 100px;
}
.cta_box_flex {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ist_outline_btn {
    position: relative;
    overflow: hidden;
    width: fit-content;
    gap: 6px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 24px;
    color: var(--ist-white);
    background: transparent;
    border: 1px solid var(--ist-white);
    border-radius: 100px;
    z-index: 1;
    transition: color 300ms linear;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    -o-transition: color 300ms linear;
}
.ist_outline_btn.outline_green {
    color: var(--ist-green);
    border: 1px solid var(--ist-green);
}
.ist_outline_btn.red {
    color: var(--ist-red);
    border: 1px solid var(--ist-red);
}
.ist_outline_btn:hover {
    color: var(--ist-green-dark);
}
.ist_outline_btn.outline_green:hover {
    color: var(--ist-white);
}
.ist_outline_btn.green:hover {
    color: var(--ist-green);
}
.ist_outline_btn.green-dark:hover {
    color: var(--ist-green-dark);
}
.ist_outline_btn.grey-dark:hover {
    color: var(--ist-grey-dark);
}
.ist_outline_btn.red:hover {
    color: var(--ist-white);
}
.ist_outline_btn::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--ist-white);
    border-radius: 40px;
    pointer-events: none;
    position: absolute;
    transform: translateX(-100%);
    transition: transform 300ms ease-in, background-color 300ms linear;
}
.ist_outline_btn.outline_green::before {
    background-color: var(--ist-green);
}
.ist_outline_btn.red::before {
    background-color: var(--ist-red);
}
.ist_outline_btn:hover::before {
    transform: translateX(0);
    z-index: -1;
}
.p-fix {
    position: fixed;
}
/* RRHH */
.ist_rrhh_label_actions {
    display: block;
    font-size: 14px;
    color: #373A36;
    font-weight: 600;
    margin-bottom: 6px;
}
.ist_rrhh_actions {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
    align-items: flex-end;
}
.ist_general_action {
    padding: 10px 22px;
    border: none;
    border-radius: 100px;
    color: var(--color-letters);
    transition: all 400ms ease-in-out;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    background: var(--color-background);
    display: flex;
    align-items: center;
    gap: 8px;
}
.ist_general_action span {
    font-size: 18px;
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.ist_general_action.rectangle {
    border-radius: 10px;
}
#sales-commissions .table_grid {
    grid-template-columns: repeat(3, 0.6fr) 0.8fr 1fr repeat(3, 0.8fr);
}
#sales-commissions .table_grid .table_h_item {
    font-size: 12px;
}
.table_grid .ist_rrhh_taq {
    border-radius: 4px;
    font-weight: 600;
    padding: 6px 14px;
    font-size: 12px;
    overflow: hidden;
    width: fit-content;
}
.ist_rrhh_taq.sold {
    background: rgb(201 22 50 / 20%);
    color: #C91632;
}
.ist_rrhh_taq.available {
    background: #D4E3BE;
    color: #124922;
}
.bg_solid {
    margin-top: 30px;
    padding: 30px 8px;
    border-radius: 10px;
    background: #FFFFFF;
    border: solid 1px #E2E7F1;
}
.add_commissions .head_sidebar h4 {
    font-size: 16px;
    font-weight: 700;
}
.add_commissions .modalCommissions {
    padding: 30px;
    padding-bottom: 0;
}
.add_commissions .modalCommissions .table_grid {
    grid-template-columns: repeat(3, 1fr);
    padding-right: 40px;
    padding-left: 40px;
}
.add_commissions .title_commissions {
    font-size: 14px;
    font-weight: 700;
}
.ist_form_modalCommissions .ist_action_submit {
    margin-top: 40px;
    text-align: right;
}
.ist_form_modalCommissions .ist_action_submit .rounded_btn {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 34px;
}
.ist_form_modalCommissions .form-label {
    font-size: 14px;
    font-weight: 500;
}
.ist_form_modalCommissions .form-select {
    font-size: 12px;
}
.ist_form_modalCommissions .input-group-text {
    padding: 10px;
}
.ist_form_modalCommissions .input-group-text .material-symbols-outlined {
    font-size: 18px;
}

/* Credit structure */
.ist_credits_tabs {
    margin-top: 10px;
}
#creditstruc .ist_nav_bi {
    padding-top: 0;
}
#creditstruc .ist_cont_dates {
    align-items: flex-end;
}
#creditstruc .ist_nav_bi .nav-link {
    line-height: normal;
    width: max-content;
    height: min-content;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 12px;
}
.ist_creditstruc_info {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #E2E7F1;
    overflow: hidden;
}
.ist_creditstruc_info .ist_header_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    background: #F8F8F8;
    border-bottom: 1px solid #EBEEF5;
}
.ist_creditstruc_info .ist_header_title h2 {
    font-size: 16px;
    font-weight: 600;
}
.ist_creditstruc_info .ist_forms_credit .ist_creditstruc_grid {
    display: grid;
    grid-template-columns: repeat(3, 33.3%);
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 60px;
}
.ist_creditstruc_info .ist_forms_credit .ist_creditstruc_grid .ist_creditstruc_grid_item {
    padding: 30px;
    border-right: 1px solid #f0f0f0;
}
.ist_creditstruc_info .ist_forms_credit .ist_creditstruc_grid .ist_creditstruc_grid_item:last-child {
    border-right: none;
}
.ist_creditstruc_info .ist_forms_credit .ist_creditstruc_grid .ist_creditstruc_grid_item .form-group {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 15px;
}
.ist_creditstruc_info .ist_forms_credit .form-group .form-label {
    width: 300px;
    font-size: 14px;
    font-weight: 500;
    color: var(--ist-gray-dark);
    margin-bottom: 0;
    line-height: 1.2;
}
.ist_creditstruc_info .ist_forms_credit .form-group .input-group-text {
    padding: 10px;
}
.ist_creditstruc_info .ist_forms_credit .input-group-text .material-symbols-outlined {
    font-size: 18px;
}
.ist_creditstruc_info .ist_forms_credit .form-select {
    font-size: 12px;
}
.ist_creditstruc_info .ist_forms_credit .form-group._negative .input-group-text {
    background-color: rgba(218, 22, 22, 0.14);
}
.ist_creditstruc_info .ist_forms_credit .form-group._negative .form-control {
    color: #DA1616;
}
.ist_creditstruc_info_table {
    padding: 30px;
    padding-top: 0;
}
.ist_creditstruc_info_table .ist_naming_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ist_creditstruc_info_table .ist_naming_actions>h2 {
    font-size: 16px;
    font-weight: 600;
}
.ist_creditstruc_info_table .ist_naming_actions .ist_creditstruc_actions {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ist_creditstruc_info_table .ist_creditstruc_table {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
}
.ist_creditstruc_info_table .ist_creditstruc_table .creditstruc_content {
    display: flex;
    gap: 15px;
}
.ist_creditstruc_table .creditstruc_indicators,
.ist_creditstruc_table .creditstruc_values,
.ist_creditstruc_table .creditstruc_totals {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid rgba(55, 58, 54, 0.16);
}
.ist_creditstruc_table .creditstruc_indicators {
    width: 200px;
}
.ist_creditstruc_table .creditstruc_indicators,
.ist_creditstruc_table .creditstruc_totals {
    flex-shrink: 0;
}
.ist_creditstruc_table .creditstruc_values {
    overflow: scroll;
}
.ist_creditstruc_table .creditstruc_grid {
    display: grid;
    grid-template-rows: 50px repeat(2, 30px) 36px repeat(2, 30px);
    grid-auto-rows: min-content;
    align-items: center;
    gap: 4px;
}
.ist_creditstruc_table .creditstruc_grid .creditstruc_th_item {
    height: 100%;
    font-size: 12px;
    font-weight: 500;
    color: var(--ist-gray-dark);
    padding: 0 20px;
    display: flex;
    justify-content: start;
    align-items: center;
    text-transform: capitalize;
}
.ist_creditstruc_table .creditstruc_grid .creditstruc_th_item._heading {
    justify-content: start;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    background-color: rgba(240, 240, 240, 0.8);
    border-bottom: 1px solid #F0F0F0;
}
.ist_creditstruc_table .creditstruc_grid .creditstruc_th_item._solid,
.ist_creditstruc_table .creditstruc_grid .creditstruc_th_item._expanded {
    justify-content: start;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    background-color: rgba(203, 203, 203, 0.16);
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}
.ist_creditstruc_table .creditstruc_grid .creditstruc_tr_item {
    display: grid;
    padding: 0 20px;
    height: 100%;
    grid-auto-columns: min-content;
    align-items: center;
}
.ist_creditstruc_table .creditstruc_values .creditstruc_grid .creditstruc_tr_item {
    grid-template-columns: repeat(12, 100px);
    gap: 40px;
}
.ist_creditstruc_table .creditstruc_values .creditstruc_grid .creditstruc_tr_item._heading {
    font-size: 12px;
    font-weight: 700;
    background-color: rgba(240, 240, 240, 0.8);
    border-bottom: 1px solid rgba(55, 58, 54, 0.06);
}
.ist_creditstruc_table .creditstruc_totals .creditstruc_grid .creditstruc_tr_item {
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
}
.ist_creditstruc_table .creditstruc_totals .creditstruc_grid .creditstruc_tr_item._heading {
    background-color: rgba(240, 240, 240, 0.8);
    border-bottom: 1px solid rgba(55, 58, 54, 0.06);
}
.ist_creditstruc_table .creditstruc_tr_item._heading .creditstruc_tr_item._months .creditstruc_td_item {
    font-size: 12px;
    font-weight: 600;
}
.ist_creditstruc_table .creditstruc_grid .creditstruc_tr_item._solid,
.ist_creditstruc_table .creditstruc_grid .creditstruc_tr_item._expanded {
    background-color: rgba(203, 203, 203, 0.16);
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}
.ist_creditstruc_table .creditstruc_grid .creditstruc_td_item {
    font-size: 12px;
    font-weight: 500;
    color: var(--ist-gray-dark);
}
.ist_creditstruc_table .creditstruc_grid .creditstruc_tr_item._heading .creditstruc_td_item {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
.ist_creditstruc_table .creditstruc_totals .creditstruc_tr_item .creditstruc_td_item {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-right: 1px solid rgba(55, 58, 54, 0.06);
}
.add_creditstruc {
    width: 36%;
}
.add_creditstruc .head_sidebar h4 {
    font-size: 16px;
    font-weight: 700;
}

.add_creditstruc.wrp_sitebar_shoppingcart .sitebar-item>form.ist_form_modalCreditStruc {
    padding: 0;
    margin-top: 30px;
}
.ist_form_modalCreditStruc .form-label {
    font-size: 14px;
    font-weight: 500;
}
.add_creditstruc .ist_form_modalCreditStruc .form-group {
    display: flex;
    align-items: start;
    gap: 60px;
    padding: 0;
    flex-shrink: 0;
    margin-bottom: 15px;
    padding: 0 30px;
}
.add_creditstruc .ist_form_modalCreditStruc .form-group .form-label {
    width: 140px;
    flex-shrink: 0;
    margin-bottom: 0;
}
.add_creditstruc .ist_form_modalCreditStruc .ist_action_submit {
    border-top: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    padding-bottom: 0;
    margin-top: 30px;
}
.add_creditstruc .ist_action_submit .ist_general_action {
    width: calc(50% - 7.5px);
    flex-shrink: 0;
    justify-content: center;
    text-transform: unset;
}
.ist_form_modalCreditStruc .input-group-text .material-symbols-outlined {
    font-size: 18px;
}
.obra_item.select{
    background-color: rgb(212, 227, 190, 0.2);
    border: 1px solid #D4E3BE;
}

/* table pending paid */
#table_pending_paid .table_grid {
    grid-template-columns: repeat(2, 1fr) 1.5fr 1fr;
}
#table_pending_paid .table_grid .table_h_item:nth-child(4) {
    text-align: center;
}
#table_pending_paid .table_grid .table_r_item.action {
    text-align: center;
}

/* New housing progress */
.housing_grid {
    display: grid;
    gap: 20px;
    justify-content: flex-start;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 60px;
}
.ist_housing_progress {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 14px;
    padding: 20px;
}
.ist_housing_icon {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #373A36;
    opacity: 0.5;
    font-size: 24px;
    line-height: 1;
}
.ist_housing_label {
    font-size: 16px;
    font-weight: 400;
    color: #373A36;
    margin-bottom: 10px;
    margin-top: 15px;
}
.ist_housing_number {
    padding: 10px 30px;
    font-size: 40px;
    font-weight: 600;
    border-radius: 100px;
    color: #124922;
    background-color: #D4E3BE;
    flex-shrink: 0;
}
.ist_housing_progress .ist_progress h6 {
    font-size: 12px;
    opacity: 0.6;
}
.ist_housing_progress .ist_progress {
    width: 100%;
}
.wrp_flexing {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.ist_housing_taq {
    background-color: #F0F0F0;
    color: #373A36;
    font-size: 12px;
    flex-shrink: 0;
    padding: 5px 10px;
    border-radius: 6px;
}
.ist_housing_taq>span {
    font-weight: 300;
}
.ist_housing_taq>span>strong {
    font-weight: 700;
}

.erased-guarantee, .erased-guarantees{
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
}

/* section new conciliado */
.ist_admin_body .ist_admin_table .table_row._conciliado {
    background-color: #124922;
    color: var(--ist-white);
}
.ist_admin_body .ist_admin_table .table_row._noconciliado {
    background-color: #EE7500;
    color: var(--ist-white);
}
.ist_admin_body .ist_admin_table .table_row._noconciliadobanco {
    background-color: #C9A00D;
    color: var(--ist-white);
}
.ist_admin_body .ist_admin_table .table_row._pagoenefectivo {
    background-color: #8C1714;
    color: var(--ist-white);
}
.ist_admin_body .ist_admin_table .table_row._conciliado a.admin_icon_view,
.ist_admin_body .ist_admin_table .table_row._noconciliado a.admin_icon_view,
.ist_admin_body .ist_admin_table .table_row._noconciliadobanco a.admin_icon_view,
.ist_admin_body .ist_admin_table .table_row._pagoenefectivo a.admin_icon_view {
    color: var(--ist-white);
}
.ist_admin_body .ist_admin_table .table_row._conciliado .admin_form_check_input:checked[type=checkbox],
.ist_admin_body .ist_admin_table .table_row._noconciliado .admin_form_check_input:checked[type=checkbox],
.ist_admin_body .ist_admin_table .table_row._noconciliadobanco .admin_form_check_input:checked[type=checkbox],
.ist_admin_body .ist_admin_table .table_row._pagoenefectivo .admin_form_check_input:checked[type=checkbox] {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: 0px 0px 0px 4px #ffffff26;
}
.ist_admin_body .ist_admin_table .table_row._conciliado .admin_form_check_input,
.ist_admin_body .ist_admin_table .table_row._noconciliado .admin_form_check_input,
.ist_admin_body .ist_admin_table .table_row._noconciliadobanco .admin_form_check_input,
.ist_admin_body .ist_admin_table .table_row._pagoenefectivo .admin_form_check_input {
    border: 1px solid #ffffff;
}
.ist_admin_body .ist_admin_table .table_row._conciliado .admin_form_check_input {
    background-color: #124922;
}
.ist_admin_body .ist_admin_table .table_row._noconciliado .admin_form_check_input {
    background-color: #EE7500;
}
.ist_admin_body .ist_admin_table .table_row._noconciliadobanco .admin_form_check_input {
    background-color: #C9A00D;
}
.ist_admin_body .ist_admin_table .table_row._pagoenefectivo .admin_form_check_input {
    background-color: #8C1714;
}
.ist_admin_body .ist_admin_table .table_row._conciliado .admin_form_check_input:checked[type=checkbox] {
    background-image: url('../images/check-colors/green-dark.svg');
}
.ist_admin_body .ist_admin_table .table_row._noconciliado .admin_form_check_input:checked[type=checkbox] {
    background-image: url('../images/check-colors/yellow.svg');
}
.ist_admin_body .ist_admin_table .table_row._noconciliadobanco .admin_form_check_input:checked[type=checkbox] {
    background-image: url('../images/check-colors/orange.svg');
}
.ist_admin_body .ist_admin_table .table_row._pagoenefectivo .admin_form_check_input:checked[type=checkbox] {
    background-image: url('../images/check-colors/red.svg');
}
#table_reconciliations .ending-reconciliations {
    position: sticky;
    bottom: 10px;
    background-color: #F0F0F0;
    padding: 10px 16px;
    margin-top: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
#table_reconciliations .ending-reconciliations .endr_wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}
#table_reconciliations .ending-reconciliations .btn_reconciliations_opt {
    padding: 8px 16px;
    border-radius: 10px;
    cursor: pointer;
    pointer-events: all;
    border: 1px solid transparent;
    transition: all 300ms linear;
}
#table_reconciliations .ending-reconciliations .btn_reconciliations_opt:hover {
    background: rgb(158 158 158 / 12%);
}
#table_reconciliations .ending-reconciliations .btn_reconciliations_opt.mixitup-control-active {
    background: rgb(18 73 34 / 10%);
    border: 1px solid #12492229;
}
#table_reconciliations .ending-reconciliations .wrp_indicator {
    display: flex;
    align-items: start;
    gap: 10px;
}
#table_reconciliations .ending-reconciliations .indicator {
    width: 30px;
    height: 15px;
    border-radius: 4px;
}
#table_reconciliations .ending-reconciliations .indicator_text {
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
}
#table_reconciliations .ending-reconciliations .all-v-reconciliations {
    font-size: 10px;
    font-weight: 500;
    color: var(--ist-gray-dark);
    margin-bottom: 0;
}
#table_reconciliations .ending-reconciliations ._all .indicator {
    background-color: #62a70b;
    margin-top: 4px;
}
#table_reconciliations .ending-reconciliations ._conciliado .indicator {
    background-color: #124922;
    margin-top: 4px;
}
#table_reconciliations .ending-reconciliations ._noconciliado .indicator {
    background-color: #EE7500;
    margin-top: 4px;
}
#table_reconciliations .ending-reconciliations ._noconciliadobanco .indicator {
    background-color: #C9A00D;
    margin-top: 4px;
}
#table_reconciliations .ending-reconciliations ._pagoenefectivo .indicator {
    background-color: #8C1714;
    margin-top: 4px;
}
#table_reconciliations .ending-reconciliations ._all .indicator_text {
    color: #62a70b;
}
#table_reconciliations .ending-reconciliations ._conciliado .indicator_text {
    color: #124922;
}
#table_reconciliations .ending-reconciliations ._noconciliado .indicator_text {
    color: #EE7500;
}
#table_reconciliations .ending-reconciliations ._noconciliadobanco .indicator_text {
    color: #C9A00D;
}
#table_reconciliations .ending-reconciliations ._pagoenefectivo .indicator_text {
    color: #8C1714;
}
.wrp_reporte {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.wrp_reporte .material-symbols-outlined {
    font-size: 60px;
    color: #8C1714;
}
.wrp_reporte .reporte_indication {
    font-size: 14px;
    font-weight: 700;
    color: var(--ist-gray-dark);
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 8px;
}
.wrp_reporte .reporte_total {
    font-size: 18px;
    font-weight: 700;
    color: #8C1714;
}
.ist_leyend_mv {
    display: none;
}

/* Expanded BI */
#expandedView .modal-content, #expandedMasterPlan .modal-content{
    height: 80vh;
}

#modalGraph {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 300px;  /* Tamaño mínimo para asegurar que no sea demasiado pequeño */
    max-height: 600px;  /* Tamaño máximo para que no se desborde */
    overflow: auto;  /* Permitir el desplazamiento si la gráfica es demasiado grande */
}

.expanded_btn {
    display: none;
}
.xlms_item .expanded_btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 44px;
    height: 44px;
    padding: 10px;
    flex-shrink: 0;
    border-radius: 100px;
    background-color: rgba(55, 58, 54, 0.1);
    transition: background 0.3s;
}
.xlms_item .expanded_btn:hover {
    background-color: rgba(55, 58, 54, 0.26);
}
.xlms_item .expanded_btn .material-symbols-outlined {
    color: var(--ist-gray-dark);
    font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;
}
/* Tooltip */
.xlms_item .expanded_btn::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 50%;
    right: 120%;
    transform: translateY(-50%) translateX(20px);
    background-color: var(--ist-gray-dark);
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s, transform 0.4s;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
.xlms_item .expanded_btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 88%;
    transform: translateY(-50%) translateX(20px);
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent var(--ist-gray-dark);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s, transform 0.4s;
}
.xlms_item .expanded_btn:hover::after,
.xlms_item .expanded_btn:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}
/* Tooltip */

.xlms_mp_responsive .label_module.noPrint {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/* modal expanded view */

/* zoom in animation */
@keyframes zoomIn {
    from {
        transform: scale(0.5);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
/* zoom in animation */

/* zoom out animation */
@keyframes zoomOut {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(0.5);
        opacity: 0;
    }
}
/* zoom out animation */


.zoom-modal .modal-dialog {
    animation: zoomIn 250ms ease-out;
}
.zoom-modal.zoom-out .modal-dialog {
    animation: zoomOut 250ms ease-in forwards;
}
.expandedView .custom-modal-size {
    width: 80%;
    max-width: 80%;
    height: 80%;
    max-height: 80%;
}
.expandedView .custom-modal-size .modal-content {
    height: auto;
    overflow: hidden;
    border-radius: 14px;
}
.expandedView .custom-modal-size .modal-content .btn-close {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 14px;
    font-size: 14px;
    color: #1A2D32;
    flex-shrink: 0;
    border-radius: 100px;
    background-color: rgba(55, 58, 54, 0.1);
    transition: all 0.3s;
    cursor: pointer;
    pointer-events: all;
    z-index: 99;
}
.expandedView .custom-modal-size .modal-content .modal-body {
    padding: 60px;
}
.expandedView .heading_mp_module .logo_project_module {
    visibility: hidden;
    pointer-events: none;
}
.expandedView .heading_mp_module .label_module .module_name,
.expandedView .ist_header_one h4 {
    position: relative;
    font-weight: 600;
    font-size: 16px;
    color: var(--ist-gray-dark);
    padding-bottom: 6px;
    margin-top: 0;
    margin-bottom: 40px;
}
.expandedView .ist_header_one h4::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -5px;
    width: 32%;
    height: 3px;
    background: rgb(97, 167, 13);
}
.expandedView .ist_header_one {
    margin-bottom: 30px;
}
.expandedView .ist_wrp_head .ist_header_one h4 {
    margin-bottom: 0;
}
.expandedView .ist_wrp_head .ist_header_one:nth-of-type(2) {
    gap: 200px;
    justify-content: flex-start;
}
.expandedView .ist_wrp_head .ist_header_one .input-group {
    width: auto;
    max-width: 400px;
    min-width: 300px;
}

/* earnings */
.ist_start_bridge {
    margin: 80px;
    margin-bottom: 0;
}
.ist_start_bridge .start_bridge_btn {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 60px 0;
    border-radius: 10px;
    pointer-events: none;
    border: 2px dashed #124922;
    background-color: rgb(18 73 34 / 5%);
    color: #124922;
}
.ist_start_bridge .start_bridge_btn span {
    font-variation-settings: 'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 48;
    color: rgb(18 73 34 / 80%);
    font-size: 130px;
}
table input {
    font-variant-numeric: lining-nums;
}

/* sales */
.form-group .input-group {
    background-color: #ECEDEC;
}
.form-group .input-group .form-control,
.form-group .input-group .form-select {
    cursor: pointer;
}
.form-group .input-group .form-control:disabled,
.form-group .input-group .form-select:disabled {
    background: #F8F8F8;
    cursor: not-allowed;
}
.form-group textarea.form-control {
    min-height: 100px;
}
#breakdown_sales .breakdown_tr {
    grid-template-columns: minmax(80px, 1fr) repeat(3, minmax(130px, 1fr)) minmax(280px, 1fr) repeat(auto-fit, minmax(130px, 1fr));
}
.ist_breakdown_table .breakdown_tr.--table-gray-low {
    background: #EFEFEF;
}
.ist_breakdown_table .breakdown_tr.--table-gray-high {
    background: #F9F9F9;
}
.ist_breakdown_table .breakdown_tr.--table-gray-low .breakdown_td_item,
.ist_breakdown_table .breakdown_tr.--table-gray-high .breakdown_td_item {
    padding: 5px 10px;
}
.ist_breakdown_table .breakdown_tr .breakdown_td_item.--table-stronger-value {
    font-weight: 700;
}
.ist_table_filter .row_table_filter {
    display: flex;
    align-items: end;
    gap: 15px;
}

/* new widgets crm */
.container_widgets {
    padding: 15px;
}
.container_widgets .module_widgets .widgets_wrap {
    margin-bottom: 40px;
}
.container_widgets .module_widgets .widgets_wrap:last-child {
    margin-bottom: 0;
}
.modules_identificator {
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(55, 58, 54, 0.2);
}
.modules_identificator .title_modules_identificator {
    font-size: 24px;
    font-weight: 600;
    color: var(--ist-gray-dark);
    margin: 0;
}
.modules_identificator .title_modules_identificator span {
    font-weight: 700;
    color: var(--ist-green);
}
.container_widgets .module_widgets .label_widgets_seccion {
    font-size: 16px;
    font-weight: 600;
    color: var(--ist-gray-dark);
    padding-left: 15px;
    margin-bottom: 15px;
}
.container_widgets .module_widgets .widgets_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
.widget_crm {
    position: relative;
    overflow: hidden;
    width: 400px;
    height: 380px;
    padding: 30px;
    padding-top: 40px;
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    background: var(--ist-white);
    box-shadow: 0 4px 10px 0 rgb(0, 0, 0, 0.02);
}
.widget_crm.--only-option-widgets::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(18, 73, 34, 1) 0%, rgba(206, 253, 150, 1) 200%);
    opacity: 0;
    transition: opacity 400ms;
}
.widget_crm .--bg-icon {
    position: absolute;
    top: -140px;
    right: -130px;
    opacity: 0.068;
    pointer-events: none;
}
.widget_crm .--bg-icon.--ist {
    top: -100px;
    right: -60px;
    opacity: 0.1;
}
.widget_crm .--bg-icon>img {
    width: 180px;
    height: auto;
    transition: all 400ms;
}
.widget_crm .--bg-icon>span {
    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    color: var(--ist-green);
    font-size: 320px;
    transition: all 400ms;
}
.widget_crm .widget_crm_content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    z-index: 1;
}
.widget_crm .widget_crm_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: rgb(18, 73, 34, 0.1);
    border-radius: 100%;
    transition: all 400ms;
}
.widget_crm .widget_crm_icon .material-symbols-rounded {
    font-variation-settings:'FILL' 1,'wght' 200,'GRAD' 0,'opsz' 24;
    color: #124922;
    font-size: 44px;
    transition: all 400ms;
}
.widget_crm .widget_crm_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: all 400ms;
}
.widget_crm .widget_crm_info .widget_title {
    font-size: 20px;
    font-weight: 700;
    color: var(--ist-gray-dark);
    margin: 0;
    transition: all 400ms;
}
.widget_crm .widget_crm_info .widget_btn_lite {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: var(--ist-gray-dark);
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0.6;
    transition: all 400ms;
}
.widget_crm .widget_crm_info .widget_btn_lite .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24;
}
.widget_crm .widget_crm_content .--hovering-btn {
    position: absolute;
    bottom: -100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: var(--ist-white);
    border-radius: 100%;
    color: #124922;
    transition: all 400ms;
}
.widget_crm .widget_crm_content .--hovering-btn>span {
    font-size: 24px;
}

/* only options widget */
.widget_crm.--only-option-widgets:hover::before {
    opacity: 1;
}
.widget_crm.--only-option-widgets:hover .--bg-icon>span,
.widget_crm.--only-option-widgets:hover .widget_crm_icon .material-symbols-rounded,
.widget_crm.--only-option-widgets:hover .widget_crm_info .widget_title,
.widget_crm.--only-option-widgets:hover .widget_crm_info .widget_btn_lite {
    color: var(--ist-white);
}
.widget_crm.--only-option-widgets:hover .widget_crm_icon {
    background-color: rgb(255 255 255 / 10%);
}
.widget_crm.--only-option-widgets:hover .--bg-icon>img {
    filter: brightness(2) grayscale(1);
}
.widget_crm.--only-option-widgets:hover .widget_crm_info {
    translate: 0 -80px;
}
.widget_crm.--only-option-widgets:hover .widget_crm_content .--hovering-btn {
    bottom: 0px;
}

/* more options widgets */
.widget_crm.--more-options-widgets .widget_crm_info .btn_title {
    text-align: start;
    font-size: 14px;
    font-weight: 600;
    color: var(--ist-gray-dark);
}
.widget_crm.--more-options-widgets .widget_crm_info .btn_description {
    font-size: 12px;
    font-weight: 500;
    color: var(--ist-gray-dark);
    opacity: 0.6;
    text-align: justify;
}
.widget_crm.--more-options-widgets .widget_crm_info .widget_wrap_btn {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.widget_crm.--more-options-widgets .widget_crm_info .widget_wrap_btn .widget_btn_plus {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 100px;
    padding: 6px;
    border: 1px solid #D9D9D9;
    background: var(--ist-white);
    transition: all 400ms;
}
.widget_crm.--more-options-widgets .widget_crm_info .widget_wrap_btn .widget_btn_plus .btn_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.widget_crm.--more-options-widgets .widget_crm_info .widget_wrap_btn .btn_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: var(--widget-color);
    border: 1px solid var(--widget-color);
    background: rgb(from var(--widget-color) r g b / 10%);
    padding: 4px;
    transition: all 400ms;
}
.widget_crm.--more-options-widgets .widget_crm_info .widget_wrap_btn .btn_icon>span {
    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    font-size: 24px;
    color: var(--widget-color);
    transition: all 400ms;
}
.widget_crm.--more-options-widgets .widget_crm_info .widget_wrap_btn .widget_btn_plus>.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
    color: var(--ist-gray-dark);
    opacity: 0.6;
}
.widget_crm.--more-options-widgets .widget_crm_info .widget_wrap_btn .widget_btn_plus:hover {
    border-color: var(--widget-color);
    background: rgb(from var(--widget-color) r g b / 10%);
}
.widget_crm.--more-options-widgets .widget_crm_info .widget_wrap_btn .widget_btn_plus:hover .btn_icon {
    background: rgb(from var(--widget-color) r g b / 100%);
}
.widget_crm.--more-options-widgets .widget_crm_info .widget_wrap_btn .widget_btn_plus:hover .btn_icon>span {
    color: var(--ist-white);
}

/* modal select project */
.--select-project .modal-dialog {
    width: calc(100% - 30px);
    max-width: 1280px;
}
.--select-project .modal-dialog .modal-content {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}
.--select-project .modal-header {
    position: relative;
    text-align: center;
    padding: 20px;
    justify-content: center;
    background: #F7F7F7;
    border-bottom: 1px solid #E3E3E3;
}
.--select-project .modal-header .modal-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--ist-gray-dark);
    margin: 0;
}
.--select-project .modal-header .btn-close {
    position: absolute;
    right: 30px;
    padding: 14px;
    font-size: 14px;
    color: #1A2D32;
    flex-shrink: 0;
    border-radius: 100px;
    background-color: rgba(55, 58, 54, 0.1);
    transition: all 0.3s;
    cursor: pointer;
    pointer-events: all;
    z-index: 99;
}
.--select-project .select_project_projects {
    padding: 14px;
    padding-top: 30px;
    display: flex;
    gap: 30px;
}
.--select-project .select_project_projects .project_option {
    position: relative;
    overflow: hidden;
    width: calc(50% - 15px);
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    border: 2px solid #D9D9D9;
    background: rgb(0, 0, 0, 0.02);
    transition: all 500ms;
    cursor: pointer;
    pointer-events: all;
}
.--select-project .select_project_projects .project_option>img {
    transition: all 500ms;
}
.--select-project .select_project_projects .project_option>img.--default {
    z-index: 1;
    transition: all 400ms;
}
.--select-project .select_project_projects .project_option>img {
    width: auto;
    height: 80px;
    opacity: 1;
}
.--select-project .select_project_projects .project_option>img.--hovering {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
    opacity: 0;
    transition: all 500ms;
    z-index: 0;
}

/* hover project */
.--select-project .select_project_projects .project_option:hover>img.--default{
    opacity: 0;
}
.--select-project .select_project_projects .project_option:hover>img.--hovering {
    opacity: 1;
}

/* return btn */
.ist_return {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 10px;
    color: var(--ist-gray-dark);
    border: 1px solid #E4E4E4;
    background-color: rgba(55, 58, 54, 0.06);
    transition: all 350ms;
    cursor: pointer;
}
.ist_return .material-symbols-outlined {
    font-size: 16px;
}
.ist_return:hover {
    background-color: rgba(55, 58, 54, 0.20);
}

/* housing */
.ist_housing_wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
}
.ist_housing_item {
    position: relative;
    overflow: hidden;
    width: 280px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    background-color: var(--ist-white);
}
.ist_housing_item .ist_housing_naming {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.ist_housing_naming_model {
    font-size: 14px;
    font-weight: 500;
    color: var(--ist-gray-dark);
    text-transform: uppercase;
}
.ist_housing_naming_model>strong {
    font-weight: 600;
}
.ist_housing_naming_type {
    font-size: 14px;
    font-weight: 500;
    color: var(--ist-gray-dark);
    text-transform: uppercase;
    opacity: 0.6;
}
.ist_housing_image {
    margin-bottom: 15px;
}
.ist_housing_image .ist_housing_image_wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
    border-radius: 6px;
}
.ist_housing_image .ist_housing_image_wrap>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
}
.ist_housing_button {
    margin-bottom: 10px;
}
.ist_housing_button .housing_button {
    width: 100%;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid rgba(18, 73, 34, 0.3);
    background-color: rgba(98, 168, 13, 0.1);
    color: #124922;
    transition: all 350ms;
}
.ist_housing_button .housing_button:hover {
    background-color: rgba(98, 168, 13, 0.3);
}
.ist_housing_button .housing_button .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    font-size: 20px;
}

/* indicatos supports files */
.ist_indicators_files {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 0;
    padding: 0 10px;
}

.ist_indicators_files.--center-indicators_files {
    justify-content: center;
}

.ist_indicators_files.notfiles {
    border-top: 1px solid #e2e2e2;
    padding-top: 60px;
    margin: 0;
}

.ist_indicators_files .ist_indicator_support {
    font-size: 12px;
    font-weight: 300;
    color: #666666;
    margin-bottom: 0;
}

.ist_indicators_files .ist_indicator_notfiles {
    font-size: 12px;
    font-weight: 400;
    color: #929292;
    margin-bottom: 0;
}

/* list of files */
.ist_labels_list_files {
    font-size: 14px;
    font-weight: 500;
    color: var(--ist-gray-dark);
}

.ist_item_property .ist_list_files {
    position: relative;
    overflow-y: scroll;
    height: auto;
    max-height: calc(100vh - 272px);
    padding-right: 15px;
}

.ist_item_property .ist_list_files::after {
    content: '';
    position: sticky;
    right: 0;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, rgb(255 255 255) 10%, #ffffff00);
    display: block;
}

.ist_item_property .ist_list_files::-webkit-scrollbar {
    width: 10px;
}

.ist_item_property .ist_list_files::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.ist_item_property .ist_list_files::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 10px;
    transition: background 0.3s ease;
}

.ist_item_property .ist_list_files::-webkit-scrollbar-thumb:hover {
    background: var(--ist-gray-dark);
}

.list_files_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(18, 73, 34, 0.3);
    background-color: rgba(98, 168, 13, 0.1);
    border-radius: 14px;
    margin-bottom: 6px;
    cursor: grab;
}

.list_files_item:last-child {
    margin-bottom: 0;
}

.list_files_item .wrp_files {
    display: flex;
    align-items: center;
    gap: 15px;
}

.list_files_item .file_drag {
    display: flex;
    align-items: center;
}

.list_files_item .file_drag>span {
    font-variation-settings: 'FILL'0, 'wght'200, 'GRAD'0, 'opsz'24;
    color: #1b2d3369;
    font-size: 20px;
}

.list_files_item .file_preview {
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ist-white);
    border: 1px solid #eaedec;
    border-radius: 8px;
}

.list_files_item .file_preview>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.list_files_item .file_preview>span {
    color: var(--ist-gray-dark);
}

.list_files_item .file_data .file_name {
    font-size: 12px;
    font-weight: 500;
    color: var(--ist-gray-dark);
}

.list_files_item .file_data .file_megabytes {
    font-size: 12px;
    font-weight: 300;
    color: #666666;
}

.list_files_item .file_options {
    display: flex;
    align-items: center;
    gap: 5px;
}

.list_files_item .file_options .file_actions_view,
.list_files_item .file_options .file_actions_delete {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ist-white);
    border: 1px solid #eaedec;
    border-radius: 8px;
    padding: 8px;
    pointer-events: all;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 36px;
}

.list_files_item .file_options .file_actions_view:hover,
.list_files_item .file_options .file_actions_delete:hover {
    background-color: #c6c6c60d;
}

.list_files_item .file_options .file_actions_view>span,
.list_files_item .file_options .file_actions_delete>span {
    font-variation-settings: 'FILL'0, 'wght'300, 'GRAD'0, 'opsz'24;
    color: var(--ist-gray-dark);
    font-size: 18px;
}

.list_files_item .file_options .file_actions_view>span {
    color: var(--ist-green-dark);
}

.list_files_item .file_options .file_actions_delete>span {
    color: #dc3545;
}

.sortable-ghost {
    opacity: 0.5;
    background-color: #f0f0f0;
}

.ist_vt {
    background: #fff;
    padding: 40px 15px;
}

.ist_new_desclote_image {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.ist_new_desclote_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
}

.ist_new_desclote_label_model {
    position: absolute;
    top: 40px;
    left: 0;
    padding: 10px 40px 10px 24px;
    border-radius: 0 100px 100px 0;
    background-color: #61A70D;
    z-index: 2;
    box-shadow: 0 4px 10px rgb(0 0 0 / 16%);
}

.ist_new_desclote_label_model .ist_new_desclote_text_model {
    font-size: 16px;
    color: var(--ist-white);
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 300;
}

.ist_new_desclote_label_model .ist_new_desclote_text_model>strong {
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}

.ist_back_arrow_venta {
    display: inline-flex;
    gap: 12px;
    margin-bottom: 30px;
    cursor: pointer;
}

.ist_back_arrow_venta>img {
    width: 38px;
}

.ist_back_arrow_venta h3 {
    font-weight: 400;
    font-size: 20px;
}

.ist_new_desclote_more_info {
    gap: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ist_new_desclote_more_info .ist_new_desclote_type_model {
    border-radius: 100px;
    background: #61A70D;
    padding: 4px 14px;
    color: #fff;
}

.ist_new_desclote_more_info .ist__newdesclote_fachada_model {
    color: #373A36;
}

.ist_new_desclote_priv {
    padding: 10px 20px;
    background: #124A22;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    border-radius: 50px 50px 50px 0px;
    display: inline-block;
    margin: 20px 0;
}

.ist_cont_info {
    padding-left: 22px;
}

.ist_new_desclote_box_desc h3 {
    font-size: 20px;
    color: #000;
}

.ist_new_desclote_box_desc .ist_new_desclote_desc_info {
    font-size: 18px;
    color: #000;
    font-weight: 300;
}

.ist_new_content_lote_info {
    width: 80%;
    position: relative;
    display: grid;
    grid-template-columns: .4fr .7fr .4fr;
    grid-template-rows: 100px 60px;
    margin: 40px 0 70px;
}

.ist_new_desclote_fig {
    display: grid;
    place-items: center;
    border-radius: 6px;
    border: 2px solid #61A70D;
    background: rgb(97 167 13 / 10%);
}

.column_info {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.ist_new_desclote_label {
    font-size: 14px;
    color: rgb(55 58 54 / 80%);
    font-weight: 400;
    margin-bottom: 0;
}

.ist_new_desclote_front,
.ist_new_desclote_bg,
.ist_new_desclote_superficie {
    font-size: 22px;
    font-weight: 700;
    font-variant-numeric: lining-nums;
    color: #373A36;
}

.column_info.front {
    grid-row: 1/2;
    grid-column: 3/4;
    place-content: center;
    padding-left: 12px;
}

.grid_lt.lote_num {
    align-items: end;
    display: grid;
    margin-bottom: 25px;
}

.grid_lt.lote_num>.ist_new_desclote_num {
    position: relative;
    font-size: 22px;
    font-variant-numeric: lining-nums;
    color: #124A22;
}

.grid_lt.lote_num>.ist_new_desclote_num::after {
    content: '';
    position: absolute;
    background: #61A70D;
    width: 115%;
    height: 4px;
    left: 0;
    bottom: -3px;
}

.grid_lt.back {
    padding-top: 10px;
    grid-column: 2/3;
    place-content: center;
    display: grid;
}

.ist_new_quote_btn {
    padding: 8px 24px;
    border: none;
    border-radius: 100px;
    background: #373A36;
    color: #fff;
    transition: all 400ms ease-in-out;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
.ist_new_quote_btn:hover {
    background: rgb(55 58 54 / 90%);
}

.ist_new_quote_btn.--green-dark {
    background: #124a22;
}
.ist_new_quote_btn.--green-high {
    background: #61A70D;
}
.ist_new_quote_btn.--gray-high {
    background: #4B4B5A;
}
.ist_new_quote_btn.--gray-dark {
    background: #373A36;
}
.ist_new_quote_btn.--green-dark:hover {
    background: rgba(18, 74, 34, 0.9);
}
.ist_new_quote_btn.--green-high:hover {
    background: rgb(97, 167, 13, 0.9);
}
.ist_new_quote_btn.--gray-high:hover {
    background: rgb(75, 75, 90, 0.9);
}
.ist_new_quote_btn.--gray-dark:hover {
    background: rgb(55, 58, 54, 0.9);
}
.ist_new_quote_btn.--new-button {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: unset;
    padding: 12px 24px;
}

.ist_new_renders_btn,
.ist_new_desclote_btn {
    padding: 10px 10px;
    border: none;
    border-radius: 100px;
    transition: all 400ms ease-in-out;
    background: transparent;
    color: #124A22;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    z-index:9;
}

.ist_new_renders_btn span,
.ist_new_desclote_btn span {
    font-size: 18px;
}

.ist_new_renders_btn p,
.ist_new_desclote_btn p {
    margin: 0;
    text-decoration-line: underline;
}

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

.page_title_box {
    padding: 20px 27px;
}

.page_title_box h2 {
    font-size: 20px;
}

.ist_name_lt {
    text-align: end;
    color: #124A22;
    font-weight: 400;
    margin: 0 0 8px;
}

.ist_progress .progress {
    border-radius: 1.25rem;
    height: 1.7rem;
    font-weight: 600;
    font-size: 12px;
}

.ist_progress {
    margin: 14px 0;
}


/*Modal post venta styles*/

.ist_btn_garantia_pv {
    padding: 8px 14px;
    border-radius: 100px;
    border: none;
    background: #373A36;
    color: #fff;
    font-size: 14px;
    transition: all 400ms ease-in-out;
    font-weight: 500;
}

.ist_btn_garantia_pv:hover {
    background: rgb(55 58 54 / 80%);
}

.ist_footer_pv {
    padding: 0.5rem 22px 1rem;
    display: grid;
    grid-template-columns: 1fr;
}

.ist_grid_dates.ist_posvt .ist_card h2 {
    font-size: 20px;
}

.ist_grid_dates.ist_posvt .ist_card:nth-child(1) h2,
.ist_grid_dates.ist_posvt .ist_card:nth-child(2) h2 {
    opacity: 0.3;
}

.ist_dates_tel_email {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.ist_dates_tel_email span {
    font-size: 14px;
    color: #373A36;
    opacity: 0.8;
    position: relative;
    font-weight: 500;
}

.ist_dates_tel_email span::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 25px;
    height: 2px;
    background: #62A70B;
}

.ist_dates_tel_email h6 {
    font-size: 14px;
    color: #373A36;
    font-weight: 700;
}


/*Model ingresos styles*/

.ist_valor_vivienda>span {
    padding: 6px 14px;
    background: rgb(98 167 11 / 10%);
    color: #124A22;
    font-weight: 500;
    border-radius: 4px;
}

.ist_valor_vivienda h1 {
    font-weight: 700;
    color: #124A22;
    font-size: 32px;
    margin-top: 16px;
}

.ist_valor_vivienda h1>span {
    font-size: 18px;
}

.ist_progress.ist_igs {
    border-top: 1px solid #E9ECEF;
    padding: 25px 0 4px;
}

.ist_valor_vivienda {
    padding: 10px 0 5px;
}

.ist_progress.ist_igs .ist_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.ist_progress.ist_igs .ist_text span {
    color: rgb(55 58 54 / 60%);
    font-weight: 500;
}

.ist_progress.ist_igs .ist_text p {
    margin: 0;
    font-size: 16px;
    color: rgb(18 74 34 / 80%);
    font-weight: 700;
}

.ist_footer_pv.ist_igs {
    grid-template-columns: 1fr;
}


/*Generador de cotización*/

.ist_gen_coti {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #E2E7F1;
    overflow: hidden;
}

.ist_gen_coti .ist_header_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 40px;
    background: #F8F8F8;
}

.ist_gen_coti .ist_header_title h2 {
    font-size: 22px;
    font-weight: 600;
}

.ist_gen_coti .ist_header_title>img {
    cursor: pointer;
    width: 36px;
}

.ist_gen_coti .ist_src_grid_coti {
    padding: 40px 0px;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
}

.ist_src_grid_coti .ist_info_asesor {
    padding-right: 40px;
}

.ist_src_grid_coti .ist_info_asesor label {
    font-size: 15px;
    color: #373A36;
    margin-bottom: 14px;
}

.ist_src_grid_coti .ist_info_asesor h6 {
    margin-top: 12px;
}

.ist_src_grid_coti .ist_info_asesor .input-group-text,
.ist_src_grid_coti .ist_info_asesor .bg_ot_cl .form-control {
    background: rgb(18 74 34 / 6%);
    border: 1px solid rgb(55 58 54 / 20%);
}

.underline {
    text-decoration-line: underline;
}

.separate {
    border-top: 1px solid #373A36;
    margin: 35px 0;
    opacity: 0.2;
}

.ist_src_grid_coti .ist_info_asesor .input-group-text span {
    font-weight: 300;
}


/*columna de información de pago*/

.ist_info_pay .ist_header_pp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.ist_info_pay .ist_header_pp h2 {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    color: #373A36;
}

.ist_info_pay .ist_header_pp h2::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 60px;
    height: 4px;
    background: #61A70D;
}

#searchHoursWorked{
    margin-left: auto;
    display: block;
}

.ist_btn_plan_personal, .ist_btn_plan_personalized {
    border: 0;
    background: #124922;
    border-radius: 100px;
    color: #fff;
    transition: all 400ms ease-in-out;
    display: flex;
    align-items: center;
    padding: 7px 16px;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
}

.ist_btn_plan_personal:hover, .ist_btn_plan_personalized:hover {
    background: rgb(18 73 34 / 90%);
}

.ist_btn_plan_personal span, .ist_btn_plan_personalized span {
    font-size: 21px;
    font-weight: 300;
}

.ist_btn_plan_personal, .ist_btn_plan_personalized {
    border: 0;
    background: #124922;
}

.ist_src_grid_coti .ist_info_pay {
    padding-left: 40px;
    border-left: 1px solid rgb(55 58 54 / 20%);
}



.ist_info_pay .ist_cont_pp {
    padding: 30px 0px;
}

.ist_info_pay .ist_cont_pp label {
    font-weight: 600;
    color: #373A36;
    opacity: 0.75;
}

.ist_info_pay .ist_cont_pp .input-group-text {
    padding: 0.46rem 0.7rem;
    background: rgb(55 58 54 / 6%);
}

.ist_info_pay .ist_cont_pp .input-group-text span {
    font-weight: 300;
    font-size: 22px;
}

.ist_info_pay .ist_cont_pp .form-select,
.ist_info_pay .ist_cont_pp .form-control {
    font-weight: 500;
}

.ist_other_date {
    padding: 20px 0px;
}

.ist_other_date label,
.ist_other_date p {
    color: rgb(55 58 54 / 80%);
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 13px;
}

.ist_other_date input {
    padding: 0;
    border: 0;
}

.ist_other_date input,
.ist_other_date span {
    font-size: 19px;
    font-weight: 600;
    color: #373A36;
}

.cl_ist_green {
    color: #61A730 !important;
}


/*table información de pago*/

.ist_table_pay {
    border: 1px solid rgb(55 58 54 / 20%);
    border-radius: 10px;
    overflow: hidden;
    margin: 22px 0;
}

.ist_table_pay span {
    font-size: 17px;
    color: #373A36;
    font-weight: 600;
    padding: 13px 24px;
    display: block;
    border-bottom: 1px solid rgb(55 58 54 / 20%);
}

.ist_table_pay table {
    margin: 25px 0px;
}

.ist_table_pay table thead th {
    font-weight: 600;
}

.ist_table_pay .table>:not(caption)>*>* {
    border-bottom-width: 0px;
    text-align: center;
}

.btn_coti_pay {
    border: none;
    padding: 9px 24px;
    border-radius: 100px;
    background: #61A70D;
    color: #fff;
    border: 1px solid transparent;
    font-weight: 500;
    outline: none;
    transition: all 400ms ease-in-out;
}

.btn_coti_pay:hover {
    background: #fff;
    color: #61A70D;
    border: 1px solid #61A70D;
}

.footer_table_pay {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.btn_coti_cancel_pay {
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    transition: all 400ms ease-in-out;
    gap: 6px;
    color: rgb(55 58 54 / 60%);
    text-transform: uppercase;
    font-weight: 500;
}

.btn_coti_cancel_pay:hover {
    color: rgb(55 58 54 / 100%);
}

.btn_coti_cancel_pay span {
    font-size: 20px;
}

.btn_coti_cancel_pay p {
    margin: 0;
    text-decoration-line: underline;
}


/* Animate */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}


/*Style lista de etapas*/
#table_worked {
    max-height: 600px; /* Ajusta este valor según tus necesidades */
    overflow-y: auto;
    padding: 0 0 15px;
}
#table_worked .ist_card_item:first-of-type {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    background: rgb(240 240 240 / 100%); /* Para que el fondo sea semitransparente */
    z-index: 1; /* Para asegurarse de que se sitúe sobre otros elementos */
}

.ist_list_etapa .ist_card_item {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
    grid-auto-flow: dense;
    align-items: baseline;
    background: rgb(240 240 240 / 20%);
    padding: 14px 0px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgb(240 240 240 / 70%);
    margin-bottom: 12px;
    gap: 8px;
}
#table_delivery.ist_list_etapa .ist_card_item {
    grid-template-columns: repeat(3, 1fr) repeat(4, 140px);
}
#table_reception.ist_list_etapa .ist_card_item {
    grid-template-columns: repeat(3, 1fr) repeat(0, 140px);
}
.ist_estado_icon {
    min-width: 4rem;
    max-width: 5rem;
    justify-self: center; /* optional: centers icons */
    text-align: center;
}
.ist_list_etapa.ot_grid .ist_card_item {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
}
.ist_card_item .ist_etapa,
.ist_card_item .ist_estado,
.ist_card_item .ist_infraes,
.ist_card_item .ist_vivienda,
.ist_card_item .ist_edit_eraser {
    display: grid;
    text-align: center;
    gap: 12px;
}

.ist_card_item .ist_etapa>span,
.ist_card_item .ist_estado>span,
.ist_card_item .ist_infraes>span,
.ist_card_item .ist_vivienda>span,
.ist_card_item .ist_edit_eraser>span {
    font-weight: 700;
    color: #373A36;
    font-size: 14px;
}

.ist_list_etapa .ist_card_item a span {
    font-weight: 300;
    font-size: 28px;
}

.ist_list_etapa .ist_card_item a {
    transition: all 400ms ease-in-out;
}

.ist_card_item .ist_infraes,
.ist_card_item .ist_vivienda,
.ist_card_item .ist_edit_eraser .updatestid {
    color: #62A70B !important;
}

.ist_card_item .ist_infraes a:hover,
.ist_card_item .ist_vivienda a:hover,
.ist_card_item .ist_edit_eraser .updatestid:hover {
    color: #62A70B !important;
}

.ist_card_item .ist_etapa p {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

.ist_card_item .ist_estado p {
    margin: 0;
    font-weight: 600;
    font-size: 13px;
}

.ist_card_item .ist_flex {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    padding-top: 6px;
}

.text-status-on {
    color: #36896D !important;
}

.text-status-off {
    color: #4D5762;
}

.ist_card_item .ist_circle {
    width: 7px;
    height: 7px;
    background: red;
    border-radius: 100px;
}

.ist_card_item .text-status-on .ist_circle {
    background: #36896D;
}

.ist_card_item .text-status-off .ist_circle {
    background: #4D5762;
}

.ist_card_item .ist_edit_eraser a~a {
    color: #DF3838;
}

.ist_card_item .ist_edit_eraser>a {
    color: #62A70B;
}

.ist_list_etapa {
    padding: 15px 0 0;
}

.ist_line_tx {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
}

.ist_line_tx::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 45px;
    height: 3px;
    background: #61A70D;
}

.ist_card_seg {
    border-radius: 6px;
}

.ist_card_seg {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #F0F0F0;
}

.ist_card_seg h4 {
    background: #F0F0F0;
    padding: 14px 14px;
    font-size: 14px;
    color: #373A36;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
}

.ist_card_seg .ist_item_tr {
    display: grid;
    padding: 12px 14px;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: center;
}

.ist_card_seg .ist_item_tr .ist_name {
    font-weight: 600;
    font-size: 13px;
}

.ist_card_status {
    width: fit-content;
    background: #1C630B;
    border-radius: 100px;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px;
}

.pb_20 {
    padding-bottom: 20px;
}

.ist_activity_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    background: rgb(240 240 240 / 40%);
    text-align: center;
}

.ist_activity_grid h4 {
    font-size: 14px;
    font-weight: 600;
    padding: 14px 0px;
    border-right: 1px solid rgb(55 58 54 / 20%);
    margin: 0;
}

.ist_activity_grid h4 span {
    font-weight: 300;
}

.ist_cont_register {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
}

.ist_venta .ist_text_vt {
    margin: 24px 0 22px -10px;
    font-size: 16px;
    font-weight: 500;
}

.ist_cont_register .ist_cont_more_info {
    padding: 0px 30px;
}

.ist_cont_register .ist_new_desclote_label_model .ist_new_desclote_text_model {
    font-size: 12px;
}

.ist_cont_register .ist_new_desclote_label_model .ist_new_desclote_text_model>strong {
    font-size: 18px;
}

.ist_cont_register .ist_new_desclote_priv {
    padding: 8px 16px;
    font-size: 10px;
}

.ist_cont_register .ist_new_desclote_box_desc h3 {
    font-size: 16px;
    font-weight: 600;
}

.ist_cont_register .ist_new_desclote_box_desc .ist_new_desclote_desc_info {
    font-size: 14px;
}

.ist_cont_register .grid_lt.lote_num>.ist_new_desclote_num {
    font-size: 18px;
}

.ist_cont_register .ist_new_content_lote_info {
    width: 90%;
}

.ist_cont_register .ist_new_desclote_label {
    font-size: 12px;
}

.ist_cont_register .ist_new_desclote_front,
.ist_new_desclote_bg,
.ist_new_desclote_superficie {
    font-size: 18px;
}

.ist_ingreso {
    padding: 20px;
    overflow: hidden;
    border-radius: 8px;
}

.ist_ist_table {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.2rem;
}

.ist_btn_cr {
    background: #61A70D;
    border: none;
    padding: 8px 24px;
    border-radius: 100px;
    color: #fff;
    transition: all 400ms ease-in-out;
    font-weight: 500;
}

.ist_btn_cr:hover {
    background: rgb(97 167 13 / 90%);
    color: #fff;
}

.ist_ist_table h4 {
    font-weight: 600;
}

.ist_ingreso .ist_cont_regis table {
    text-align: center;
    margin-bottom: 0;
}

.ist_cont_regis {
    padding: 10px 0px 6px;
    border: 1px solid rgb(55 58 54 / 20%);
    border-radius: 12px;
    margin-bottom: 1.1rem;
    overflow: hidden;
}

.ist_ingreso .ist_cont_regis .table>:not(caption)>*>* {
    border-bottom: none;
    padding: 2px;
}

@media (min-width: 576px) {
    .ist_md_modal {
        max-width: 600px;
    }
}

.ist_check_rg span {
    color: #3E6C49;
    font-weight: 300;
    cursor: pointer;
}

.ist_update_rg span {
    color: #40701f;
    font-weight: 300;
    cursor: pointer;
}

.ist_delete_rg span {
    color: #9f3e3e;
    font-weight: 300;
    cursor: pointer;
}

.ist_ingreso .ist_cont_regis .table tr th {
    padding-bottom: 12px;
    color: #373A36;
}

.ist_cont_regis {
    padding: 10px 0px 6px;
    border: 1px solid rgb(55 58 54 / 20%);
    border-radius: 12px;
    overflow: hidden;
}

.ist_btn_sp {
    background: transparent;
    border: 1px solid #373A36;
    padding: 8px 24px;
    border-radius: 100px;
    color: #373A36;
    font-weight: 500;
    transition: all 400ms ease-in-out;
    width: fit-content;
}

.ist_btn_sp:hover {
    color: #fff;
    background: #373A36;
}

/*Vista de accesos rapidos*/
.ist_quick_access {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.ist_quick_access .item_card {
    background: #fff;
    border-radius: 10px;
    padding: 28px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 2%);
}
.ist_quick_access .item_card.w-300{
    width: 340px;
}
.ist_quick_access .item_card.w-400{
    width: 390px;
}
.ist_quick_access .item_card .ist_cont_title {
    display: grid;
    justify-content: center;
    place-items: center;
    margin: 10px 0 40px;
    gap: 14px;
}
.ist_quick_access .item_card .ist_cont_title h6 {
    font-weight: 600;
    color: #373A36;
    margin: 0;
}
.ist_quick_access .item_card .ist_cont_title .ist_icon_qa {
    width: 42px;
    height: 42px;
    border-radius: 100px;
    display: grid;
    place-items: center;
}
.ist_quick_access .item_card .ist_cont_title .ist_icon_qa span {
    font-size: 26px;
}
.ist_quick_access .item_card .ist_select_qa_two{
    display: grid;
    grid-template-columns: repeat(auto-fit , minmax(min(100%, 6rem), 1fr));
    gap: 10px;
}
.ist_quick_access .item_card .item_sl_qa {
    display: grid;
    place-items: center;
    width: 100%;
    border-radius: 6px;
    border: 1.5px solid #f0f0f0;
    overflow: hidden;
    padding: 10px 0;
    gap: 6px;
    transition: all 400ms ease-in-out;
}
.ist_quick_access .item_card .item_sl_qa h6 {
    margin: 0px;
    font-size: 11px;
}
.ist_quick_access .item_card .item_sl_qa svg {
    stroke: #000000;
}
.redirection_finance {
    position: relative;
    border: 1px solid transparent;
    transition: all 400ms ease-in-out;
}
.redirection_finance.item_card .ist_cont_title {
    margin: 40px 0 20px;
    gap: 20px;
}
.redirection_finance.item_card .ist_cont_title .ist_icon_qa {
    width: 60px;
    height: 60px;
}
.redirection_finance.item_card .ist_cont_title .ist_icon_qa span {
    font-size: 30px;
}
.redirection_finance.item_card .ist_cont_title h6 {
    font-size: 16px;
}
.ist_redirection_finance {
    position: absolute;
    top: 10px;
    right: 0px;
    display: flex;
    align-items: center;
    color: #818181;
    justify-content: center;
    gap: 10px;
}
.ist_redirection_finance .text-decoration-underline {
    font-size: 12px;
}
/*hover gray*/
.hv_gray .item_sl_qa:hover {
    background: rgb(55 58 54 / 6%);
    border: 1.5px solid #373A36;
}
.hv_gray .item_sl_qa:hover h6 {
    color: #373A36;
}
.hv_gray .item_sl_qa:hover svg path {
    stroke: #373A36;
}
.ist_cl_gray {
    color: #373A36;
    background: #f0f0f0;
}
.hv_fill_gray .item_sl_qa:hover svg path {
    fill: #373A36;
}
.h_gray.redirection_finance:hover {
    background: #f0f0f0;
    border: 1px solid #373A36;
}
/*hover high green*/
.hv_hgreen .item_sl_qa:hover {
    background: rgb(18 73 34 / 6%);
    border: 1.5px solid #124922;
}
.hv_hgreen .item_sl_qa:hover h6 {
    color: #124922;
}
.hv_hgreen .item_sl_qa:hover svg path {
    stroke: #124922;
}
.ist_cl_hgreen {
    background: #D4E3BE;
    color: #124922;
}
.hv_fill_hgreen .item_sl_qa:hover svg path {
    fill: #124922;
}
.h_green_dark.redirection_finance:hover  {
    background: #D4E3BE;
    border: 1px solid #124922;
}
/*hover green*/
.hv_green .item_sl_qa:hover {
    border: 1.5px solid #61A730;
    background: rgb(97 167 48 / 6%);
}
.hv_green .item_sl_qa:hover h6 {
    color: #61A730;
}
.hv_green .item_sl_qa:hover svg path {
    stroke: #61A730;
}
.ist_cl_green {
    background: rgb(97 167 48 / 10%);
    color: #61A730;
}
.hv_fill_green .item_sl_qa:hover svg path {
    fill: #61A730;
}
.h_green.redirection_finance:hover  {
    background: rgb(97 167 48 / 10%);
    border: 1px solid #61A730;
}
/*Widgets card projects*/

.ist_quick_project .item_project {
    background: #fff;
    border-radius: 10px;
    padding: 20px 20px 30px 20px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 2%);
}
.ist_quick_project {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 22rem));
    gap: 30px;
}
.ist_quick_project .item_project>h4 {
    font-weight: 600;
    color: #373A36;
    margin-top: 0;
}
.ist_quick_project .item_project .ist_cont_pj {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 194px;
    border-radius: 10px;
}
.ist_quick_project .item_project .ist_cont_pj img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.ist_quick_project .item_project .ist_select_project {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 6rem), 1fr));
    gap: 10px;
}
.ist_quick_project .item_project .item_sl_pj {
    display: grid;
    place-items: center;
    width: 100%;
    border-radius: 6px;
    border: 1.5px solid #f0f0f0;
    overflow: hidden;
    padding: 10px 0;
    gap: 6px;
    transition: all 400ms ease-in-out;
}
.ist_quick_project .item_project .item_sl_pj svg path{
    stroke: #124922;
}
.ist_quick_project .item_project .item_sl_pj h6 {
    margin: 0px;
    font-size: 10px;
    color: #373A36;
}
.hv_green .item_sl_pj:hover {
    border: 1.5px solid #61A730;
    background: rgb(97 167 48 / 6%);
}
.hv_green .item_sl_pj:hover svg path {
    stroke: #61A730;
}
.hv_fill_green .item_sl_pj:hover svg path {
    fill: #61A730;
}

@media (max-width:1366px) {
    .ist_quick_access .item_card.w-300 {
        width: 330px;
    }
}

/*levantamiento y agendado vista garantias*/
.st_levto .ist_circle {
    background:  #dab91b;
}
.st_levto p {
    color: #dab91b;
}
.st_agend .ist_circle {
    background: #36896D;
}
.st_agend p {
    color: #36896D;
}


/*Bussines intelligent*/
.ist_indicator_buss {
    background: #ffffff;
    padding: 20px;
    border-radius: 14px 10px 0px 0px;
}
.ist_indicator_buss .ist_tag_indi h5 {
    color: #373A36;
    margin-top: 0;
    font-weight: 400;
    position: relative;
    font-size: 15px;
    margin-bottom: 24px;
}
.ist_indicator_buss .ist_tag_indi h5::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 60px;
    height: 3px;
    background: #61A70D;
}
.ist_indicator_buss .ist_tag_indi h4 {
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
}
.ist_indicator_buss .ist_cnt_indicator {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    border-bottom: 1px solid rgb(55 58 54 / 20%);
}
.ist_indicator_buss .ist_cnt_indicator > h4 {
    font-weight: 600;
    color: #373A36;
    font-size: 20px;
}
.ist_cnt_indicator .ist_bi_img {
    width: auto;
    max-width: 160px;
    height: 60px;
}
.ist_indicator_buss .ist_cont_bi label,
.ist_cont_bi label {
    font-weight: 500;
    color: #373A36;
    opacity: 0.75;
    font-size: 11px;
}
.ist_indicator_buss .ist_cont_dates {
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
}
.ist_indicator_buss .ist_cont_bi,
.ist_cont_bi {
    display: grid;
    grid-template-columns: 0.95fr 0.95fr 0.95fr auto;
    align-items: end;
    gap: 12px;
}

.ist_indicator_buss .input-group-text,
.ist_item_bi .input-group-text {
    border-radius: 6px 0px 0px 6px;
    padding: 0.45rem 0.75rem;
}
.ist_indicator_buss .form-select,
.ist_indicator_buss .form-control,
.ist_item_bi .form-select,
.ist_item_bi .form-control {
    border-radius: 0px 6px 6px 0px;
    font-size: 12px;
    font-weight: 600;
}
.ist_indicator_buss .input-group-text span,
.ist_item_bi .input-group-text span {
    font-size: 18px;
}
.ist_cont_dates .ist_comparate {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-shrink: 0;
}
.ist_cont_dates .ist_comparate .ist_period_num {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000;
}
.ist_cont_dates .ist_comparate .ist_period_num>span {
    font-weight: 600;
}

.ist_btn_bussines {
    padding: 10px 22px;
    border: none;
    border-radius: 100px;
    color: #fff;
    transition: all 400ms ease-in-out;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    background: #124922;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ist_btn_bussines span {
    font-size: 18px;
}

/*graficas de bussines intelligence*/
.ist_main_graphics .ist_label_graphics {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #343a40;
}

.ist_main_graphics .ist_label_graphics::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 60px;
    height: 3px;
    background: #61A70D;
}

.ist_main_graphics .ist_boxing_sales {
    margin-bottom: 30px;
}

.ist_grid_graficas {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

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

.xlms_item .ist_wrp_head {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.isotope-container {
    width: 100%;
    display: block;  /* ❌ No usar flex */
    position: relative;  /* Necesario para que Isotope funcione */
    box-sizing: border-box;
}

.ist_flex_graficas {
    width: 100% !important;
    /* Elimina el flex en el contenedor */
    display: block;  /* Usa display: block en lugar de flex */
    gap: 10px;
    margin-top: 10px;
}

.ist_flex_graficas.--start-charts {
    justify-content: start;
}
.--after-sale .ist_flex_graficas {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100% !important;
    height: 100%;
    margin-top: 10px;
}
.ist_flex_graficas .ist_item_flex.sm_item {
    flex: 0 0 calc(25% - 15px);
}
.ist_flex_graficas .ist_item_flex.md_item {
    flex: 0 0 calc(33.333% - 14px);
}
.ist_flex_graficas .ist_item_flex.lg_item {
    flex: 0 0 calc(50% - 10px);
}
.ist_flex_graficas .ist_item_flex.xl_item {
    flex: 0 0 100%;
}
.ist_grid_graficas .ist_item_grid,
.ist_flex_graficas .ist_item_flex {
    background: #fff;
    padding: 30px;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 2%);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    margin-bottom: 15px;
    gap: 15px;
}

.ist_grid_graficas .ist_item_grid .ist_header_one,
.ist_flex_graficas .ist_flex_grid .ist_header_one {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}
.ist_header_one .ist_icon_gf {
    width: 40px;
    height: 40px;
    background: rgb(18 73 34 / 10%);
    display: grid;
    place-items: center;
    border-radius: 100px;
    color: #124922;
    cursor: pointer;
}
.ist_grid_graficas .ist_item_grid .ist_header_one .ist_lf {
    color: #373A36;
    font-size: 13px;
}

.ist_grid_graficas .ist_item_grid .ist_header_one .ist_lf h4 {
    font-weight: 600;
    margin: 5px 0px 10px;
    position: relative;
    font-size: 17px;
}
.ist_grid_graficas .ist_item_grid .ist_header_one .ist_lf h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    background: #61A70D;
    width: 40px;
    height: 3px;
}
.ist_header_one .ist_icon_gf span {
    font-weight: 300;
}

.hv_ge_map .aw-ge:hover svg path {
    fill: #61A730;
}
.hv_ge_map .aw-ca:hover svg line,
.hv_ge_map .aw-ca:hover svg rect {
    color: #61A730;
}

.xlms_mp_responsive .etapa_models .ist_list_models_lotes {
    gap: 16px;
    flex-wrap: wrap;
}

/*style bussines intelligence*/
.ist_indicator_buss .ist_cont_bi.ist_dash,
.ist_cont_bi.ist_dash {
    display: flex;
}

.ist_grid_graficas .ist_item_grid .ist_header_one .ist_tag_kuxal_gf {
    background: #8C1714;
    color: #fff;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    line-height: normal;
    display: block;
    height: fit-content;
    text-transform: capitalize;
}
.ist_grid_graficas .ist_item_grid .ist_header_one .ist_tag_kante_gf {
    background: #009A79;
    color: #fff;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    line-height: normal;
    display: block;
    height: fit-content;
    text-transform: capitalize;
}
.ist_indicator_buss .ist_cont_bi.ist_g5,
.ist_cont_bi.ist_g5 {
    grid-template-columns: 0.90fr 1fr 0.9fr 0.9fr auto;
}
.ist_date_gp {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    flex-shrink: 0;
}
.ist_date_gp .ist_icon {
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background: #F0F0F0;
    display: grid;
    color: rgb(55 58 54 / 90%);
    place-items: center;
}
.ist_date_gp .ist_icon span {
    font-size: 22px;
}
.ist_date_gp .ist_text_gp h6 {
    margin: 0;
    color: #61A730;
    font-weight: 600;
    font-size: 14px;
}
.ist_date_gp .ist_text_gp span {
    color: #373A36;
    font-size: 12px;
}
.ist_porcent {
    display: flex;
    align-items: flex-end;
    color: #62a72f;
    font-weight: 500;
    font-size: 12px;
    margin-top: 16px;
}
.ist_porcent span {
    font-size: 20px;
}
.ist_date_gp.ot_cl .ist_text_gp h6 {
    color: #373A36;
}

.ist_select_gp .input-group-text {
    border-radius: 6px 0px 0px 6px;
    padding: 0.45rem 0.75rem;
}
.ist_select_gp .form-select {
    border-radius: 0px 6px 6px 0px;
    font-size: 12px;
    font-weight: 600;
}
.ist_select_gp .input-group-text span {
    font-size: 18px;
}
.ist_grid_graficas .ist_item_grid.ist_last_one_grid {
    grid-column: 1 / 3;
}
.ist_grid_graficas .ist_item_grid.ist_last_one_grid .cont_grid {
    grid-template-columns: 50% 50%;
    display: grid;
    gap: 00px;
    margin-top: 20px;
}
.ist_grid_graficas .ist_item_grid.ist_last_one_grid .line_title{
    text-align: center;
    font-weight: 600;
    color: #373A36;
    padding: 10px 10px 30px 10px;
    border-bottom: 1px solid rgb(55 58 54 / 20%);
    margin: 0;
}
.ist_grid_graficas .ist_item_grid.ist_last_one_grid .cont_grid .left_grid {
    padding-left: 40px;
    padding-right: 60px;
    border-right: 1px solid rgb(55 58 54 / 20%);
}
.ist_grid_graficas .ist_item_grid.ist_last_one_grid .cont_grid .right_grid {
    padding-left: 60px;
    padding-right: 40px;
}
/*graficas de comunicación venta*/
.ist_grid_comunication {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 5rem 2.4rem 1rem 1rem 2.4rem 2.4rem 1rem 1rem 2.4rem;
    gap: 5px;
}
.ist_grid_comunication .item_cm {
    padding: 6px;
    border-radius: 6px;
    background: #215968;
    display: grid;
    place-items: center;
    text-align: center;
    line-height: normal;
}
.ist_grid_comunication .item_cm:nth-child(1),
.ist_grid_comunication .item_cm:nth-child(2),
.ist_grid_comunication .item_cm:nth-child(3),
.ist_grid_comunication .item_cm:nth-child(4),
.ist_grid_comunication .item_cm:nth-child(5) {
    background: #9ABB59;
    font-weight: 600;
    color: #000000;
    font-size: 10px;
}

.ist_grid_comunication .item_cm .ist_date span {
    color: #fff;
    font-weight: 500;
}
.ist_grid_comunication .item_cm .ist_date h6 {
    margin: 0;
    color: #fff;
    font-weight: 300;
    margin-bottom: 6px;
}
.ist_grid_comunication .item_cm,
.ist_grid_comunication .item_cm .ist_date h6 {
    font-size: 11px;
}
.ist_grid_comunication .item_cm:nth-child(6) {
    grid-row: 2 / 10;
}
.ist_grid_comunication .item_cm:nth-child(7) {
    grid-row: 2 / 6;
}
.ist_grid_comunication .item_cm:nth-child(8) {
    grid-row: 6 / 10;
    grid-column: 2 / 3;
}
.ist_grid_comunication .item_cm:nth-child(9) {
    grid-row: 2 / 4;
    grid-column: 3 / 4;
}
.ist_grid_comunication .item_cm:nth-child(10) {
    grid-row: 4 / 6;
    grid-column: 3 / 4;
}
.ist_grid_comunication .item_cm:nth-child(11) {
    grid-column: 3 / 4;
    grid-row: 6 / 8;
}
.ist_grid_comunication .item_cm:nth-child(12) {
    grid-column: 3 / 4;
    grid-row: 8 / 10;
}
.ist_grid_comunication .item_cm:nth-child(14) {
    grid-column: 4 / 5;
    grid-row: 3 / 5;
}
.ist_grid_comunication .item_cm:nth-child(15) {
    grid-column: 4 / 5;
}
.ist_grid_comunication .item_cm:nth-child(16) {
    grid-column: 4 / 5;
}
.ist_grid_comunication .item_cm:nth-child(17) {
    grid-column: 4 / 5;
    grid-row: 7 / 9;
}
.ist_grid_comunication .item_cm:nth-child(18) {
    grid-column: 4 / 5;
}
.ist_grid_comunication .item_cm:nth-child(19) {
    grid-row: 2 / 3;
    grid-column: 5 / 6;
}
.ist_grid_comunication .item_cm:nth-child(20) {
    grid-row: 3 / 5;
    grid-column: 5 / 6;
}
.ist_grid_comunication .item_cm:nth-child(21) {
    grid-row: 5 / 6;
    grid-column: 5 / 6;
}
.ist_grid_comunication .item_cm:nth-child(22) {
    grid-row: 6 / 7;
    grid-column: 5 / 6;
}
.ist_grid_comunication .item_cm:nth-child(23) {
    grid-row: 7 / 9;
    grid-column: 5 / 6;
}
.ist_grid_comunication .item_cm:nth-child(24) {
    grid-row: 9 / 10;
    grid-column: 5 / 6;
}

.ist_grid_comunication .item_cm:nth-child(13) .ist_date h6,
.ist_grid_comunication .item_cm:nth-child(14) .ist_date h6,
.ist_grid_comunication .item_cm:nth-child(15) .ist_date h6,
.ist_grid_comunication .item_cm:nth-child(16) .ist_date h6,
.ist_grid_comunication .item_cm:nth-child(17) .ist_date h6,
.ist_grid_comunication .item_cm:nth-child(18) .ist_date h6 {
    margin-bottom: 0px;
}

.ist_graphic_funnel > svg {
    width: 100%;
}

/*Permisos, Tramites y Estudios*/
.ist_cnt_indicator .ist_pte_img {
    width: 160px;
}
.ist_indicator_buss .ist_bi_ot {
    padding-bottom: 0px;
    border-bottom: unset;
}
.ist_table_bi .ist_list_etapa .ist_card_item {
    background: #ffffff;
    border: 1px solid rgb(55 58 54 / 14%);
}
.green_gp {
    color: #124922 !important;
}
.red_gp {
    color: #BA6145 !important;
}
.blue_gp {
    color: #008FFB !important;
}
.olive_gp {
    color: #215968 !important;
}
.ist_indicator_buss .ist_tag_indi h5 span {
    font-weight: 500;
}
.ist_nav_bi {
    padding-top: 22px;
}
.ist_nav_bi .nav {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #F0F0F0;
    padding: 10px;
    border-radius: 100px;
    border: 1px solid #E2E7F1;
}

.ist_nav_bi .nav-link {
    background: transparent;
    color: #373A36;
    font-weight: 600;
    border-radius: 100px;
    border: unset;
    transition: all 400ms ease-in-out;
}
.ist_nav_bi .nav-link.active {
    background: #fff;
}

.ist_sect_studio .item_studio:nth-child(1) {
    border-radius: 26px 26px 10px 10px;
    margin-bottom: 10px;
    padding: 20px 30px;
}
.ist_sect_studio .item_studio:nth-child(1) span {
    font-weight: 600;
}
.ist_sect_studio .item_studio:nth-child(1) span:nth-child(3) {
    text-align: center;
}
.ist_sect_studio .item_studio {
    border: 1px solid rgb(55 58 54 / 14%);
    display: grid;
    align-items: center;
    border-radius: 10px;
    padding: 14px 30px;
    grid-template-columns: auto 12% 12%;
    background: #fff;
    margin-bottom: 6px;
}
.ist_sect_studio .item_studio p {
    margin: 0;
    text-transform: uppercase;
}
.ist_sect_studio .item_studio .tb_view_link {
    text-align: center;
    display: block;
    line-height: normal;
    transition: all 400ms ease-in-out;
    color: #61A730;
}
.ist_sect_studio .item_studio .tb_carry_state {
    background: rgb(201 22 50 / 20%);
    color: #C91632;
    border-radius: 4px;
    font-weight: 600;
    padding: 6px 14px;
    font-size: 12px;
    overflow: hidden;
    width: fit-content;
}
.ist_sect_studio .item_studio .tb_carry_state.off {
    background: rgb(201 22 50 / 20%);
    color: #C91632;
}
.ist_sect_studio .item_studio .tb_carry_state.on {
    background: rgb(56 58 54 / 20%);
    color: #383a36;
}


/*estilo de icono en el dash izquierdo*/
.flex_gi li a {
    display: flex;
    gap: 10px;
}
.flex_gi li a span {
    font-size: 20px;
    font-weight: 300;
}
.flex_gi li a p {
    margin: 0;
}

/* New table egress */
.ist_section_table {
    position: relative;
    background-color: var(--ist-white);
    margin: 15px -15px 0;
}
.ist_section_table .ist_content_tables {
    overflow: scroll;
    padding: 30px;
}

.ist_table_initvalues {
    position: sticky;
    left: 0px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(55, 58, 54, 0.2);
}
.ist_table_initvalues .table_initvalues_row {
    display: flex;
    gap: 30px;
}
.ist_table_initvalues .table_initvalues_item {
    display: flex;
    border-bottom: 1px solid #373A36;
}
.ist_table_initvalues .table_initvalues_item:last-child {
    border-bottom: none;
}
.ist_table_initvalues .table_initvalues_item>* {
    display: block;
    width: auto;
    min-width: 200px;
}
.table_initvalues_item .table_label {
    font-weight: 700;
    padding: 6px;
    padding-right: 12px;
    background-color: #F2F2F2;
}
.table_initvalues_item .table_value {
    overflow: hidden;
    padding: 6px;
    padding-left: 30px;
    word-break: normal;
}
.table_initvalues_item .table_value>* {
    font-size: 12px;
    font-weight: 500;
    color: #373A36;
}
.table_initvalues_item .table_value .value_icon {
    float: inline-start;
}
.table_initvalues_item .table_value .value_data {
    float: inline-end;
}

.ist_table {
    min-width: max-content;
    width: 100%;
    height: auto;
    border-collapse: collapse;
    border-spacing: 0;
    text-transform: capitalize;
    border-bottom: 2px solid rgba(55, 58, 54, 0.8);
    margin-bottom: 60px;
}
.ist_table:last-child {
    margin-bottom: 0px;
}
.ist_table tr th:first-child,
.ist_table tr td:first-child {
    width: 200px;
}
.ist_table th,
.ist_table td {
    overflow: hidden;
    padding: 4px 6px;
    word-break: normal;
}
.ist_table tbody .table_year_general .table_year,
.ist_table tbody .table_year_general .table_general{
    font-weight: 600;
    color: #000000;
    text-align: right;
    border-bottom: 1px solid rgb(55 58 54 / 16%);
    background-color:#f2f2f2 !important;
}
.ist_table tbody .table_year_general td:nth-child(2),
._border-right {
    text-align: center;
    padding-right: 15px;
    border-right: 10px solid transparent;
}
.table_generals {
    text-align: center !important;
}
.ist_table .table_month,
.ist_table .table_generals {
    font-weight: 700;
    background-color: rgb(55 58 54 / 15%);
    border-color: inherit;
    text-align: right;
    vertical-align: top;
    min-width: 106px;
    width: auto;
}
.ist_table .table_expanded {
    border-color:inherit;
    vertical-align:top;
}
.ist_table .table_naming_tab {
    font-weight: 700;
    color: #000000;
    background-color: #e9e9e9;
    border-bottom: 1px solid rgb(55 58 54 / 16%);
    vertical-align: top;
    text-align: right;
}
.ist_table .table_heading .--tb-border {
    border-top: 2px solid rgb(0 0 0 / 10%);
    border-bottom: 2px solid rgb(0 0 0 / 10%);
}
.ist_table .total_init_value {
    font-size: 12px;
    font-weight: 700;
    color: #008E5B;
}
.ist_table .table_totals>td {
    font-size: 12px;
    font-weight: 700;
    color: #383a36;
}
.ist_table .table_data_strong>td.strong_init_value,
.ist_table .table_data_strong>td {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
}
.ist_table .table_data_regular>td {
    font-size: 12px;
    font-weight: 500;
    color: #373A36;
}
.ist_table .table_data_regular>td._negative,
.ist_table .table_totals>td._negative,
.ist_table .table_data_strong>td._negative,
.ist_table .table_data_regular>td._pending,
.ist_table .table_totals>td._pending,
.ist_table .table_data_strong>td._pending {
    color: #d62020;
}
.ist_table .table_data_regular>td._positive,
.ist_table .table_totals>td._positive,
.ist_table .table_data_strong>td._positive {
    color: #3a7d22;
}
.ist_table._first-table .table_data_regular>td.regular_init_value {
    padding-left: 16px;
}
.ist_table .table_expand_name .expand_strong {
    font-size: 12px;
    font-weight: 700;
}
.ist_table .table_data_regular>td:nth-child(14),
.ist_table .table_data_regular>td:nth-child(16) {
    font-weight: 700;
}
.ist_table .table_data_regular>td .value_icon,
.ist_table .table_data_strong>td .value_icon,
.ist_table .table_totals>td .value_icon {
    float: inline-start;
}
.ist_table .table_data_regular>td .value_data,
.ist_table .table_data_strong>td .value_data,
.ist_table .table_totals>td .value_data {
    float: inline-end;
}
.ist_table tbody tr td:nth-child(odd) {
    background-color: #f2f2f2;
    border-color: inherit;
    vertical-align: center;
}
.ist_table tbody tr td:nth-child(13),
.--months .ist_table tbody tr td:nth-child(13),
.--weeks .ist_table tbody tr td:nth-last-child(3) {
    border-right: 10px solid transparent;
}
.ist_table tbody .table_month_generals:nth-child(2),
.ist_table .table_month_generals {
    border-bottom: 1px solid #373A36;
}
.ist_table .table_month:nth-child(odd),
.ist_table .table_generals:nth-child(odd) {
    background: #d8d8d8;
}
.ist_table tbody tr:last-child,
.ist_table .table_totals {
    border-top: 1px solid rgba(55, 58, 54, 0.8);
    border-bottom: 1px solid rgba(55, 58, 54, 0.8);
}
.ist_table tbody .table_totals.--border-top,
.ist_table tbody .table_totals.--border-bottom {
    border-top: unset;
    border-bottom: unset;
}
.ist_table tbody .table_totals.--border-top>td {
    border-top: 1px solid rgba(55, 58, 54, 0.8);
}
.ist_table tbody .table_totals.--border-bottom>td {
    border-bottom: 1px solid rgba(55, 58, 54, 0.8);
}
.ist_table tbody .table_totals.--border-top>td:nth-child(1),
.ist_table tbody .table_totals.--border-top>td:nth-child(2) {
    border-top: 1px solid transparent;
}
.ist_table tbody .table_totals.--border-bottom>td:nth-child(1),
.ist_table tbody .table_totals.--border-bottom>td:nth-child(2),
.ist_table tbody .table_totals.--border-bottom>td:nth-child(3) {
    border-bottom: 2px solid transparent;
}
.ist_table .expanded-h30 {
    height: 30px;
}
.ist_table .expanded-h20 {
    height: 20px;
}
.ist_table .expanded-h10 {
    height: 10px;
}
.regular_init_value.--right-expanded {
    padding-left: 30px;
}
.ist_table_filter {
    position: sticky;
    left: 0px;
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid rgba(55, 58, 54, 0.2);
}

/* Administrative Report Finance */
.--report-table-finance.ist_table tr td:first-child {
    width: 220px;
    /* width: fit-content; */
    max-width: 300px;
}
.--report-table-finance.ist_table tbody tr td:nth-child(3) {
    width: fit-content;
    max-width: 260px;
}
.--report-table-finance.ist_table tbody .table_year_general .table_year,
.--report-table-finance.ist_table tbody td:nth-child(8),
.--report-table-finance.ist_table tbody td:nth-child(13),
.--report-table-finance.ist_table tbody td:nth-child(18),
.--report-table-finance.ist_table tbody td:nth-child(23) {
    border-right: 10px solid transparent;
}
.--report-table-finance.ist_table tbody .table_year_general td:nth-child(2),
.--report-company-finance.ist_table tbody .table_year_general td:nth-child(2),
.--report-company-finance.ist_table tbody .table_year_general td:last-child {
    text-align: unset;
    padding-right: 0;
    border-right: unset;
}
.--report-table-finance.ist_table tbody .table_year_general td:nth-child(8) {
    border-right: unset;
}
.--report-table-finance.ist_table tbody td:nth-child(2) {
    background-color: unset;
}
/* .--report-company-finance.ist_table tbody tr td:nth-child(odd) {
    background-color: unset;
}
.--report-company-finance.ist_table tbody tr td:nth-child(odd) {
    background-color: #f2f2f2;
} */
.--report-company-finance.ist_table tbody .table_year_general .table_year,
.--report-company-finance.ist_table tbody td:nth-child(9),
.--report-company-finance.ist_table tbody td:nth-child(14),
.--report-company-finance.ist_table tbody td:nth-child(19),
.--report-company-finance.ist_table tbody td:nth-child(24) {
    border-right: 10px solid transparent;
}

.--report-company-finance.ist_table tbody tr td:nth-child(1),
.--report-company-finance.ist_table tbody tr td:nth-child(2),
.--report-company-finance.ist_table tbody tr td:nth-child(3),
.--report-company-finance.ist_table tbody tr td:nth-child(4) {
    background-color: transparent !important;
    width: 200px;
}

/* modal */
#reportModal .modal-content {
    border-radius: 20px;
}
#reportModal .modal-header {
    padding: 20px 30px;
    border-bottom: 1px solid rgb(55 58 54 / 20%);
}
#reportModal .modal-title {
    font-size: 26px;
    font-weight: 600;
    color: var(--ist-gray-dark);
    text-transform: capitalize;
    margin-bottom: 0;
}
#reportModal .modal-body {
    padding: 0;
}
#reportModal .modal-body .row {
    padding: 10px 30px 30px;
}
#reportModal .modal-body form h5 {
    font-size: 16px;
    font-weight: 700;
    color: var(--ist-black);
    text-transform: capitalize;
    margin: 20px 0;
}
#reportModal .modal-body form h6 {
    font-size: 14px;
    font-weight: 600;
    color: var(--ist-gray-dark);
    padding-bottom: 10px;
    text-transform: capitalize;
}
#reportModal .modal-body form .form-check {
    margin-bottom: 10px;
    padding-left: 40px;
}
.modal-body form .form-check .form-check-label {
    color: var(--ist-gray-dark);
    font-weight: 400;
    position: relative;
    font-size: 14px;
    margin: 0;
}
#reportModal .ist_footer_form_modal {
    position: sticky;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 30px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    border-top: 1px solid rgb(55 58 54 / 20%);
    background-color: var(--ist-white);
    box-shadow: 0 0 10px 0 #0000000d;
}
.btn-cancel {
    border: 1px solid rgb(55 58 54 / 20%);
    color: var(--ist-gray-dark);
}

@media print {
    .ist_budget_table .budget_content {
        transform: scale(.85);
    }
}

.ist_survey_client .ist_gen_coti {
    margin-top: 40px;
}
.content-text-survey{
    padding: 30px 120px;
}

.survey_client_form {
    padding: 60px;
}

#saveSurveySales.survey_client_form {
    padding: 0 60px 60px;
}
.ist_submit {
    cursor: pointer;
    padding: 12px 50px;
}

@media (max-width: 1400px) {
    .survey_client_form .form-label {
        height: 42px;
        display: flex;
        align-items: center;
    }
}
@media (max-width: 991px) {
    .survey_client_form {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .survey_client_form .form-label {
        height: auto;
        display: inline-block;
    }
}
@media (max-width: 575px) {
    .ist_survey_client .ist_gen_coti .ist_header_title h2 {
        font-size: 20px;
        line-height: 1.4;
        text-align: center;
    }
    .ist_survey_client .ist_gen_coti {
        margin-top: 0;
    }
    /* * Encuesta * */
    .ist_survey_client .ist_gen_coti .ist_header_title h2 {
        font-size: 14px;
        font-weight: 700;
    }
    .ist_gen_coti .ist_header_title {
        padding: 12px 40px;
        background: #f0f0f0;
        border-bottom: 1px solid rgb(55 58 54 / 6%);
    }
    .survey_client_form {
        padding: 25px 15px 30px 15px;
    }
    .survey_client_form .form-label {
        font-size: 14px;
        font-weight: 600;
    }

    .survey_client_form .input-group .form-select{
        color: rgb(55 58 54 / 60%);
        border: 1px solid rgb(55 58 54 / 30%);
    }
    .input-group-text {
        padding: 9px 10px;
        border: 1px solid rgb(55 58 54 / 30%);
        background:rgb(55 58 54 / 6%);
    }
    .input-group-text > span  {
        font-size: 22px;
    }
    .btn_coti_pay {
        width: 100%;
    }
}

/* responsive after sales - mp */
.xlms_mp_responsive {
    background: #fff;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 2%);
    overflow: hidden;
    border-radius: 14px;
    margin-top: 0 !important;
    min-height: 395px;
}
.xlms_mp_responsive .card {
    margin-bottom: 0;
    border: none;
}
.xlms_mp_responsive .card-body.pb-5 {
    padding: 0!important;
}
.xlms_mp_responsive .card,
.xlms_mp_responsive .ist_content_masterplan,
.xlms_mp_responsive .mp_inital,
.xlms_mp_responsive .mp_inital .container-fluid,
.xlms_mp_responsive .ist_masterplan,
.xlms_mp_responsive .ist_masterplan {
    height: 100%;
}
.xlms_mp_responsive .ist_masterplan>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.xlms_mp_responsive .mp_inital .container-fluid,
.xlms_mp_responsive .ist_masterplan {
    padding: 0;
}
.xlms_mp_responsive .heading_mp_module .logo_project_module,
.xlms_mp_responsive .head_modules .actions_mp_module {
    display: none;
}
.xlms_mp_responsive .ist_wrp_masterplan_etapas.show_mp,
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e1 .ist_box_lotes,
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e2 .ist_box_lotes,
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e3 .ist_box_lotes,
.xlms_mp_responsive .kuxal_plane.ist_masterplan>div,
.xlms_mp_responsive .kaoba_plane.ist_masterplan>div,
.xlms_mp_responsive .ist_masterplan .etapa_status {
    position: unset;
}
.xlms_mp_responsive .ist_wrp_masterplan_etapas.show_mp {
    margin-bottom: 45px;
}
.xlms_mp_responsive .mp_inital {
    padding: 0px;
}
.xlms_item .ist_header_one {
    gap: 10px;
}
.xlms_item.--more-info-end .ist_header_one {
    align-items: end;
    margin-bottom: 10px;
}
.xlms_item .ist_header_one .ist_lf {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.xlms_item.--more-info-end .ist_header_one .ist_lf {
    flex-wrap: wrap;
    gap: 30px;
}
.xlms_item.--more-info-end .ist_date_gp {
    margin-bottom: 0;
}
.xlms_item .heading_mp_module .label_module .module_name,
.xlms_item .ist_header_one h4 {
    position: relative;
    font-weight: 600;
    font-size: 16px;
    color: var(--ist-gray-dark);
    padding-bottom: 6px;
    margin-top: 0;
    margin-bottom: 0;
}
.xlms_item .ist_header_one h4::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -5px;
    width: 32%;
    height: 3px;
    background: rgb(97, 167, 13);
}
.xlms_item .ist_header_one .input-group {
    flex-shrink: 0;
    max-width: 230px;
    min-width: 180px;
    width: 100%;
}
.xlms_item.--width-x2 .ist_header_one .input-group {
    max-width: 290px;
    min-width: 240px;
}
.xlms_item .--graphic {
    height: 100%;
}
.xlms_mp_responsive .mp_inital .ist_list_status_lotes {
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 4px;
}
.xlms_mp_responsive .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item {
    width: 140px;
}
.xlms_mp_responsive .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status {
    width: 20px;
    height: 20px;
}
.xlms_mp_responsive .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_label_status {
    font-size: 10px;
}
.xlms_mp_responsive .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-disponible,
.xlms_mp_responsive .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-bloqueado,
.xlms_mp_responsive .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-apartado,
.xlms_mp_responsive .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-promesa,
.xlms_mp_responsive .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-escriturado,
.xlms_mp_responsive .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-entregado {
    width: 24px;
    height: 24px;
    font-size: 10px;
}
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e2 .ist_box_etapa,
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e3 .ist_box_etapa,
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e1 .ist_box_etapa,
.xlms_mp_responsive .ist_masterplan.plane_sales .ist_wrp_masterplan {
    display: none;
}
.xlms_mp_responsive .kuxal_plane.ist_masterplan {
    height: 95%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.xlms_mp_responsive .kaoba_plane.ist_masterplan {
    padding: 0;
    height: auto;
    display: flex;
    gap: 15px;
    flex-direction: column;
    justify-content: space-between;
}
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e1 .ist_box_lotes,
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e2 .ist_box_lotes,
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e3 .ist_box_lotes {
    width: 100%;
}
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e2 .ist_box_lotes svg,
.xlms_mp_responsive .ist_masterplan.plane_sales #mp_e3 .ist_box_lotes svg {
    display: block;
    width: 100%;
    height: 224px;
    margin: 0 auto;
}
.xlms_mp_responsive #mp_e2 .etapa_models .ist_list_models_lotes,
.xlms_mp_responsive #mp_e3 .etapa_models .ist_list_models_lotes {
    margin-top: 15px;
}
.xlms_mp_responsive .ist_masterplan #mp_e2 .ist_list_models_lotes,
.xlms_mp_responsive .ist_masterplan #mp_e3 .ist_list_models_lotes {
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 12px;
}
.xlms_mp_responsive .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_label_model {
    line-height: unset;
    font-size: 6px;
}
.xlms_mp_responsive .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_naming_model {
    display: block;
    font-size: 12px;
}
.xlms_mp_responsive .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models {
    width: 20px;
    height: 20px;
}
.xlms_mp_responsive .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item {
    gap: 6px;
}
.xlms_mp_responsive .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item.ist_models_list {
    width: 44%;
    display: none; /*remover si se requiere*/
}
.xlms_mp_responsive .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item.ist_models_list .column_label_models {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}
.xlms_mp_responsive .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item.ist_models_list .ist_label_model {
    width: 110px;
}

/* Modal masterplan */
#modalMasterPlan .ist_masterplan.plane_sales #mp_e2 .ist_box_lotes {
    width: 50%;
}

/* general document */
.ist_modules_admin.ist_general_document {
    height: 100vh;
    overflow-y: auto;
    background-image: url('../images/new_bg_quest.webp');
}
.ist_general_document .modules_admin_head {
    padding: 10px 0;
    background: rgb(255 255 255 / 70%);
    backdrop-filter: saturate(100%) blur(15px);
}
.ist_general_document .admin_head_logo {
    width: 80px;
    margin-bottom: 0;
}
.ist_general_document .ist_survey_client {
    max-width: 510px;
    width: 100%;
    margin: 60px auto 0;
}
.ist_general_document #saveSurveySales.survey_client_form {
    padding: 0 18px 30px;
}
.ist_general_document .content-text-survey {
    padding: 30px 30px;
}
.ist_gen_coti .ist_header_title h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}
.ist_general_document .ist_survey_client .ist_gen_coti {
    margin-bottom: 30px;
}

/* totals all after sales */
.ist_main_graphics .ist_flex_graficas.--grid-totals-aftersale,
.ist_main_graphics .ist_flex_graficas.--grid-totals-earnings {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 5px;
    row-gap: 10px;
    box-sizing: border-box;
}
.ist_main_graphics .ist_flex_graficas.--grid-totals-aftersale .ist_item_flex.xlms_item,
.ist_main_graphics .ist_flex_graficas.--grid-totals-earnings .ist_item_flex.xlms_item  {
    width: calc(100% - 5px)!important;
    height: 100%;
    min-height: 460px;
    max-height: 500px;
    margin-bottom: 10px;
}
.ist_main_graphics .ist_flex_graficas.--grid-totals-aftersale .ist_item_flex.xlms_item.--width-x2,
.ist_main_graphics .ist_flex_graficas.--grid-totals-earnings .ist_item_flex.xlms_item.--width-x2 {
    grid-column: span 2;
}
.ist_main_graphics .ist_flex_graficas.--grid-totals-aftersale .ist_item_flex.xlms_item.--width-x3,
.ist_main_graphics .ist_flex_graficas.--grid-totals-earnings .ist_item_flex.xlms_item.--width-x3 {
    grid-column: span 3;
}
.ist_main_graphics .ist_flex_graficas.--grid-totals-aftersale .ist_item_flex.xlms_item.--height-x2 {
    grid-row: span 2;
}
#after_content .ist_header_one .ist_lf {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}
/* Order styles for modules - - - - -
- - - - - - - - - - - - - - - - - - -
    1.- Modules sales masterplan
    2.- Kuxal styles
    3.- Print master plan
- - - - - - - - - - - - - - - - - - -
- - - - - Order styles for modules */

.mp_inital {
    padding: 40px 28px;
}

/* ~ ~ ~ ~ ~ ~ ~ Modules sales masterplan ~ ~ ~ ~ ~ ~ ~ */
.heading_mp_module {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.heading_mp_module .label_module .module_name {
    position: relative;
    display: inline-block;
    font-size: 16px;
    padding-bottom: 10px;
}
.heading_mp_module .label_module .module_name::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 32%;
    height: 3px;
    background: #61A70D;
}
.heading_mp_module .label_module .module_name span {
    font-weight: 700;
}
.heading_mp_module .logo_project_module {
    width: 180px;
}
.heading_mp_module .logo_project_module>img {
    width: 100%;
    height: 100%;
}
.ist_masterplan.plane_sales .ist_box_etapa {
    top: 40px;
    bottom: unset;
    left: 0;
}
.ist_masterplan.plane_sales #mp_e2 .ist_box_etapa,
.ist_masterplan.plane_sales #mp_e3 .ist_box_etapa {
    width: 140px;
}
.ist_masterplan.plane_sales #masterplan_tiny_grap .map path {
    fill: rgba(44, 159, 128, 0.5);
    stroke: #2C9F81;
    stroke-width: 6px;
}
.ist_masterplan.plane_sales #masterplan_tiny_grap .map path#E2 {
    stroke-width: 3px;
}
.ist_masterplan.plane_sales #masterplan_tiny_grap .amenities {
    opacity: 0.3;
}
.ist_masterplan.plane_sales #masterplan_tiny_grap .amenities path,
.ist_masterplan.plane_sales #masterplan_tiny_grap .amenities #rotonda {
    fill: #177B61;
    stroke: none;
}
.ist_masterplan.plane_sales #masterplan_tiny_grap .streets {
    opacity: 0.2;
}
.ist_masterplan.plane_sales #masterplan_tiny_grap .streets path {
    fill: #3D8472;
    stroke: none;
}
/* masterplan general */
.ist_masterplan {
    position: relative;
}
.ist_masterplan.plane_sales .ist_box_lotes {
    bottom: 10px;
}
.ist_masterplan.plane_sales #mp_e2 .ist_box_lotes {
    width: 56%;
    bottom: 0;
    right: 150px;
}
.ist_masterplan.plane_sales #mp_e3 .ist_box_lotes {
    width: 65%;
    bottom: 0;
}
.ist_masterplan.plane_sales .ist_wrp_masterplan {
    margin-top: -130px;
}
.plane_sales #masterplan_vector {
    transition: all 350ms ease-in-out;
}
.plane_sales #masterplan_vector.hidden_mp {
    margin-top: -130px;
}
/* #masterplan_vector .ist_mp_etapas[data-id="1"], */
/* .ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="2"], */
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="3"],
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="4"],
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="5"],
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="6"],
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="7"],
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="8"] {
    filter: unset;
}
/* .ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="1"] #etapa-v */
/* .ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="2"] #etapa-v, */
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="3"] #etapa-v,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="4"] #etapa-v,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="5"] #etapa-v,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="6"] #etapa-v,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="7"] #etapa-v,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="8"] #etapa-v {
    fill: rgb(44 159 129 / 60%) !important;
    stroke:  rgb(44 159 129 / 100%) !important;
}
/* .ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="2"] line, */
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="3"] line,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="4"] line,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="4"] path,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="5"] line,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="5"] path,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="6"] line,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="7"] line,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="8"] line {
    stroke:  rgb(44 159 129 / 100%) !important;
}
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="1"] #etapa-v,
.ist_masterplan.plane_sales #masterplan_vector .ist_mp_etapas[data-id="2"] #etapa-v {
    fill: rgb(44 159 129 / 50%) !important;
    stroke:  rgb(44 159 129 / 100%) !important;
}
.ist_masterplan.plane_sales #estaciones .ist_view_season [data-name="vector_area"],
.ist_masterplan.plane_sales #rotonda {
    fill: #177B61;
}
.ist_masterplan.plane_sales .ist_mp_etapas [data-name="name_priv"] text,
.ist_masterplan.plane_sales .ist_mp_etapas #name_priv text,
.cls-28 {
    fill: #0B6850;
}
/* head modules */
.head_modules .actions_mp_module {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.head_modules .actions_mp_module .ist_return_mp {
    position: unset;
}
.head_modules .actions_mp_module .ist_return_mp .material-symbols-outlined {
    padding: 6px;
    border: solid 1px #373A36;
    border-radius: 100px;
}
.head_modules .actions_mp_module .ist_return_mp>span {
    font-size: 18px;
    font-weight: 500;
    color: #373A36;
}
.head_modules .actions_mp_module .actions_modules {
    display: flex;
    align-items: center;
    gap: 15px;
}
.head_modules .actions_mp_module .actions_modules .ist_action_priv {
    padding: 6px 18px;
    border: none;
    border-radius: 100px;
    color: var(--color-text-action);
    transition: all 400ms ease-in-out;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    background: var(--bg-color-action);
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 9;
}
.head_modules .actions_mp_module .actions_modules .ist_action_priv.hidden_mp {
    opacity: 0;
    visibility: hidden;
}
/* .etapa_status */
.etapa_status {
    position: absolute;
    bottom: 0;
    left: 0;
}
.etapa_status .ist_list_status_lotes {
    padding: 0;
    margin: 0;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item {
    display: flex;
    align-items: center;
    list-style: none;
    margin-bottom: 6px;
    justify-content: space-between;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .boxing_coltex {
    gap: 10px;
    display: flex;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item:last-child {
    margin-bottom: 0;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status {
    width: 26px;
    height: 26px;
    border-radius: 100%;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status.disponible {
    background-color: #FFFFFF;
    border: solid 0.5px #000000;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status.apartado {
    background-color: #F7B2A3;
    border: solid 0.5px transparent;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status.entregado {
    background-color: #BCD7A9;
    border: solid 0.5px transparent;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status.escriturado {
    background-color: #B6B8B7;
    border: solid 0.5px transparent;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status.bloqueado {
    background-color: #D94B5D;
    border: solid 0.5px transparent;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status.promesa {
    background-color: #e1a744;
    border: solid 0.5px transparent;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_label_status {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #3B8A77;
    text-transform: uppercase;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-disponible,
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-bloqueado,
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-apartado,
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-promesa,
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-escriturado,
.etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-entregado {
    width: 30px;
    height: 30px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3e4543b8;
    font-size: 12px;
    font-weight: 700;
}


/* etapa_models */
#mp_e2 .etapa_models, #mp_e3 .etapa_models {
    padding-left: 0;
}
.etapa_models .ist_list_models_lotes {
    gap: 30px;
    padding: 0;
    margin: 0;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
#mp_e2 .etapa_models .ist_list_models_lotes, #mp_e3 .etapa_models .ist_list_models_lotes {
    margin-top: 40px;
    align-items: end;
}
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item {
    gap: 10px;
    display: flex;
    align-items: center;
    list-style: none;
}
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item.ist_models_list {
    flex-shrink: 0;
}
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models {
    width: 26px;
    height: 26px;
    border-radius: 100%;
}
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.bosque,
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.manglar-fb {
    background-color: #1D9D81;
    border: solid 0.5px transparent;
}
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.pradera,
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.estepa {
    background-color: #B6DECD;
    outline: #378F7C dashed 2.6px;
}
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.tundra,
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.selva,
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.manglar-fa {
    background-color: #C1D55B;
    border: solid 0.5px transparent;
}
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.especial,
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.floresta {
    position: relative;
    background-color: #348970;
    border: solid 0.5px transparent;
}
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.especial::after,
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.floresta::after {
    content: '';
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('../images/shuffle.svg');
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_label_model {
    display: block;
    font-size: 10px;
    font-weight: 500;
    color: #3B8A77;
    text-transform: uppercase;
}
.etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_naming_model {
    font-size: 16px;
    font-weight: 800;
    color: #3B8A77;
    text-transform: uppercase;
    line-height: 1;
}

/* etapa 1 */
.priv_name {
    fill: #4B4B5A;
}
.access .indicator_access {
    fill: #B3D79D;
}
.access .access_label {
    fill: #2C9F81;
}
.streets_name text tspan {
    fill: #2C9F81;
}
#eucalipto .apples_num .MZA_1,
#eucalipto .apples_num .MZA_2,
#eucalipto .apples_num .MZA_3,
#jacaranda .apples_num .MZA_2,
#laurel .apples_num .MZA_1,
#laurel .apples_num .MZA_2,
#laurel .apples_num .MZA_3,
#laurel .apples_num .MZA_4,
#laurel .apples_num .MZA_6 {
    fill: #2C9F81;
}
#eucalipto .apples_num .MZA_4,
#eucalipto .apples_num .MZA_5,
#jacaranda .apples_num .MZA_1,
#jacaranda .apples_num .MZA_3,
#jacaranda .apples_num .MZA_4,
#laurel .apples_num .MZA_5 {
    fill: #FFFFFF;
}
.ist_box_lotes #kante_etapa_1 .street,
.ist_box_lotes #kante_etapa_2 .street {
    fill: #2C9F81;
}

/* lote styles */
.ist_masterplan.plane_sales .lotes {
    fill: #2C9F81;
    transition: fill 350ms ease-in-out;
}
.ist_masterplan.plane_sales .lotes>.vector, .ist_masterplan.roble_plane .lotes {
    fill: #ffffff;
}
.ist_masterplan.plane_sales .lotes>.value {
    pointer-events: none;
}
.ist_masterplan.plane_sales .lotes>.value .tipe tspan,
.ist_masterplan.plane_sales .lotes>.value .num tspan {
    fill: #ffffff;
}
.ist_masterplan.plane_sales .lotes>.value .fachada {
    fill: #2C9F81;
}
/* colors lotes */
.ist_masterplan.plane_sales .lotes.disponible>.vector, .ist_masterplan.roble_plane .lotes.disponible {
    fill: #ffffff;
    cursor: pointer;
}
.ist_masterplan.plane_sales .lotes.apartado>.vector, .ist_masterplan.roble_plane .lotes.apartado{
    fill: #F7B2A3;
    cursor: pointer;
}
.ist_masterplan.plane_sales .lotes.entregado>.vector, .ist_masterplan.roble_plane .lotes.entregado{
    fill: #BCD7A9;
    cursor: pointer;
}
.ist_masterplan.plane_sales .lotes.escriturado>.vector, .ist_masterplan.roble_plane .lotes.escriturado {
    fill: #B6B8B7;
    cursor: pointer;
}
.ist_masterplan.plane_sales .lotes.bloqueado>.vector, .ist_masterplan.roble_plane .lotes.bloqueado {
    fill: #D94B5D;
    cursor: pointer;
}
.ist_masterplan.plane_sales .lotes.promesa>.vector, .ist_masterplan.roble_plane .lotes.promesa {
    fill: #e1a744;
    cursor: pointer;
}
.ist_masterplan.plane_sales .lotes.disponible:hover>.vector, .ist_masterplan.roble_plane .lotes.disponible:hover,
.ist_masterplan.plane_sales .lotes.apartado:hover>.vector, .ist_masterplan.roble_plane .lotes.apartado:hover,
.ist_masterplan.plane_sales .lotes.entregado:hover>.vector, .ist_masterplan.roble_plane .lotes.entregado:hover,
.ist_masterplan.plane_sales .lotes.escriturado:hover>.vector, .ist_masterplan.roble_plane .lotes.escriturado:hover,
.ist_masterplan.plane_sales .lotes.bloqueado:hover>.vector, .ist_masterplan.roble_plane .lotes.bloqueado:hover,
.ist_masterplan.plane_sales .lotes.promesa:hover>.vector, .ist_masterplan.roble_plane .lotes.promesa:hover {
    fill: #ececec !important;
}
/* colors models */
.ist_masterplan.plane_sales .lotes.bosque .value .num>.vector,
.ist_masterplan.plane_sales .lotes.manglar-fb .value .num>.vector {
    fill: #1D9D81;
    stroke: solid 0.5px transparent;
}
.ist_masterplan.plane_sales .lotes.pradera .value .num>.vector,
.ist_masterplan.plane_sales .lotes.estepa .value .num>.vector {
    fill: #B6DECD;
    stroke: #378F7C;
    stroke-dasharray: 3, 3;
}
.ist_masterplan.plane_sales .lotes.pradera .value .num tspan,
.ist_masterplan.plane_sales .lotes.estepa .value .num tspan {
    fill: #378F7C;
}
.ist_masterplan.plane_sales .lotes.tundra .value .num>.vector,
.ist_masterplan.plane_sales .lotes.selva .value .num>.vector,
.ist_masterplan.plane_sales .lotes.manglar-fa .value .num>.vector {
    fill: #C1D55B;
    stroke: transparent;
}
.ist_masterplan.plane_sales .lotes.tundra .value .num tspan,
.ist_masterplan.plane_sales .lotes.selva .value .num tspan,
.ist_masterplan.plane_sales .lotes.manglar-fa .value .num tspan {
    fill: #378F7C;
}
.ist_masterplan.plane_sales .lotes.tundra .value .tipe,
.ist_masterplan.plane_sales .lotes.selva .value .tipe,
.ist_masterplan.plane_sales .lotes.manglar-fa .value .tipe,
.ist_masterplan.plane_sales .lotes.manglar-fb .value .tipe {
    display: none;
}
.ist_masterplan.plane_sales .lotes.especial .value .num>.vector,
.ist_masterplan.plane_sales .lotes.floresta .value .num>.vector {
    position: relative;
    fill: #348970;
    stroke: transparent;
}
.ist_masterplan.plane_sales .lotes.especial .value .tipe {
    display: none;
}

/* ~ ~ ~ ~ ~ ~ ~ Kuxal styles ~ ~ ~ ~ ~ ~ ~ */
.kuxal_plane.ist_masterplan {
    height: 480px;
}
.roble_plane.ist_masterplan {
    height: 60vh;
}
.kuxal_plane .etapa_status,
.roble_plane .etapa_status,
.kaoba_plane .etapa_status {
    bottom: unset;
    top: -36px;
}
.kuxal_plane .ist_wrp_masterplan_etapas .ist_box_lotes {
    width: 84%;
    right: 0;
}
.roble_plane .ist_wrp_masterplan_etapas {
    left: -5vw;
}
.roble_plane .ist_wrp_masterplan_etapas .ist_box_lotes {
    top: 0;
}
.kuxal_plane .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.amaite {
    background-color: #F2BB43;
    border: solid 0.5px transparent;
}

/* Kuxal lote styles */
.kuxal_plane.ist_masterplan.plane_sales .lotes {
    fill: #956920;
}
.kuxal_plane.ist_masterplan.plane_sales .lotes>.value .fachada {
    fill: #956920;
}
.kuxal_plane .apples_num .MZA_1,
.kuxal_plane .apples_num .MZA_2,
.kuxal_plane .apples_num .MZA_3,
.kuxal_plane .apples_num .MZA_4,
.kuxal_plane .apples_num .MZA_5,
.kuxal_plane .apples_num .MZA_6 {
    fill: #956920;
}
.kuxal_plane .access .access_label {
    fill: #373A36;
}
.kuxal_plane .access .indicator_access {
    fill: #373A36;
}
.kuxal_plane .streets_name text tspan {
    fill: #672322;
}
/* lote styles */

.kuxal_plane .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_label_model,
.kuxal_plane .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_naming_model {
    color: #8F5D09;
}
.kuxal_plane.ist_masterplan.plane_sales .lotes.amaite .value .num>.vector {
    fill: #F2BB43;
}
.kuxal_plane.ist_masterplan.plane_sales .lotes.amaite .value .num tspan {
    fill: #956920;
}
.kuxal_plane.ist_masterplan.plane_sales .lotes.bloqueado .value .construction,
.kuxal_plane.ist_masterplan.plane_sales .lotes.bloqueado .value .construction,
.kuxal_plane.ist_masterplan.plane_sales .lotes.bloqueado .value .fachada {
    fill: #ffffff;
}

/* Roble lote styles */
.roble_plane #masterplane #apples .lote.lotes .num>.vector {
    fill: #d2d2d2;
}
.roble_plane #masterplane #apples .lote.lotes .num>text {
    fill: #000000;
}

/* Kaoba lotes styles */
.kaoba_plane.ist_masterplan {
    padding: 40px 0 80px;
    height: 520px;
}
.kaoba_plane.ist_masterplan .etapa_models .ist_list_models_lotes {
    margin-top: 40px;
}
.kaoba_plane .streets_name text tspan {
    fill: #495760;
}
.kaoba_plane .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_label_model,
.kaoba_plane .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_naming_model {
    color: #495760;
}
.kaoba_plane.ist_masterplan.plane_sales .lotes.bloqueado .value .construction,
.kaoba_plane.ist_masterplan.plane_sales .lotes.bloqueado .value .construction text,
.kaoba_plane.ist_masterplan.plane_sales .lotes.bloqueado .value .fachada {
    fill: #ffffff;
}
.kaoba_plane.ist_masterplan.plane_sales .lotes .value .fachada,
.kaoba_plane.ist_masterplan.plane_sales .lotes .value .tipe {
    display: none;
}
.kaoba_plane .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models.fresno {
    background-color: #93453E;
    border: solid 0.5px transparent;
}
.kaoba_plane.ist_masterplan.plane_sales .lotes.fresno .value .num>.vector {
    fill: #93453E;
}
.kaoba_plane.ist_masterplan.plane_sales .lotes.fresno .value .num tspan {
    fill: #ffffff;
}

/* ~ ~ ~ ~ ~ ~ ~ Print master plan ~ ~ ~ ~ ~ ~ ~ */
.showPrint {
    display: none;
}
@media print {
    #schema_filter{
        display: none;
    }
    .ist_flex_content{
        margin-top: 10px;
    }
    .noPrint,
    .notPrint {
        display:none;
    }
    .showPrint {
        display: block;
    }
    body {
        background: #FFFFFF !important;
        print-color-adjust:exact;
                -webkit-print-color-adjust:exact;
    }
    .content-page,
    .container-fluid {
        height: 100vh;
        padding: 0 !important;
    }
    .ist_wrp_masterplan_etapas .ist_box_etapa,
    .head_modules .actions_mp_module,
    .content_footer_admin_ist {
        display: none;
    }
    .heading_mp_module .label_module .module_name::after {
        width: 20%;
    }
    .etapa_status {
        bottom: 70%;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item {
        margin-bottom: 0px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status {
        width: 24px;
        height: 24px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_label_status {
        font-size: 14px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-disponible,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-bloqueado,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-apartado,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-promesa,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-escriturado,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-entregado {
        width: 24px;
        height: 24px;
        font-size: 10px;
    }
    .ist_masterplan.plane_sales .ist_wrp_masterplan {
        margin-top: 30px;
    }
    .ist_masterplan.plane_sales #mp_e1 .ist_box_lotes {
        width: 96%;
        right: 0;
    }
    .ist_masterplan.plane_sales #mp_e2 .ist_box_lotes {
        width: 74%;
        right: 10px;
    }
    .ist_masterplan.plane_sales #mp_e3 .ist_box_lotes {
        width: 76%;
        bottom: 60px;
    }
    .heading_mp_module .label_module .module_name {
        font-size: 18px;
        padding-bottom: 6px;
    }
    .heading_mp_module .label_module .module_name span {
        display: block;
        padding-top: 4px;
        font-weight: 800;
    }
    #priv_name_print {
        display: none;
    }
    /* Print privada show sections - E2*/
    /* eucalipto unique styles */
    .eucaliptoPrint .ist_masterplan.plane_sales .ist_box_lotes {
        width: 120%;
    }
    .eucaliptoPrint .ist_masterplan.plane_sales .ist_box_lotes {
        right: -230px;
    }
    .eucaliptoPrint #eucalipto {
        transform: translateX(20%);
    }
    /* jacaranda unique styles */
    .jacarandaPrint .ist_masterplan.plane_sales .ist_box_lotes {
        width: 140%;
    }
    .jacarandaPrint .ist_masterplan.plane_sales .ist_box_lotes {
        right: -360px;
    }
    .jacarandaPrint #jacaranda {
        transform: translateX(-31%);
    }
    /* Print privada show sections - E3*/
    /* magnolia unique styles */
    .magnoliaPrint .ist_masterplan.plane_sales #mp_e3 .ist_box_lotes {
        width: 90%;
        right: -40%;
        bottom: 80px;
    }
    .magnoliaPrint .ist_masterplan.plane_sales #mp_e3 .etapa_models .ist_list_models_lotes {
        justify-content: flex-start;
        padding-left: 80px;
    }
    /* nogal unique styles */
    .nogalPrint .ist_masterplan.plane_sales #mp_e3 .ist_box_lotes {
        width: 90%;
        right: 0;
        bottom: 80px;
    }
    .nogalPrint .ist_masterplan.plane_sales #mp_e3 .etapa_models .ist_list_models_lotes {
        justify-content: flex-end;
        padding-right: 80px;
    }
    /* general priv kante all etapas styles */
    .eucaliptoPrint .etapa_status,
    .jacarandaPrint .etapa_status,
    .magnoliaPrint .etapa_status,
    .nogalPrint .etapa_status {
        bottom: 40%;
    }
    .eucaliptoPrint .ist_masterplan.plane_sales .ist_wrp_masterplan,
    .jacarandaPrint .ist_masterplan.plane_sales .ist_wrp_masterplan,
    .magnoliaPrint .ist_masterplan.plane_sales .ist_wrp_masterplan,
    .nogalPrint .ist_masterplan.plane_sales .ist_wrp_masterplan {
        margin-top: 0px;
    }
    .eucaliptoPrint .priv_name,
    .jacarandaPrint .priv_name,
    .magnoliaPrint .priv_name,
    .nogalPrint .priv_name {
        display: none;
    }
    .eucaliptoPrint #jacaranda,
    .jacarandaPrint #eucalipto,
    .magnoliaPrint #nogal,
    .nogalPrint #magnolia {
        display: none;
    }
    .eucaliptoPrint #priv_name_print,
    .jacarandaPrint #priv_name_print,
    .magnoliaPrint #priv_name_print,
    .nogalPrint #priv_name_print  {
        display: inline-block;
        padding: 10px 50px 10px 30px;
        background-color: #0E3B3B;
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
        text-transform: uppercase;
        margin-top: 30px;
    }
    .eucaliptoPrint #priv_name_print>#addPriv,
    .jacarandaPrint #priv_name_print>#addPriv,
    .magnoliaPrint #priv_name_print>#addPriv,
    .nogalPrint #priv_name_print>#addPriv {
        font-weight: 800;
    }

    /* Kuxal styles */
    #content-masterplan  .kuxal_plane.ist_masterplan {
        height: 580px;
    }
    .kuxal_plane .etapa_status,
    .kaoba_plane .etapa_status {
        top: 30px;
        bottom: unset;
    }
    .kuxal_plane.ist_masterplan.plane_sales .ist_box_lotes {
        width: 100%;
    }

    /* Roble styles */
    .roble_plane .ist_wrp_masterplan_etapas {
        left: 60px;
    }

    /* Others styles */
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-disponible,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-bloqueado,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-apartado,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-promesa,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-escriturado,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-entregado {
        border: transparent;
        background-color: transparent;
        color: #3e4543d4;
    }
    .budget_content{
        justify-content: center;
        align-items: center;
    }
    .budget_content .budget_tr .budget_th_item{
        font-size: 10px;
    }
    .budget_content .budget_tr .budget_td_item{
        font-size: 8px;
    }
    .ist_masterplan.plane_sales #mp_e2 .ist_box_lotes {
        bottom: -60px;
    }
    #mp_e2 .etapa_models {
        margin-top: 30px;
    }
}

/* max width */
@media (max-width: 1719px) {
    .ist_new_quote_btn.--new-button {
        padding: 10px 20px;
    }
    .ist_new_quote_btn.--new-button .material-symbols-outlined {
        font-size: 20px;
    }
    .principal_brand {
        width: 360px;
        height: 360px;
    }
    .principal_brand .principal_brand_logo {
        width: 260px;
    }
    .models_items {
        width: 180px;
        height: 180px;
    }
    .models_items .modules_front .icon_wrp_modules {
        width: 110px;
        height: 110px;
    }
    .models_items .modules_front .icon_wrp_modules .material-symbols-rounded {
        font-size: 80px;
    }
    .principal_brand {
        top: 210px;
    }
    .models_items:nth-child(2) {
        top: 0;
    }
    .models_items:nth-child(3) {
        top: 250px;
    }
    .models_items:nth-child(4) {
        top: 590px;
    }
    .models_items:nth-child(5) {
        top: 590px;
    }
    .models_items:nth-child(6) {
        top: 240px;
    }
    .models_items:nth-child(7) {
        top: 70px;
    }
    .models_items:nth-child(8) {
        top: 70px;
    }
    .models_items:nth-child(9) {
        top: 440px;
    }
    .models_items:nth-child(10) {
        top: 70px;
    }
    .models_items:nth-child(10) {
        top: 440px;
    }
}
@media (max-width: 1899px) {
    /* medium item graphic */
    .xlms_item {
        flex: 0 0 calc(33.333% - 7px);
        width: calc(33.333% - 7px);
        height: 520px;
    }
    .xlms_item.--width-x2 {
        flex: 0 0 calc(66.666% - 7px);
        width: calc(66.666% - 7px);
    }
    .xlms_item.--height-x2 {
        height: 1050px;
        max-height: 100% !important;
    }
    .xlms_mp_responsive {
        flex: 0 0 calc(33.333% - 7px);
        width: calc(33.333% - 7px);
    }
}
@media (max-width: 1520px) {
    .ist_new_quote_btn.--new-button .material-symbols-outlined {
        font-size: 18px;
    }
    .ist_start_bridge {
        margin: 40px;
        margin-bottom: 0;
    }
    .expandedView .custom-modal-size .modal-content .modal-body {
        padding: 30px;
    }
    #table_reconciliations .ending-reconciliations .endr_wrapper {
        gap: 6px;
    }
    .table_grid {
        padding: 20px 20px;
    }
    .inventory_icon {
        padding: 8px;
    }
    .inventory_icon .material-symbols-outlined {
        font-size: 26px;
    }
    .inventory_text .sublabel {
        font-size: 14px;
    }
    .inventory_text .label_indicator {
        margin-top: 0;
        font-size: 18px;
        margin-bottom: 6px;
    }
    .inventory_text .units {
        font-size: 14px;
    }
    .inventory_text .units>strong {
        font-size: 16px;
    }
    .inventary_total .label_indicator {
        font-size: 12px;
    }
    .inventary_total .value {
        font-size: 16px;
    }
    .inventory_number .label_indicator {
        font-size: 14px;
    }
    .inventory_number .value {
        font-size: 22px;
    }
    .inventory_number {
        padding-right: 60px;
    }
    .inventory_number .value::after {
        width: 8vw;
        height: 1.6px;
        right: -40px;
    }
    .inventory_item .apexcharts-datalabels-group text {
        font-size: 20px;
    }
    /* .ist_modules_admin {
        padding-top: 80px;
    } */
    .models_items {
        width: 160px;
        height: 160px;
    }
    .models_items .modules_front .icon_wrp_modules {
        width: 90px;
        height: 90px;
    }
    .models_items .modules_front .icon_wrp_modules .material-symbols-rounded {
        font-size: 65px;
    }
    .models_items .modules_front .modules_name {
        font-size: 12px;
    }
    .principal_brand {
        width: 340px;
        height: 340px;
    }
    .principal_brand {
        top: 180px;
    }
    .models_items:nth-child(2) {
        top: 0;
    }
    .models_items:nth-child(3) {
        top: 220px;
        left: 40.3%;
    }
    .models_items:nth-child(4) {
        top: 520px;
        left: 14.5%;
    }
    .models_items:nth-child(5) {
        top: 520px;
        right: 14.5%;
    }
    .models_items:nth-child(6) {
        top: 220px;
        right: 40.3%;
    }
    .models_items:nth-child(7) {
        top: 56px;
        right: 27%;
    }
    .models_items:nth-child(8) {
        top: 56px;
        left: 27%;
    }
    .models_items:nth-child(9) {
        top: 400px;
        left: 36%;
    }
    .models_items:nth-child(10) {
        top: 70px;
    }
    .models_items:nth-child(10) {
        top: 400px;
        right: 36%;
    }

    /* widgets dashboard */
    .--select-project .modal-header .modal-title {
        font-size: 20px;
    }
    .--select-project .modal-dialog {
        max-width: 840px;
    }
    .--select-project.--more-options-modal .modal-dialog {
        max-width: 1200px;
    }
    .--select-project .select_project_projects .project_option {
        height: 230px;
    }
    .--select-project .select_project_projects .project_option>img.--default {
        height: 56px;
    }
    .--select-project.--more-options-modal .select_project_projects .project_option>img.--default {
        height: 60px;
    }
    .--select-project.--more-options-modal .select_project_projects .project_option[data-id="4"]>img.--default {
        width: 170px;
        height: auto;
    }
    .widget_crm.--more-options-widgets .widget_crm_info .widget_wrap_btn {
        gap: 6px;
    }
    .widget_crm {
        width: calc(25% - 8px);
        min-width: 296px;
    }
    .widget_crm .widget_crm_info .widget_title {
        font-size: 16px;
    }
    .widget_crm .widget_crm_info .widget_btn_lite,
    .widget_crm.--more-options-widgets .widget_crm_info .btn_title {
        font-size: 12px;
    }
    .widget_crm.--more-options-widgets .widget_crm_info .btn_description {
        font-size: 10px;
    }
    .widget_crm .widget_crm_icon .material-symbols-rounded {
        font-size: 34px;
    }

    /* totals all after sales */
    #id_completed_homes,
    #after_content_deed {
        grid-column: 1 / -1;
    }
    #id_homes_delivered {
        grid-column: span 3;
    }
    .ist_main_graphics .ist_flex_graficas.--grid-totals-aftersale .ist_item_flex.xlms_item.--width-x3,
    .ist_main_graphics .ist_flex_graficas.--grid-totals-aftersale .ist_item_flex.xlms_item.--height-x2 {
        grid-column: span 2;
    }
}
@media (max-width: 1400px) {
    .modules_admin_row .mobile_snap_item {
        width: 30%;
    }
    .principal_brand {
        width: 290px;
        height: 290px;
    }
    .principal_brand .principal_brand_logo {
        width: 210px;
    }
    .models_items {
        width: 140px;
        height: 140px;
    }
    .models_items .modules_front .icon_wrp_modules {
        width: 76px;
        height: 76px;
    }
    .models_items .modules_front .icon_wrp_modules .material-symbols-rounded {
        font-size: 56px;
    }
    .models_items .modules_front .modules_name {
        font-size: 10px;
    }
    .models_items .modules_back .modules_name {
        font-size: 18px;
    }
    .principal_brand {
        top: 153px;
    }
    .models_items:nth-child(2) {
        top: 0;
    }
    .models_items:nth-child(3) {
        top: 200px;
    }
    .models_items:nth-child(4) {
        top: 450px;
    }
    .models_items:nth-child(5) {
        top: 450px;
    }
    .models_items:nth-child(6) {
        top: 200px;
    }
    .models_items:nth-child(7) {
        top: 56px;
    }
    .models_items:nth-child(8) {
        top: 56px;
    }
    .models_items:nth-child(9) {
        top: 350px;
    }
    .models_items:nth-child(10) {
        top: 70px;
    }
    .models_items:nth-child(10) {
        top: 350px;
    }
}
@media (max-width: 1300px) {
    .ist_new_quote_btn.--new-button>span {
        display: none;
    }
    .xlms_item .ist_header_one .input-group {
        max-width: 180px;
        min-width: 160px;
    }
    #table_reconciliations .ending-reconciliations .endr_wrapper {
        gap: 14px;
    }
    .ist_breakdown_table .breakdown_head,
    .ist_breakdown_table .breakdown_body {
        width: fit-content;
    }
    .breakdown_tr {
        grid-template-columns: 120px repeat(2, 134px) minmax(100px, 200px) 140px 106px 170px 150px;
    }
    .inventory_item {
        padding: 20px;
    }
    .inventory_heading {
        gap: 10px;
    }
    .inventory_icon {
        padding: 8px;
    }
    .inventory_icon .material-symbols-outlined {
        font-size: 22px;
    }
    .inventory_text .sublabel {
        font-size: 12px;
    }
    .inventory_text .label_indicator {
        font-size: 16px;
        margin-top: 0;
        padding-bottom: 6px;
        margin-bottom: 6px;
    }
    .inventory_text .units {
        font-size: 12px;
    }
    .inventory_text .units>strong {
        font-size: 14px;
    }
    .inventary_total .label_indicator {
        font-size: 10px;
    }
    .inventary_total .value {
        font-size: 14px;
    }
    .inventory_number .label_indicator {
        font-size: 12px;
    }
    .inventory_number .value {
        font-size: 20px;
        margin-top: 0;
    }
    .inventory_number {
        padding-right: 50px;
    }
    .inventory_number .value::after {
        width: 7.4vw;
        height: 1.2px;
        right: -30px;
    }

    /* Masterplan sales */
    .head_modules .actions_mp_module .actions_modules .ist_action_priv {
        padding: 6px 16px;
        font-size: 10px;
    }
    .head_modules .actions_mp_module .actions_modules .ist_action_priv .material-symbols-rounded {
        font-size: 18px;
    }
    .plane_sales #masterplan_vector.hidden_mp {
        margin-top: -100px;
    }
    .ist_masterplan.plane_sales .ist_box_etapa {
        top: 40px;
        width: 120px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item {
        margin-bottom: 6px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .boxing_coltex {
        gap: 6px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_label_status {
        font-size: 12px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status {
        width: 20px;
        height: 20px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-disponible,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-bloqueado,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-apartado,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-promesa,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-escriturado,
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-entregado {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }
    /* End masterplan sales */
    /* RRHH */
    .add_commissions .modalCommissions .table_grid {
        padding-right: 30px;
        padding-left: 30px;
    }
    .add_commissions .modalCommissions .table_grid .table_h_item {
        font-size: 12px;
    }
    .add_commissions .title_commissions {
        font-size: 12px;
    }
    .ist_form_modalCommissions .form-label {
        font-size: 12px;
    }
    .ist_general_action {
        font-size: 10px;
        padding: 8px 20px;
    }
    #sales-commissions .table_grid .table_h_item {
        font-size: 10px;
    }
    #sales-commissions .table_grid .table_r_item {
        font-size: 10px;
    }
    /* RRHH */
    /* Credit structure */
    #creditstruc .ist_nav_bi .nav-link {
        font-size: 10px;
    }
    .ist_creditstruc_info .ist_header_title h2 {
        font-size: 14px;
    }
    .ist_creditstruc_info .ist_forms_credit .form-group .form-label {
        font-size: 12px;
    }
    .ist_creditstruc_info .ist_forms_credit .ist_creditstruc_grid .ist_creditstruc_grid_item {
        padding: 20px;
    }
    /* Credit structure */
    /* Kuxal plane */
    .kuxal_plane.ist_masterplan {
        height: 400px;
    }
    /* Kuxal plane */
}
@media (max-width: 1200px) {
    #table_reconciliations .ending-reconciliations .indicator {
        width: 20px;
    }
    .modules_admin_row .mobile_snap_item {
        width: 30%;
    }
    .options_items {
        height: 480px;
    }
    .principal_brand {
        top: 155px;
    }
    .principal_brand {
        width: 280px;
        height: 280px;
    }
    .principal_brand .principal_brand_logo {
        width: 200px;
    }
    .models_items:nth-child(2) {
        top: 0;
    }
    .models_items:nth-child(3) {
        top: 200px;
        left: 450px;
    }
    .models_items:nth-child(4) {
        top: 440px;
        left: 155px;
    }
    .models_items:nth-child(5) {
        top: 440px;
        right: 155px;
    }
    .models_items:nth-child(6) {
        top: 200px;
        right: 450px;
    }
    .models_items:nth-child(7) {
        top: 56px;
        right: 310px;
    }
    .models_items:nth-child(8) {
        top: 56px;
        left: 310px;
    }
    .models_items:nth-child(9) {
        top: 350px;
        left: 400px;
    }
    .models_items:nth-child(10) {
        top: 70px;
    }
    .models_items:nth-child(10) {
        top: 350px;
        right: 400px;
    }

    /* widget dashboard */
    .widget_crm {
        width: calc(33.33% - 8px);
        min-width: 296px;
    }
}
@media (max-width: 1140px) {
    /* medium item graphic */
    .xlms_item,
    .xlms_mp_responsive {
        flex: 0 0 100%;
        width: 100%;
        height: 520px;
    }
    .xlms_item.--width-x2 {
        flex: 0 0 100%;
        width: 100%;
    }
    .xlms_mp_responsive .ist_masterplan.plane_sales #mp_e1 .ist_box_lotes,
    .xlms_mp_responsive .ist_masterplan.plane_sales #mp_e2 .ist_box_lotes,
    .xlms_mp_responsive .ist_masterplan.plane_sales #mp_e3 .ist_box_lotes{
        width: 60%;
    }
}
@media (max-width: 1024px) {
    /* widget */
    .widget_crm {
        width: calc(50% - 8px);
        min-width: 296px;
    }

    .superadmin_option {
        padding-top: 160px;
    }
    .options_row_admin {
        margin-bottom: 60px;
    }
    .options_items {
        height: 460px;
    }
}
@media (max-width: 991px) {
    .wrp_sitebar_shoppingcart {
        width: 90%;
    }
    .ist_list_etapa .ist_card_item {
        display: block;
    }
    .ist_card_item .ist_etapa,
    .ist_card_item .ist_estado,
    .ist_card_item .ist_infraes,
    .ist_card_item .ist_vivienda {
        margin-bottom: 16px;
        display: block;
    }
    .ist_card_item .ist_edit_eraser {
        display: flex;
        gap: 10px;
        justify-content: center;
    }
    body[data-sidebar-size=condensed] .left-side-menu {
        left: 0;
    }
    body[data-topbar-color=light] .logo-box {
        display: none;
    }
    .modules_admin_row .mobile_snap_item {
        width: 40%;
    }
    .superadmin_option {
        padding-top: 100px;
        display: flex;
        align-items: center;
    }
    .options_items {
        height: 380px;
    }
    .content_date_superadmin .superadmin_name_opt {
        font-size: 18px;
    }
    .options_items>a {
        padding: 0 0 20px 20px;
        align-items: flex-end;
    }
}
@media (max-width: 768px) {
    .ist_modules_admin.ist_general_document {
        padding-top: 0px;
        padding-bottom: 0;
    }
    .ist_general_document .content-text-survey {
        padding: 30px 20px;
    }
    .ist_general_document #saveSurveySales.survey_client_form {
        padding: 0 8px 30px;
    }
    .ist_general_document.ist_modules_admin .admin_head_logo {
        width: 70px;
    }
    .ist_general_document .ist_survey_client .ist_gen_coti .ist_header_title h2 {
        font-size: 16px;
        font-weight: 700;
    }
    .ist_general_document .ist_survey_client {
        margin: 120px auto 0;
    }
}
@media (max-width: 680px) {
    /* widget */
    .widget_crm {
        width: 100%;
        min-width: 100%;
    }

    .ist_modules_admin {
        padding-top: 20vh;
        padding-bottom: 0;
    }
    .principal_brand {
        width: 140px;
        height: 140px;
    }
    .principal_brand .principal_brand_logo {
        width: 110px;
    }
    .models_items {
        width: 75px;
        height: 75px;
    }
    .models_items .modules_front .icon_wrp_modules {
        width: 50px;
        height: auto;
        background-color: transparent;
    }
    .models_items .modules_front .modules_name {
        font-size: 8px;
        padding: 0 6px;
        margin-top: 0;
    }
    .models_items .modules_front .icon_wrp_modules .material-symbols-rounded {
        font-size: 40px;
    }
    .models_items .modules_back .modules_name {
        font-size: 10px;
    }
    .principal_brand {
        top: 92px;
    }
    .models_items:nth-child(2) {
        top: 0;
    }
    .models_items:nth-child(3) {
        top: 105px;
        left: 230px;
    }
    .models_items:nth-child(4) {
        top: 240px;
        left: 80px;
    }
    .models_items:nth-child(5) {
        top: 240px;
        right: 80px;
    }
    .models_items:nth-child(6) {
        top: 105px;
        right: 230px;
    }
    .models_items:nth-child(7) {
        top: 30px;
        right: 155px;
    }
    .models_items:nth-child(8) {
        top: 30px;
        left: 155px;
    }
    .models_items:nth-child(9) {
        top: 185px;
        left: 205px;
    }
    .models_items:nth-child(10) {
        top: 185px;
        right: 205px;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 100px;
    }
    .ist_quick_access .item_card.w-300 {
        width: 100%;
        min-width: 280px;
    }
    .cta_box_flex {
        gap: 10px;
    }
    .ist_modules_admin .admin_head_logo {
        width: 100px;
    }
    .ist_modules_admin .ist_btn_link_green {
        width: auto;
        gap: 0;
        padding: 10px 14px 9px;
    }
    .ist_modules_admin .ist_btn_link_green .material-symbols-rounded {
        display: none;
    }
    .ist_modules_admin .ist_outline_btn {
        width: 42px;
        gap: 30px;
        padding: 8px 9px;
    }
    .modules_admin_head {
        padding: 20px 0;
    }
    .wl_logo_desktop {
        display: none;
    }
    .wl_logo_mobile {
        display: block;
    }
    .admin_head_logo {
        width: 50px;
        height: 52px;
        margin-bottom: 0;
    }
    .admin_head_logo>img {
        width: 100%;
        height: 100%;
    }
    .ist_title_welcome {
        font-size: 18px;
        padding: 0 80px;
        line-height: 1.4;
    }
    .superadmin_option {
        padding-top: 140px;
        display: block;
    }
    .ist_btn_link_green {
        width: 52px;
        gap: 30px;
        padding: 4px 14px;
    }
    .ist_btn_link_green .material-symbols-rounded {
        font-size: 26px;
    }
    .wrp_opt_projects {
        position: relative;
        overflow: hidden;
        padding: 0;
    }
    .mobile_snap_scroll,
    .modules_admin_row {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        box-sizing: content-box;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
    }
    .modules_admin_row {
        gap: 0;
        justify-content: unset;
        flex-wrap: nowrap;
    }
    .mobile_snap_scroll::-webkit-scrollbar,
    .modules_admin_row::-webkit-scrollbar {
        display: none;
    }
    .mobile_snap_item {
        scroll-snap-align: center center;
        flex-shrink: 0;
        width: 90%;
        height: 100%;
        position: relative;
        transition-property: transform;
        display: block;
        padding: 0 30px;
    }
    .mobile_snap_item:first-child {
        padding: 0 0 0 30px;
    }
    .mobile_snap_item:last-child{
        padding: 0 30px 0 0;
    }
    .mobile_snap_item .options_items {
        height: 65vh;
        width: 100%;
    }
    .label_modules {
        width: 260px;
        text-align: left;
        align-items: flex-start;
        gap: 10px;
        margin: 20px auto 30px;
    }
    .modules_admin_row .mobile_snap_item {
        width: 80%;
        min-width: 360px;
        padding: 0 10px;
    }
    .section_modules .modules_admin_row .mobile_snap_item:first-child {
        padding: 0 10px 0 20px;
    }
    .section_modules .modules_admin_row .mobile_snap_item:last-child {
        padding: 0 20px 0 10px;
    }
    .ist_modules_admin.ist_general_document {
        padding-top: 0px;
        padding-bottom: 0;
    }
    .ist_general_document .content-text-survey {
        padding: 30px 20px;
    }
    .ist_general_document #saveSurveySales.survey_client_form {
        padding: 0 8px 30px;
    }
    .ist_general_document.ist_modules_admin .admin_head_logo {
        width: 70px;
    }
    .ist_general_document .ist_survey_client .ist_gen_coti .ist_header_title h2 {
        font-size: 16px;
        font-weight: 700;
    }
}
@media (max-width: 514px) {
    /* widgets */
    .--select-project .modal-dialog .modal-content {
        border-radius: 20px;
    }
    .--select-project .modal-header {
        justify-content: start;
    }
    .--select-project .modal-header .modal-title {
        font-size: 16px;
    }
    .--select-project .modal-header .btn-close {
        right: 20px;
        padding: 10px;
        font-size: 12px;
    }
    .--select-project .select_project_projects {
        padding: 0;
        padding-top: 0;
        gap: 10px;
        flex-direction: column;
    }
    .--select-project .select_project_projects .project_option {
        height: 140px;
        width: 100%;
    }
    .--select-project .select_project_projects .project_option>img.--default {
        height: 44px;
    }

    /* menu */
    .sidebar-enable .left-side-menu {
        border-top: 1px solid #e2e7f1;
    }
    .sidebar-enable .left-side-menu  {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #sidebar-menu>ul {
        min-width: 250px;
        width: 100%;
    }
    /* menu */

    .ist_btn_link_back .text-decoration-underline {
        display: none;
    }
    .ist_modules_admin .ist_btn_link_green {
        width: 44px;
        gap: 30px;
        padding: 8px 8px;
    }
    .ist_modules_admin .ist_btn_link_green .material-symbols-rounded {
        display: block;
    }
    .ist_modules_admin .wrp_modules {
        padding: 0;
    }
    .title_modules_bar {
        font-size: 24px;
    }
    /* .ist_modules_admin {
        padding-bottom: 180px;
    } */

    /* * * New Responsive Master Plan  * * */
    .mp_inital {
        padding: 20px 10px;
    }
    #content-masterplan .head_modules {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        gap: 10px;
        margin-bottom: 10px;
    }
    .heading_mp_module .logo_project_module,
    .head_modules .actions_mp_module .actions_modules,
    .head_modules .actions_mp_module .ist_return_mp span:last-child,
    .head_modules .ist_return_mp.hidden_mp,
    .ist_content_label_mp_items.hidden_mp {
        display: none;
    }
    .head_modules .actions_mp_module {
        display: inline;
        margin: 0;
    }
    .head_modules .actions_mp_module .ist_return_mp .material-symbols-outlined {
        padding: 2px;
        font-size: 18px;
        opacity: 0.76;
    }
    .heading_mp_module .label_module .module_name {
        color: #373A36;
        padding-bottom: 4px;
        font-weight: bold;
    }
    .heading_mp_module .label_module .module_name::after {
        width: 35%;
        height: 2px;
    }

    .ist_masterplan.plane_sales .ist_wrp_masterplan {
        margin-top: 0;
    }
    .ist_wrp_masterplan {
        width: 100%;
    }
    .ist_masterplan.plane_sales .ist_box_etapa {
        display: none;
    }
    .etapa_status {
        position: initial;
    }
    #content-masterplan .ist_list_status_lotes {
        display: grid;
        grid-template-columns: 0.3fr 0.3fr;
        gap: 4px 20px;
        margin: 0;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item {
        margin-bottom: 6px;
    }
    .ist_masterplan {
        padding: 20px 0;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status {
        width: 16px;
        height: 16px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_label_status {
        font-size: 8px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-disponible, .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-bloqueado, .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-apartado, .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-promesa, .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-escriturado, .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item #count-entregado {
        color: #000000;
    }
    .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item {
        gap: 5px;
    }
    .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .ist_indictator_models {
        width: 18px;
        height: 18px;
    }
    .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_label_model {
        font-size: 6px;
    }
    .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_naming_model {
        font-size: 10px;
    }
    .etapa_models .ist_list_models_lotes {
        column-gap: 20px;
        row-gap: 15px;
        flex-wrap: wrap;
    }
    .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models .ist_label_model {
        line-height: normal;
    }
    .etapa_models .ist_list_models_lotes .ist_list_models_lotes_item .column_label_models {
        display: flex;
        flex-direction: column;
    }
    .ist_box_lotes {
        position: relative;
        width: 100%;
        bottom: 0px !important;
        right: auto;
    }
    .ist_box_lotes>svg {
        background: #F2F2F2;
        overflow: hidden;
        border-radius: 20px;
    }
    .ist_leyend_mv {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding-top: 10px;
    }
    .ist_leyend_mv > p {
        margin: 0;
        font-size: 10px;
        color: #373A36;
    }
    .ist_wrap_movil_mp {
        height: 320px;
        margin-top: 0;
        display: grid;
        place-content: center;
        overflow: scroll;
        width: 100%;
        height: auto;
        border-radius: 10px;
        background-color: #F2F2F2;
        padding: 30px 15px 15px;
        transition: all 350ms ease-in-out;
    }
    .ist_wrap_movil_mp::-webkit-scrollbar {
        width: 0;
        height: 10px;
    }
    .ist_wrap_movil_mp::-webkit-scrollbar-track {
        background: #E7E7E7;
        border-radius: 10px;
    }
    .ist_wrap_movil_mp::-webkit-scrollbar-thumb {
        background: #124922;
        border-radius: 10px;
        transition: background 0.3s ease;
    }
    .ist_wrap_movil_mp::-webkit-scrollbar-thumb:hover {
        background: var(--ist-gray-dark);
    }
    .plane_sales #masterplan_vector.hidden_mp {
        display: none;
    }
    .ist_wrp_masterplan_etapas.show_mp {
        position: unset;
    }
    .ist_wrap_movil_mp > svg {
        width: 202%;
        padding-right: 15px;
    }
    .ist_content_label_mp_items.hidden_mp > .etapa_status {
        padding-bottom: 0;
        transition: all 350ms ease-in-out;
    }
    .ist_content_label_mp_items > .etapa_status {
        padding-bottom: 30px;
    }
    .ist_masterplan.plane_sales #mp_e2 .ist_box_lotes,
    .ist_masterplan.plane_sales #mp_e3 .ist_box_lotes {
        width: 100%;
        right: 0;
    }
    .kuxal_plane .ist_wrp_masterplan_etapas .ist_box_lotes,
    .kaoba_plane .ist_wrp_masterplan_etapas .ist_box_lotes {
        width: 100%;
    }
    .kuxal_plane .ist_wrp_masterplan_etapas,
    .kaoba_plane .ist_wrp_masterplan_etapas {
        position: unset;
        height: auto;
        margin-top: 30px;
    }
    .kuxal_plane.ist_masterplan,
    .kaoba_plane.ist_masterplan {
        height: auto;
    }
    .kaoba_plane.ist_masterplan {
        padding: 20px 0;
    }
    .kuxal_plane .ist_wrap_movil_mp,
    .kaoba_plane .ist_wrap_movil_mp {
        padding: 40px 15px 30px;
    }
    .kuxal_plane_mobile.head_modules .actions_mp_module,
    .kaoba_plane_mobile.head_modules .actions_mp_module {
        display: none;
    }
    /* * Modal Modelo * */
    .ist_tag_priv {
        font-size: 8px;
    }
    .ist_name_and_type .ist_text h2 {
        font-size: 12px;
        font-weight: 500;
    }

    .ist_name_and_type .ist_text h1 {
        font-weight: 600;
        font-size: 24px;
    }
    .ist_name_lt {
        font-size: 16px;
    }
    .ist_name_and_type .ist_type .btn_t1 {
        padding: 6px 16px;
        font-size: 10px;
    }
    .ist_name_and_type .ist_type .btn_t2 {
        padding: 6px 16px;
        font-size: 10px;
        font-weight: bold;
    }
    .ist_propietario span {
        font-size: 12px;
    }
    .ist_propietario h1 {
        font-weight: bold;
        font-size: 18px;
    }
    .ist_dates_tel_email span {
        font-size: 12px;
    }
    .ist_grid_dates .ist_card span {
        font-size: 12px;
        font-weight: 600;
    }

    .ist_grid_dates.ist_posvt .ist_card h2 {
        font-size: 12px;
    }
    .ist_dates_tel_email h6 {
        font-size: 12px;
    }
    .ist_btn_garantia_pv {
        padding: 11px 14px;
        font-size: 12px;
    }

    /* * Modal reporte de garantía* */
    .content_sidebar .head_sidebar h4 {
        font-size: 14px;
    }
    #sidebarHours .closed_sidebar_hours, .closed_sidebar_vtwo {
        color: #4B4B5A;
    }
    .label_newinputs {
        font-size: 12px;
        font-weight: 700;
    }
    .wrp_sitebar_shoppingcart form .form-control,
    .wrp_sitebar_shoppingcart form .form-select {
        border-radius: 6px;
        border: 1px solid rgb(55 58 54 / 30%);
        font-size: 12px;
        color: #373A36;
        min-height: 40px;
    }
    .wrp_sitebar_shoppingcart form input::placeholder,
    .wrp_sitebar_shoppingcart form select::placeholder {
        color: rgb(55 58 54 / 70%);
    }

    .wrp_sitebar_shoppingcart form > hr{
        color: rgb(55 58 54 / 20%);
        position: relative;
        left: -30px;
        width: 130%;
    }

    .wrp_sitebar_shoppingcart form .d-flex > h4 {
        font-size: 16px;
        color: #000000;
        font-weight: 400;
    }

    .wrp_sitebar_shoppingcart form .d-flex > .btn {
        border-radius: 50px;
        width: 40px;
        height: 40px;
        display: grid;
        place-content: center;
        background-color: rgb(97 168 13 / 10%);
        border-color: rgb(97 168 13 / 10%);
    }

    .wrp_sitebar_shoppingcart form .d-flex .btn svg {
        width: 20px;
        stroke: #61A80D;
    }

    .wrp_sitebar_shoppingcart form > .row {
        color: #000000;
    }
    .row_period_work {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        width: 100%;
    }
    .row_period_work .d-flex {
        gap: 15px;
        align-items: center;
        width: 100% !important;
    }
    #content-guarantees {
        margin: 0 -30px 20px;
        padding: 0 30px;
        border-bottom: 1px solid rgb(55 58 54 / 20%);
    }
    #content-guarantees>div {
        position: relative;
        margin-bottom: 15px !important;
    }
    #content-guarantees>div .position-relative {
        position: unset !important;
    }
    #content-guarantees>div .position-relative svg {
        top: 15px;
        background: #EFEFEF;
        border-radius: 100%;
        padding: 5px;
    }
    #content-guarantees>div::before {
        content: '';
        border: 1px dashed #D5D5D5;
        width: 100%;
    }
    #content-guarantees>div::after {
        padding-top: 14px;
    }
    #content-guarantees>#guarantee_1::before,
    #content-guarantees>#guarantee_1::after {
        content: unset;
        padding-top: 0;
    }
    #content-guarantees>div > .col-md-4.mb-2:first-child {
        padding-top: 14px;
    }
    #content-guarantees>#guarantee_1 > .col-md-4.mb-2:first-child {
        padding-top: 0;
    }
    /* * Calendar Garanties * */
    #calendar-guarantees {
        margin: 0 -12px;
    }
    .fc-toolbar {
        display: grid;
        grid-template-columns: 1fr 0.5fr;
        margin: 0;
    }
    .fc-toolbar .fc-center {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }
    .fc-toolbar .fc-center h2 {
        font-size: 16px;
    }
    .fc-toolbar .fc-left{
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
    .fc-toolbar .fc-center, .fc-toolbar .fc-left, .fc-toolbar .fc-right {
        margin: 2px 0;
    }
    .fc-toolbar .fc-right .btn-group .btn{
        font-size: 10px;
    }
    .fc-day-header span{
        color: #373A36;
        font-weight: bold;
        font-size: 12px;
        text-transform: capitalize;
    }
    .fc-toolbar.fc-header-toolbar .fc-left {
        text-align: end;
    }
    .fc-toolbar.fc-header-toolbar .fc-left .btn-group {
        align-items: center;
    }
    .fc-toolbar.fc-header-toolbar .fc-left .btn-group>.btn {
        padding: 0px 10px;
        height: 27px;
    }

    .fc-content-skeleton .fc-day-top .fc-day-number {
        height: 18px;
        width: 18px;
        font-size: 10px;
    }
    .fc-day-grid-event .fc-time,
    .fc-day-grid-event .fc-title {
        font-size: 10px;
    }
    .fc-event {
        margin: 2px 2px;
        padding: 2px 4px;
    }

    /* * General * */
    .content-page .card {
        border-radius: 10px;
        overflow: hidden;
    }

    #event-modal .modal-header.py-3 {
        background: #F8F8F8;
        border-bottom: 1px #E3E5E8;
        padding: 20px 30px !important;
    }
    .modal-header.py-3 .modal-title {
        color: #383A36;
    }
    .modal-header.py-3 .btn-close {
        color: #373A36;
    }

    #event-modal .modal-body.px-4 {
        overflow: hidden;
        padding: 30px !important;
    }

    #event-modal .d-flex.justify-content-between {
        padding: 0;
    }
    #event-modal #content-guarantees>div::before {
        content: unset;
    }
    #event-modal #content-guarantees>div {
        position: relative;
        margin: 0;
        padding: 0 12px !important;
    }
    #event-modal #content-guarantees {
        gap: 0;
        width: 100%;
        margin: 0 0 15px !important;
        padding: 0 0 15px;
    }

    .modal-body.px-4 form .form-control,
    .modal-body.px-4 form .form-select {
        border-radius: 6px;
        border: 1px solid rgb(55 58 54 / 30%);
        font-size: 12px;
        color: #373A36;
        min-height: 40px;
    }

    .row.mt-1.mb-2.pe-0  {
        gap: 10px;
        margin-bottom: 30px !important;
    }
    .row.mt-1.mb-2.pe-0 > .col-md-6 {
        padding-right: 0;
    }
    .d-flex.justify-content-between h4 {
        font-size: 16px;
        font-weight: 400;
        color: #000000;
    }
    .label_newinputs b {
        font-size: 12px;
        font-weight: 700;
    }
    .row.mt-1.mb-1.pe-0 .col-md-4 {
        padding-right: 0;
    }
    .row.mt-1.mb-1.pe-0 .col-md-6 {
        padding-right: 0;
    }
    .row.mt-1.mb-1.pe-0 {
        gap: 10px;
    }
    .col-qw.text-end {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .col-qw.text-end .btn-success {
        grid-column: 1/3;
    }

    .col-qw.text-end .btn-danger,
    .col-qw.text-end .btn-info {
        margin: 0;
    }
    .d-flex ~ hr {
        display: none;
    }

    /* * Garantias pendientes * */
    .after-sale-mobile .card-body {
        padding: 20px;
    }
    .after-sale-mobile .card-body>.container-fluid {
        padding: 0;
    }
    .after-sale-mobile .page-title-box {
        display: block;
        padding-top: 20px;
        margin-top: -21px;
        margin-bottom: 20px;
        border-bottom: 1px solid rgb(240 240 240 / 70%);
        background-color: #F8F8F8;
    }
    .after-sale-mobile .ist_admin_subheadbody .ist_btn_plan_personal {
        font-size: 12px;
        padding: 8px;
    }
    .after-sale-mobile .ist_admin_subheadbody .ist_btn_plan_personal .icon-xs {
        height: 12px;
        width: 12px;
        margin: 0 !important;
    }
    .after-sale-mobile .ist_card_item .ist_estado:nth-child(5) {
        width: 100%;
    }
    .after-sale-mobile .ist_card_item .ist_estado .st_levto {
        justify-content: flex-start;
    }
    .after-sale-mobile .ist_card_item .ist_infraes {
        padding: 15px 30px;
        width: calc(50% - 5px);
        min-width: unset;
        margin-bottom: 0;
    }
    .page-title-box .page-title {
        font-weight: 600;
        font-size: 16px;
    }
    .ist_admin_subheadbody .heading {
        gap: 15px;
    }
    .ist_admin_subheadbody .heading .col-6 {
        width: 100%;
    }
    .ist_admin_subheadbody .heading .col-6 .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .ist_btn_plan_personal, .ist_btn_plan_personalized {
        padding: 10px 16px;
        gap: 6px;
        font-size: 14px;
        width: 100%;
        justify-content: center;
    }
    .admin_info_label {
        font-weight: bold;
        color: #373A36;
        opacity: 1;
        font-size: 12px;
    }
    .ist_admin_subheadbody .heading .col-6 .row .form-control,
    .ist_admin_subheadbody .heading .col-6 .row .form-select{
        border-radius: 6px;
        border: 1px solid rgb(55 58 54 / 30%);
        font-size: 12px;
        color: #373A36;
        min-height: 40px;
    }

    .ist_admin_subheadbody {
        margin-bottom: 20px;
    }
    .ist_card_item .ist_etapa>div, .ist_card_item .ist_estado>div {
        font-size: 12px;
    }
    .ist_list_etapa .ist_card_item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 8px;
        padding: 16px;
        margin-bottom: 30px;
    }
    .ist_list_etapa .ist_card_item:last-child {
        margin-bottom: 0;
    }
    .ist_card_item .ist_etapa, .ist_card_item .ist_estado {
        text-align: start;
    }
    .ist_card_item .ist_etapa>span, .ist_card_item .ist_estado>span, .ist_card_item .ist_infraes>span, .ist_card_item .ist_vivienda>span, .ist_card_item .ist_edit_eraser>span {
        font-size: 12px;
    }
    .ist_card_item .ist_infraes {
        border: 1px solid #f0f0f0;
        border-radius: 8px;
        padding: 15px 48px;
        display: grid;
        place-content: center;
        gap: 6px;
        min-width: 140px;
    }
    .ist_card_item .ist_estado p {
        font-size: 12px;
    }
    .ist_card_item .ist_circle {
        width: 6px;
        height: 6px;
    }
    .ist_indicator_buss .ist_cnt_indicator {
        justify-content: space-between;
        padding-bottom: 15px;
        flex-direction: column;
        align-items: start;
    }
    .ist_indicator_buss .ist_cnt_indicator > h4 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .ist_indicator_buss .ist_tag_indi h5 {
        margin-bottom: 15px;
    }
    .ist_indicator_buss .ist_cont_dates {
        padding-top: 20px;
    }
    .ist_indicator_buss .ist_cont_bi.ist_dash {
        flex-wrap: wrap;
        gap: 6px;
    }
    .ist_indicator_buss .ist_cont_bi.ist_dash .ist_item_bi {
        width: 100%;
    }
    .ist_indicator_buss .ist_cont_bi.ist_dash .ist_item_bi:last-child {
        margin-top: 15px;
    }
    .xlms_mp_responsive .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item {
        width: 130px;
    }
    .xlms_mp_responsive .ist_masterplan .etapa_status  {
        padding: 0;
    }
}
@media (max-width: 340px) {
    .fc-toolbar .fc-right .btn-group .btn {
        padding: 5px 10px;
    }
}

/* min width | descending order of validations by validation */
@media (min-width: 1680px) {
    #sales-commissions .table_grid .table_h_item {
        font-size: 14px;
    }
    .breakdown_tr {
        display: grid;
        grid-template-columns: 160px repeat(2, 170px) minmax(140px, 1fr) 180px 160px 210px 200px;
    }
    .breakdown_tr .breakdown_th_item {
        font-size: 12px;
        padding: 16px 20px;
    }
    .breakdown_tr .breakdown_td_item {
        font-size: 12px;
        padding: 8px 20px;
    }
    .budget_tr .budget_th_item {
        font-size: 14px;
    }
    .budget_tr .budget_td_item {
        font-size: 12px;
    }
    .budget_acc .budget_tr,
    .budget_inventory .budget_tr {
        grid-template-columns: 1fr 1fr;
    }
    .budget_execute .budget_tr {
        grid-template-columns: 1fr 220px;
    }
    /* Kuxal plane */
    .kuxal_plane.ist_masterplan {
        height: 540px;
    }
}
@media (min-width: 1720px) {
    .ist_new_quote_btn.--new-button {
        padding: 10px 20px;
    }
    .ist_new_quote_btn.--new-button .material-symbols-outlined {
        font-size: 20px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1500px !important;
    }
}
@media (min-width: 1900px) {
    /* small item graphic */
    .xlms_item {
        flex: 0 0 calc(25% - 10px);
        width: calc(25% - 10px);
        height: 580px;
        box-sizing: border-box;
    }
    .xlms_mp_responsive {
        flex: 0 0 calc(25% - 10px);
        width: calc(25% - 10px);
        height: 580px;
        box-sizing: border-box;
    }
    .xlms_item.--width-x2 {
        flex: 0 0 calc(50% - 10px);
        width: calc(50% - 10px);
        box-sizing: border-box;
    }
    .xlms_item.--width-x3 {
        flex: 0 0 calc(75% - 10px);
        width: calc(75% - 10px);
        box-sizing: border-box;
    }
    .xlms_item.--height-x2 {
        height: 1175px;
        max-height: 100% !important;
        box-sizing: border-box;
    }

    .ist_flex_graficas .ist_item_flex.lg_item {
        flex: 0 0 68.6%;
    }
    .ist_flex_graficas .ist_item_flex.md_item {
        flex: 0 0 49.38%;
    }
    .admin_head_logo {
        width: 130px;
        height: auto;
        margin-bottom: 10px;
    }
    .ist_btn_link_back {
        padding: 20px 0 30px;
    }
    /* .ist_modules_admin {
        padding-top: 170px;
    } */
    .budget_content {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr max-content max-content 1fr;
        gap: 10px;
    }
    .budget_inventory .budget_tr .budget_th_item:last-child,
    .budget_real .budget_tr .budget_th_item:last-child,
    .budget_execute .budget_tr .budget_th_item:last-child {
        text-align: center;
    }
    .ist_grid_graficas {
        grid-template-columns: repeat(3, 1fr);
    }
    /* Masterplan sales */
    .mp_inital {
        padding: 60px 48px;
    }
    .head_modules .actions_mp_module .actions_modules .ist_action_priv {
        padding: 8px 20px;
        font-size: 10px;
    }
    .head_modules .actions_mp_module .actions_modules .ist_action_priv .material-symbols-rounded {
        font-size: 22px;
    }
    .plane_sales #masterplan_vector.hidden_mp {
        margin-top: -240px;
    }
    .ist_masterplan.plane_sales .ist_box_etapa {
        top: 60px;
        width: 200px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_label_status {
        font-size: 16px;
    }
    .etapa_status .ist_list_status_lotes .ist_list_status_lotes_item .ist_indictator_status {
        width: 30px;
        height: 30px;
    }
    /* End masterplan sales */
    /* RRHH */
    .add_commissions .head_sidebar h4 {
        font-size: 20px;
    }
    .add_commissions .title_commissions {
        font-size: 16px;
    }
    .ist_form_modalCommissions .ist_action_submit .rounded_btn {
        font-size: 16px;
        padding: 10px 40px;
    }
    .ist_form_modalCommissions .form-label {
        font-size: 16px;
    }
    .ist_form_modalCommissions .form-select {
        font-size: 14px;
    }
    .ist_form_modalCommissions .input-group-text .material-symbols-outlined {
        font-size: 20px;
    }
    /* RRHH */
    /* Credit structure */
    #creditstruc .ist_nav_bi .nav-link {
        font-size: 14px;
    }
    .ist_creditstruc_info .ist_header_title h2 {
        font-size: 16px;
    }
    .ist_creditstruc_info .ist_forms_credit .form-group .form-label {
        font-size: 14px;
    }
    .ist_creditstruc_info .ist_forms_credit .ist_creditstruc_grid .ist_creditstruc_grid_item {
        padding: 30px;
    }
    .ist_creditstruc_table .creditstruc_grid .creditstruc_th_item,
    .ist_creditstruc_table .creditstruc_grid .creditstruc_th_item._heading,
    .ist_creditstruc_table .creditstruc_grid .creditstruc_tr_item._heading .creditstruc_td_item {
        font-size: 14px;
    }
    /* Credit structure */
    /* Kuxal plane */
    .kuxal_plane.ist_masterplan {
        height: 700px;
    }
    .kuxal_plane .ist_wrp_masterplan_etapas .ist_box_lotes {
        width: 90%;
        right: 0;
    }
    /* Kuxal plane */
    /* Roble plane */
    .roble_plane .ist_wrp_masterplan_etapas {
        left: -10vw;
    }
    /* Roble plane */
}
@media (min-width: 2500px) {
    .ist_grid_graficas {
        grid-template-columns: repeat(4, 1fr);
    }
    .budget_execute .budget_tr {
        grid-template-columns: 1fr .6fr;
    }
    /* Kuxal plane */
    .kuxal_plane.ist_masterplan {
        height: 860px;
    }
    /* Kuxal plane */
}