.card-body {
    text-align: left;
}

.status-functional {
    background-color: green !important;
    color: white !important;
}

.status-merged {
    background-color: lightgreen !important;
}

.status-close {
    background-color: orange !important;
}

.container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    /*margin: 1rem;*/
}

.form-group label {
    font-size: x-large !important;
}

.custom-radio {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer;
    margin-right: 10px;
}

input[type="radio"]:checked + .custom-radio::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    background-color: #000;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.udis {
    max-width: 8px !important;
}

.SName {
    max-width: 5rem !important;
}

.ScAction {
    max-width: 1rem !important;
}

.ScStatus {
    max-width: 1rem !important;
}

.chlabel {
    padding-right: 15px;
}

.func {
    min-width: 8px !important;
    max-width: 8px !important;
}

.RD {
    min-width: 10px !important;
    max-width: 100px !important;
}

.byudise {
    display: block;
}

.byname {
    display: none;
}

.bypin {
    display: none;
}

#divTableSchoolDetails {
    display: none;
}

.dataTables_filter {
    margin-bottom: 0.7rem !important;
}

.sno {
    max-width: 1px !important;
    min-width: 2px !important;
}

.Paragraph > p {
    margin-bottom: 0px;
}
/*
thead tr th {
    background-color: #408ee9 !important;
    color: white !important;
}*/
.btn-info {
    color: white !important;
    font-weight:500;
}

.Sno {
    width: 4% !important;
}
.PostingOffice{
    width: 15% !important;
}
.Sankul, .BasicDetails {
    width: 20% !important;
}
.EmployeeCode {
    width: 9% !important;
}
.EmployeeName {
    width: 10% !important;
}
.Action {
    width: 8% !important;
}
.EmployeeStatus{
    width: 11% !important;
}
.modal-backdrop {
    --bs-backdrop-zindex: 0 !important;
}
.EmpTransfer, .TrackSchool {
    display: none;
}
.udise {
    max-width: 20em !important;
}