/* ------------------------------------------------------------------------------
 *
 *  # Core  from GLEB Site
 *
 *  Content area, sidebar, page header and boxed layout styles
 *
 * ---------------------------------------------------------------------------- */
body {
}

.td_elemento_bt {
    border-bottom: 1px solid #ddd !important;
}

.tableFixHead {
    overflow: auto;
    max-height: 300px;
}

    .tableFixHead thead th {
        position: sticky;
        top: 0;
        z-index: 1;
    }

.scrollable-container {
    max-height: 300px; /* Or use a viewport unit like 50vh */
    overflow: auto; /* 'scroll' shows scrollbar always, 'auto' shows when needed */
    /* Optional: Hide scrollbar visually but keep functionality */
    /* -webkit-overflow-scrolling: touch; */
}

    /* For hiding scrollbar on Webkit (Chrome, Safari) */
    .scrollable-container::-webkit-scrollbar {
        /* display: none; */
    }

/* For hiding scrollbar on Firefox */
.scrollable-container {
    scrollbar-width: none; /* Firefox */
}

/* Force width 80%*/
.width_80 {
    width: 80% !important;
}

.banner_recover_pass {
    height: 100%;
    background: url('/img/background/banner2.jpg')center center no-repeat;
    background-size: cover;
}

.banner_login{
    height: 100%;
    background: url('/img/background/banner1.jpg')center center no-repeat;
    background-size: cover;
}

.special-card {
    /* create a custom class so you
		   do not run into specificity issues
		   against bootstraps styles
		   which tends to work better than using !important
		   (future you will thank you later)*/

    background-color: rgba(255, 255, 255, 255 );
    opacity: .95;
}

.navbar-white-gleb {
    color: black;
    background-color: #ffffff;
    border-bottom: 1px solid #ddd !important;
    /* border-bottom-color: rgba(255, 255, 255, .1); */
}

.pnl-footer {
    background-color: rgba(14, 14, 14, 0.38);
    width: 100%;
    height: 50px;
    z-index: 99999;
    position: absolute;
    bottom: 0px;
    left: 0px;
    vertical-align: middle;
}

.row_readonly {
    /* background-color: #FFFBE5 !important;*/
    color: #856f25 !important;
    background-color: #fff8e2 !important;
    border-color: #ffd957 !important;
}