.hidden-div {
    display: none;
}

.sidebar {
    transition: all 1s;
}

/*==============================================================*/
/*  Inicio Mini mensaje                                         */
/*==============================================================*/

#nim-container {
    position: fixed;
    bottom: 4rem;
    left: 55%;
    transform: translateX(-50%);
    width: auto;
    width: 80%;
    display: none;
    transition: all 1s;
    z-index: 99999999;
}

/*==============================================================*/
/*  Termina Mini mensaje                                        */
/*==============================================================*/

/*==============================================================*/
/*	Inicio Custom Paginator                                     */
/*==============================================================*/

.dataTables_paginate {
    border: solid 1px #ccc;
    border-radius: 7px;
    padding: 0 !important;
}

    .dataTables_paginate span a {
        border-left: solid 1px #ccc !important;
        border-radius: 0px !important;
        padding: 8px 10px 8px 12px !important;
    }

        .dataTables_paginate span a:last-child {
            border-right: solid 1px #ccc !important;
        }

        .dataTables_paginate span a.ui-state-disabled, .dataTables_paginate a.ui-state-disabled {
            color: #999 !important;
        }

/*==============================================================*/
/*	Termina Custom Paginator                                    */
/*==============================================================*/


/*==============================================================*/
/*	Inicia - Tamaños especiales Tablas                          */
/*==============================================================*/

.table_fs_13 {
    font-size: 13px;
}

.table_fs_12 {
    font-size: 12px;
}

.table_fs_10 {
    font-size: 10px;
}

/*==============================================================*/
/*	Termina - Tamaños especiales Tablas                         */
/*==============================================================*/

/*==========================================*/
/*  Inicia - Fix para easy-autocomplete     */
/*==========================================*/


.easy-autocomplete{
    width: 100% !important;
}

/*==========================================*/
/*	Termina - Fix para easy-autocomplete    */
/*==========================================*/


/*==========================================*/
/*  Inicia - Fix para datetime-picker     */
/*==========================================*/


.picker-switch.accordion-toggle a, .picker-switch.accordion-toggle, .picker-switch.accordion-toggle table {
    width: 100%!important;
    text-align: center;
}

.picker-switch.accordion-toggle a{
    cursor:pointer;
}

/*==========================================*/
/*	Termina -  Fix para datetime-picker    */
/*==========================================*/

/*==========================================*/
/*  Inicia - Div para carga de archivos     */
/*==========================================*/

#upload-panel {
    position: fixed;
    top: 0;
    right: -310px; /* Empieza fuera de la pantalla */
    /* width: 30%; */
    height: 100%;
    background-color: #f4f4f4;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease;
    z-index: 99997;
    display: flex;
    flex-direction: column;
    width: 90%;
    max-width: 310px;
}

.upload-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 20px;
    background-color: #1b2e5b;
    color: #fff;
}

    .upload-panel-header h2 {
        margin: 0;
        font-size: 26px;
    }

    .upload-panel-header button {
        background: none;
        border: none;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
    }

.upload-panel-body {
    padding: 20px;
    flex-grow: 1;
}

#upload-toggle-button {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1001;
    font-size: 18px;
    text-align: center;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease;
}

/* Cuando el panel está abierto */
#upload-panel.open {
    right: 0;
}

#upload-toggle-button.open {
    right: 310px;
}

/*==========================================*/
/*	Termina - Div para carga de archivos    */
/*==========================================*/