.pc-container.sidebar-hidden {
    margin-left: 0 !important;
}

.morado.active {
    background-color: #d362d3 !important; 
}

.rosa.active {
    background-color: #e071a4 !important; 
}

.azul.active {
    background-color: rgb(73 103 209) !important; 
}

.verde.active {
    background-color: rgb(95 186 101) !important; 
}

.amarillo.active {
    background-color: rgb(118 125 24) !important; 
}

.naranja.active {
    background-color: #e29b4b !important;
}

.rojo.active {
    background-color: #c95a5a !important; 
}

.turquesa.active {
    background-color: #4fb3b3 !important;
}

.celeste.active {
    background-color: #7daee6 !important; 
}

.lima.active {
    background-color: #b1cc58 !important; 
}

.salmon.active {
    background-color: #e48f88 !important;
}

.lavanda.active {
    background-color: #b28cd9 !important; 
}

#TabsPrincipal li{
    margin-right: 17px;
}

.dvBadgeCerrar{
    padding: 2px !important;
    background-color: #e83e8c !important;
}

.LoadStop{
    display: none !important;
}

iframe {
    width: 100%;
    height: 100vh;
}

.sinTabs {
    display:none !important;
}

.RadGrid {
    border-radius: 10px;
    overflow: hidden;
}

    .RadGrid table.rgMasterTable {
        border-radius: 10px;
    }

.RadToolBar .rtbWrap, .RadToolBar .rtbOut, .RadToolBar .rtbMid, .RadToolBar .rtbIn {
    font-size: large;
}

.RadToolBarDropDown .rtbWrap {
    padding: 2px 6px !important;
}

    .RadToolBarDropDown .rtbWrap span {
        gap: 8px;
        display: flex;
        align-items:baseline;
    }

.chk input[type="checkbox"] {
    background-color: #e83e8c;
    border-color: #e83e8c;
    border-radius:2px;
    float:left;
    margin-left:-1.85em;
    cursor:pointer;
}

/*--------------------------------------------------------*/
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #e9ecef; /* Color claro similar al fondo de tu formulario */
}

::-webkit-scrollbar-thumb {
    background: #6c757d; /* Color gris que combina con tu diseño */
    border-radius: 5px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #495057; /* Color más oscuro al hover */
    }

/* Estilo para Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #6c757d #e9ecef;
}
/*--------------------------------------------------------*/


.TelerikModalOverlay {
    z-index: 3001 !important;
}

#RadWindowWrapper_rwndm {
    z-index: 3002 !important;
}

.RadWindow .RadWindow_Glow .rwNormalWindow .rwTransparentWindow {
    z-index: 3002 !important;
}

body .swal2-container {
    z-index: 4004 !important;
}

.notifier-container {
    z-index: 3005 !important;
}

.row {
    margin-bottom: 8px !important;
}

.form-check {
    display: inherit !important;
}

.modal-dialog-custom {
    min-width: 850px !important;
}

.superTab i {
    color: #bfbfbf !important;
    font-size: 19px !important;
    margin-right: 3px !important;
}

.superTab svg {
    color: #bfbfbf !important;
    font-size: 19px !important;
    margin-right: 3px !important;
}

.btnCustom {
    color: white !important;
    font-size: 15px !important;
    padding: 5px 11px !important;
}

    .btnCustom a {
        color: white !important;
    }

    .btnCustom.rtbItemHovered {
        border-color: #cd8100;
        color: #733700;
        background-color: #cd8100;
    }

        .btnCustom.rtbItemHovered a {
            color: #733700;
        }

        .btnCustom.rtbItemHovered svg {
            color: #733700;
        }

.badge {
    background-color: red;
    color: white;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 10px;
    vertical-align: top;
    margin-left: 4px;
}

.badgePosition {
    position: relative !important;
    top: -7px;
    right: 7px;
}