body {
    font-size: 14px !important
}

.help-block {
    display: inline;
    color: #ed0000;
    font-size: 0.925rem;
    /* color: #f1416c; */
}

.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-state-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) {
    transition: color .2s ease, background-color .2s ease;
    color: #7239ea !important;
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #7239ea;
    transition: color .2s ease, background-color .2s ease;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #7239ea !important;
    border-color: transparent;
}

.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title {
    color: #f78900 !important;
}

.stepper.stepper-links .stepper-nav .stepper-item.current:after {
    background-color: #f78900 !important;
}

/* .form-check.form-check-solid .form-check-input:checked {
    background-color: #f78900;
} */

.page-link:hover {
    z-index: 2;
    color: #7239ea;
    text-decoration: none;
    background-color: #e8e9ff;
    border-color: transparent;
}

.scrolltop {
    background-color: #7239ea !important;
}

.btn-warning-degradate {
    background: linear-gradient(73deg, #eb5c1c, #f5a700) !important;
}

/* .active-plan {
    margin: 0 2px 0 2px;
} */

.btn-outline-dashed-warning {
    border: 1px dashed #eb5c1c !important;
}

.btn.btn-outline-dashed-warning {
    border: 1px dashed #eb5c1c !important;
}

.btn-check:active+.btn.btn-active-warning,
.btn-check:checked+.btn.btn-active-warning,
.btn.btn-active-warning.active,
.btn.btn-active-warning.show,
.btn.btn-active-warning:active:not(.btn-active),
.btn.btn-active-warning:focus:not(.btn-active),
.btn.btn-active-warning:hover:not(.btn-active),
.show>.btn.btn-active-warning {
    color: #fff;
    border-color: #ffc700;
    background: linear-gradient(73deg, #eb5c1c, #f5a700) !important;
}

.btn-check:active+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
.btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
.btn.btn-outline.btn-outline-dashed.btn-outline-default.active,
.btn.btn-outline.btn-outline-dashed.btn-outline-default.show,
.btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active),
.btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active),
.btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active),
.show>.btn.btn-outline.btn-outline-dashed.btn-outline-default {
    color: #f78900;
    border-color: #f79215;
    background-color: #fccd925e !important;
}

/* .btn-active-warning-degradate {
    color: #fff !important;
    border-color: #ffc700 !important;
    background: linear-gradient(73deg, #eb5c1c, #f5a700) !important;
} */

#gmap_canvas {
    width: 98%;
    height: 850px !important;
    margin: auto;
    border-radius: 17px;
}

.rct-session-wrapper {
    background: linear-gradient(60deg, #eb5c1c, #f5a700);
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: fixed;
    right: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    animation-name: bg-rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s;
}

@keyframes bg-rotate {
    0% {
        background: linear-gradient(17deg, #eb5c1c, #f5a700);
    }

    5% {
        background: linear-gradient(34deg, #eb5c1c, #f5a700);
    }

    10% {
        background: linear-gradient(51deg, #eb5c1c, #f5a700);
    }

    15% {
        background: linear-gradient(68deg, #eb5c1c, #f5a700);
    }

    20% {
        background: linear-gradient(85deg, #eb5c1c, #f5a700);
    }

    25% {
        background: linear-gradient(102deg, #eb5c1c, #f5a700);
    }

    30% {
        background: linear-gradient(119deg, #eb5c1c, #f5a700);
    }

    35% {
        background: linear-gradient(136deg, #eb5c1c, #f5a700);
    }

    40% {
        background: linear-gradient(153deg, #eb5c1c, #f5a700);
    }

    45% {
        background: linear-gradient(170deg, #eb5c1c, #f5a700);
    }

    50% {
        background: linear-gradient(187deg, #eb5c1c, #f5a700);
    }

    55% {
        background: linear-gradient(204deg, #eb5c1c, #f5a700);
    }

    60% {
        background: linear-gradient(221deg, #eb5c1c, #f5a700);
    }

    65% {
        background: linear-gradient(238deg, #eb5c1c, #f5a700);
    }

    70% {
        background: linear-gradient(255deg, #eb5c1c, #f5a700);
    }

    75% {
        background: linear-gradient(272deg, #eb5c1c, #f5a700);
    }

    80% {
        background: linear-gradient(298deg, #eb5c1c, #f5a700);
    }

    85% {
        background: linear-gradient(306deg, #eb5c1c, #f5a700);
    }

    90% {
        background: linear-gradient(323deg, #eb5c1c, #f5a700);
    }

    95% {
        background: linear-gradient(340deg, #eb5c1c, #f5a700);
    }

    97% {
        background: linear-gradient(350deg, #eb5c1c, #f5a700);
    }

    99% {
        background: linear-gradient(356deg, #eb5c1c, #f5a700);
    }

    100% {
        background: linear-gradient(360deg, #eb5c1c, #f5a700);
    }
}

/* Control de paginas en datatble */
.dataTables_length {
    display: none;
}

/*AUTOCOMPLETE CONTAINER*/
.pac-container {
    z-index: 10000;
}

.timeline-label .timeline-label {
    width: 95px !important;
    flex-shrink: 0;
    position: relative;
    color: #3f4254;
}

.timeline-label:before {
    content: "";
    position: absolute;
    left: 98px !important;
    width: 3px;
    top: 0;
    bottom: 0;
    background-color: #eff2f5;
}

.text-orange {
    color: #ff7600 !important;
}

input#search_condominio_ajax {
    border-radius: 7px 0px 0 7px;
}

.disabled_input {
    background-color: #dddddd !important;
}

.select2-container .select2-selection--single {
    height: 43px !important;
    background-color: #f5f8fa;
}

.venta_nueva_menu {
    position: absolute;
    top: 44px;
}

@media (min-width: 992px) {

    div::-webkit-scrollbar,
    ol::-webkit-scrollbar,
    pre::-webkit-scrollbar,
    span::-webkit-scrollbar,
    ul::-webkit-scrollbar {
        width: 1rem !important;
        height: 0.4rem !important;
    }
}

/* LOADER */
.loader {
    margin-left: auto;
    margin-right: auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 2px solid #FF3D00;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 2px solid #FFF;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

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

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

/**EDWIN ADD*/
.btn-success-degradate {
    background: linear-gradient(73deg, #2a9b5d, #50cd89) !important;
    color: white;
}

.form-check-input:checked {
    border-color: #50cd89 !important;
    background-color: #50cd89 !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.vertical-align-middle {
    vertical-align: middle;
}

.check-disabled-product {
    font-size: 26px;
    position: relative;
    left: -29px;
}

.name-disabled-product {
    position: relative;
    left: -22px;
    bottom: 4px;
}

.confirme_btn {
    display: none;
}

#kt_body {
    overflow-y: auto;
}

/*.leaflet-control-layers-toggle {*/
/*    display: none !important;;*/
/*}*/
/*creado por: Gian Carlos Almeyda A.
fecha creacion: 24/02/2025
PROY-0006-2025/COM-WIN - Venta de WINTV APP
se agrega el siguiente estilo para los input, cuando valide el codigo el border resalte
*/
.otp_input {
    width: 100%;
    height: 80px;
    text-align: center;
    outline: none;
    border-radius: 11px;
    border: 3px solid #f07232;
    background-color: #FFF;
    color: #000;
    margin: auto 4px;
}
.into-cstm-checkbox-content input {
    width: 0;
    height: 0;
    opacity: 0;
}
.into-cstm-checkbox-content label {
    position: relative !important;
    padding-left: 45px !important;
    text-transform: uppercase;
    font-weight: 600;
}
.into-cstm-checkbox-content label::before {
    position: absolute !important;
    top: 50% !important;
    width: 39px !important;
    height: 20px !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    background-color: #e7e7e7 !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}
.into-cstm-checkbox-content label::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 2px !important;
    width: 17px !important;
    height: 17px !important;
    border-radius: 50%;
    opacity: 1 !important;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}
.into-cstm-checkbox-content input:checked ~ label::before {
    background-color: #6edc5f !important;
}
.into-cstm-checkbox-content input:checked ~ label::after {
    left: 20px !important;
}

/* -------------------------------------------------------------------------------------------------------------- 
Autor: Carlos Meneses
Proyecto: PROY-0010-2025COM-WIN - Nuevo Módulo Gestión Ataque y Mejoras en el Módulo de Clientes por Excepción
Fecha: 10/04/2025
Descripción: Se agregan nuevos estilos para el formulario de información del cliente.
----------------------------------------------------------------------------------------------------------------- */

#info-cliente-general {
    display: none;
}

input.form-control.form-control-solid.error,
select.form-control.form-control-solid.error,
textarea.form-control.form-control-solid.error {
    border: 1px solid #f1416c;
}

label.error {
    margin-top: 2px;
    color: #f1416c;
}

.reg-aceptados, .reg-rechazados {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.reg-aceptados .icon-aceptados, .reg-rechazados .icon-rechazados {
    display: flex;
}

.reg-procesados {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.space-x-10 > * + * {
    margin-left: 0.5rem;
}