#pie_chart{
    max-height:400px !important;
    max-width:400px !important;
}

.chart-container{
    padding: 35px 0px 35px 0px;
}

.fs-5rem {
    font-size: 5rem !important;
}

.fs-4rem {
    font-size: 5rem !important;
}

.fs-35rem {
    font-size: 3.5rem !important;
}

.fw-700{
    font-weight: 700;
}

.pxy5{
    padding:5px !important;
}

.text-blue{
    color:dodgerblue !important;
}

/*.form-control{
    border: 1px solid lightgray !important;
    border-radius: 0px !important;
    height: 2.5rem !important;
}*/

.content-body .form-control{

    border: 1px solid lightgray !important;
    /*border-radius: 0px !important;*/
    height: 2.5rem !important;
}

.content-body .form-select{
    border: 1px solid lightgray !important;
    /*border-radius: 0px !important;*/
    height: 2.5rem !important;
}

.switch-checkbox.selected,.switch-checkbox2.selected {
    border: 1px solid lightgrey;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: dodgerblue;
    color: white;
}

.switch-checkbox,.switch-checkbox2 {
    border: 1px solid lightgrey;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}



.tbl-heatmap th{
    font-size: 10px !important;
    font-weight: 700 !important;
}

.bg-light-warning{
    background:#ffcf6d8c !important;
}

.bg-light-success{
    background:#09bd3c82 !important;
}

.tbl thead th{
    padding: 5px !important;
    background: dodgerblue !important;
    color: white !important;
}

.spinner-container {
    position: fixed; /* Fixed position to center it on the screen */
    top: 50%;        /* Center vertically */
    left: 50%;       /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for the spinner's size */
    z-index: 1050;   /* Ensure it stays above other content */
    background: rgba(255, 255, 255, 0.8); /* Optional: Semi-transparent background */
    padding: 1rem;   /* Optional: Padding around the spinner */
    border-radius: 10px; /* Optional: Rounded corners */
}

.tbl-data th{
    /*color: var(--primary) !important;*/
    background: var(--rgba-primary-2);
    font-weight: 600;
}