:root{
    --tabs-link-active-color: #e17706;
    --main-color-orange:#C88D43;
    --main-color-brown:#1F1E1A;
    --second-color-orange:#E7A136;

    --btn-color-green:#C0C64D;
    --btn-color-gray:#939598;
}


.btn-main{
     background-color: var(--main-color-orange);
     border-color: var(--main-color-orange);
     color: white;
     transition: 1s;
}
.btn-main:hover{
    background-color: var(--tabs-link-active-color);
    border-color: var(--tabs-link-active-color);
    color: white;
}

.btn-main:focus{
    box-shadow: 0 0 0 0.25rem rgba(255, 175, 69, 0.5);
    border-color: var(--tabs-link-active-color);
}

.btn-main:active{
    background-color: var(--tabs-link-active-color);
    border-color: var(--tabs-link-active-color);
    color: white;
}

.btn-main-genetica{
    background-color: #A7BECF;
    border-color: var(--main-color-brown);
    color: white;
    transition: 1s;
}

.btn-green{
    background-color: var(--btn-color-green);
    border-color: var(--btn-color-green);
    color: white;
    transition: 1s;
    display: flex;
    align-items: center;
    line-height: 0.9rem;
}
.btn-green:hover{
    background-color: #999f3d;
    border-color: #999f3d;
    color: white;
}

.btn-gray{
    background-color: var(--btn-color-gray);
    border-color: var(--btn-color-gray);
    color: white;
    transition: 1s;
    display: flex;
    align-items: center;
    line-height: 0.9rem;
}
.btn-gray:hover{
    background-color: #6d6e70;
    border-color: #6d6e70;
    color: white;
}




.content-heading{
    display: flex;
    justify-content:flex-start;
    align-items: center;
    padding: 8px 15px;
    border-radius: 12px;
    color: #FFF;
    font-family: "Kdam Thmor Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 0;
    img{
        margin-right: 0.938rem;

        height:35px;
    }
}
.block-content>.content-heading:first-child, .content>.content-heading:first-child {
    padding-top: 8px;
}

.custom-label{
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);

}

.form-floating input[type=file]::file-selector-button {
        border: 1px solid #ae5f05;
        padding: .2em .4em;
        border-radius: .2em;
        color:white;
        background-color: #c88d43;
        transition: 1s;
        margin-left: 1rem;
        margin-top: .0rem;
      }


      .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: var(--tabs-link-active-color);
    }

    .active>.page-link, .page-link.active {
        background-color: #d97706;
        border-radius: 5px;
        border-color: #ffc759;
    }

    a.nav-main-link.active {
        background-color: var(--second-color-orange);
        color: white!important;
        img{
            filter: brightness(100);
        }

    }

    .footer-text{
        color: #939598;
text-align: center;
font-family: 'Poppins';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
    }

        /* Estilos personalizados para los titulares de la DataTable */
        .table>thead
            {
            color: white;
            background-color: #939598;
            border-color: #C8C8C8;
        }

        .btn-group-sm>.btn, .btn-sm {
            --bs-btn-padding-y: 0.375rem;
        }

.toggle-vis {
    cursor: pointer;
}
.nav-main-link img,.nav-main-heading img{
    filter: brightness(0.5);
}
.btn-notify{
height: 40px;
width: 40px;
border-radius: 50%;
background-color: #EC4963;
text-align: center;
color: white;
}
.btn-notify:hover{
    background-color: white;
    color: #EC4963;
    border: 1px solid #EC4963;
}
.btn-notify:focus{
    background-color: white;
    color: #EC4963;
    border:1px solid #EC4963;
}

.modal-title{
    color: #111;
font-family: "Kdam Thmor Pro";
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
}

.label-modal{
    color: #939598;
font-family: 'Poppins';
font-size: 23px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
}

.span-modal-res{
    color: #111;
font-family: 'Poppins';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.btn-modal{
    background-color: #CDCF93;
    color: #111;
    font-family: "Kdam Thmor Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.btn-modal:hover{
    background-color: #c5c95c;
    color: #111;
}

.btn-close-modal{
    background:#EB4963;
    color: white;
    border-radius:3px;
    height: 24px;
    width: 24px;
    line-height: 0;
    padding: 0;

}
.btn-close-modal:hover{
    background:#e02d42;
    color: white;
}

.table thead th{
    font-size: 0.75rem;;
    /* Ajustar el tamaño de fuente según sea necesario */
}

.dropdown-menu.fs-sm a.dropdown-item {
    font-size: 12px;
    /* Ajustar el tamaño de fuente del menú desplegable si es necesario */
}

.col-small {
    width: 10%;
}

.btn-filter-gray{
    display: flex;
    align-items: center;
    background-color: #C8C8C8;
    color: #FFF;
    text-align: center;
    font-family: 'Poppins';
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    line-height: 0;
    text-transform: uppercase;
    padding: 1rem;
}
.btn-filter-gray:hover{
    background-color: #6d6e70;
    color: #FFF;
}

.btn-filter-gray.active{
background-color: #D36A1E;
color: #FFF;
}
    @media (max-width: 1299.98px) {
        .content-heading{
            align-items: start;
            flex-direction: row;
        }
/*
        .btn-group>.btn {
            border-radius: 0;
        }

        .btn-group>.btn-group:not(:first-child), .btn-group>:not(.btn-check:first-child)+.btn {
            margin-left: 0;
        }*/
    }

    @media (min-width: 992px){
        .sidebar-mini.sidebar-o #sidebar:not(:hover) .nav-main {
    transform: translateX(-.6rem);
}
    }


    @media (max-width: 767.98px) {
        .content-heading{
            align-items:center;
            flex-direction: row;
        }
    }

    @media (max-width: 575.98px) {
        .content-heading{
            flex-direction: column;
        }
    }
    .dark-mode .bg-light{
        background-color:#333a40!important;
    }