/* put your own styles to customize and override the theme */
.success-toast {
    background-color: #4CAF50 !important;
}

.info-toast {
    background-color: #3498db !important;
}

.warning-toast {
    background-color: #f39c12 !important;
}

.error-toast {
    background-color: #e74c3c !important;
}

.text-bold{
    font-weight: 700;
}

.loading, .loading_list_img{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.loading-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    text-align: center;
}
.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.fixed-column {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #fff;
}

.table-check__header{
    color: #2b5a92;
}

.btn-check-status > *{
    font-size: 26px;
    line-height: normal;
}

.ps__rail-y{

    left: auto !important;
    right: 0 !important;
    z-index: 2;
    background: 0 0 !important;
    opacity: 1 !important;
    width: 15px; 
    position: absolute;
    display: none !important;
}

.ps__thumb-x{
    background-color: #2b5a92;
}

.ps__rail-y .ps__thumb-y{
    width: 5px !important;
    background: #92929e !important;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    border-radius: 6px;
    position: absolute;
    right: 2px;
}

fieldset {
    width: 100%;
    border: 2px solid #0000008f; /* Đặt border */
    padding: 10px ; /* Khoảng cách từ viền đến nội dung */
    margin: 10px 0; /* Khoảng cách giữa các fieldset */
    border-radius: 8px;
}

legend {
    font-weight: bold; /* In đậm chữ */
    padding: 0 4px; /* Khoảng cách trong legend */
    font-size: 1.2em; /* Kích thước chữ */
    margin-bottom: 0px;
    width: auto;
}