.display-none, .level {
    display: none;
}
.colorgreen {
    color: green;
}
.coloryellow {
    color: #ffc107;
}
.colorred {
    color: red;
}
.bgskyblue {
    background-color:skyblue;
}
.bggreen {
    background-color: green;
}

.bgnavy {
    background-color: navy;
}

.bgpurple {
    background-color: purple;
}

.bgcolor1 {
    background-color: #20639b;
}

.bgteal {
    background-color: teal;
}

.bgblue {
    background-color: blue;
}
.bggray {
    background-color: #808080;
}
approachimpact-slide {
    width: 301.5px;
    margin-right: 30px;
}
#approch-impact .swiper-wrapper {
    transition-duration: 0ms; transform: translate3d(-1989px, 0px, 0px);    
}
iframe {
    border: 1px solid #eee;
    padding: 10px;
    width: 100%;
    height: 668px;
}
.ujnDW.tVpxPe {
    background-color: #e6f4ea;
}

.ujnDW.tVpxPee {
    background-color: #fde2e2;
}

.ujnDW.fFF82 {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 4px;
    padding: 0.5em;
}

.ujnDW {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 0.5em 0.5em 0.5em 0;
}
.aboutBlk .aboutContent {
    background: rgba(255,255,255,.9);
}
ul.decimallist {
    list-style-type: decimal;
    list-style:decimal;
}
marquee {
    width: 100%;
    height: 50px;
    color: red;
    font-size: 30px;
}
.form-group label span {
    color: red;
}
.loginMain fieldset {
    padding: 5px;
    font-family: cursive;
}

#btnSubmit {
    color: #000;
    background-color: #8ba1d3
}
.nocursor {
    cursor:none;
}
/* Domain List Page */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}
    /* Change background color of buttons on hover */
    .tab button:hover {
        background-color: #ddd;
    }
    /* Create an active/current tablink class */
    .tab button.active {
        background-color: #ccc;
    }

td, th {
    text-overflow: unset !important;
    white-space: unset !important;
    border: 0px solid #d8d8d8;
}

table.dataTable tfoot tr th {
    color: #000;
    background: #fff;
    padding: 8px;
    border: 0px solid #8a8787;
    text-align: center;
}

table.dataTable thead tr th {
    color: #3c81ba;
    font-weight: 400;
    background: #e9f0f5;
}

table.dataTable tbody tr td {
    color: #000;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.dataTables_scrollHeadInner {
    padding: 0;
}

.modal-body .dataTables_scrollBody {
    height: calc(50vh - 100px) !important;
}

.dataTables_scrollBody {
    height: 100 !important;
}


input[type=text]:enabled {
    
}

input[type=text]:disabled {
    background: #dddddd;
}
/* Error page */
:root {
    --primary-color: #2b78e4;
    --primary-hover: #1a5cb8;
    --text-muted: #6c757d;
    --text-dark: #212529;
}

.error-wrapper {
    min-height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.error-card {
    max-width: 550px;
    padding: 2.5rem;
    background: #ffffff;
}

.error-code {
    font-size: 6.5rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
    background: linear-gradient(45deg, var(--primary-color), #5b9bf5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1.5rem;
}

.error-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 1rem;
}

.error-desc {
    color: var(--text-muted);
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 2rem;
}

.btn-error-home {
    background-color: var(--primary-color);
    color: #ffffff !important;
    font-weight: 600;
    padding: 0.75rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 12px rgba(43, 120, 228, 0.15);
}

    .btn-error-home:hover {
        background-color: var(--primary-hover);
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(43, 120, 228, 0.25);
    }

.error-icon-box {
    color: rgba(43, 120, 228, 0.1);
    margin-bottom: 1rem;
}

.preloader {
    display: none;
}

.sch_name_design {
    width: 99%;
}

    .sch_name_design b {
        font-size: 23px;
        text-align: right;
    }

.preloader {
    background: #000000bf;
    width: 100%;
    HEIGHT: 100%;
    POSITION: ABSOLUTE;
    Z-INDEX: 99;
    TOP: 0;
    LEFT: 0;
}

    .preloader #geting_data {
        POSITION: ABSOLUTE;
        TOP: 54%;
        LEFT: 45%;
        color: #fff;
    }

    .preloader #saving_data {
        POSITION: ABSOLUTE;
        TOP: 54%;
        LEFT: 45%;
        color: #fff;
    }

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

#myDiv {
    display: none;
    text-align: center;
}
.st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #00aabf;
}
marquee {
    width: 100%;
    height: 50px;
    color: red;
    font-size: 30px;
}

    marquee strong {
        color: red;
        font-size: 20px;
    }
#btnSubmit {
    color: #000;
    background-color: #8ba1d3
}

.disabled-link {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

#pageLayout {
    background: #fefefe;
}




/* Self Assessment Evidence */
.evidence-alert {
    font-size: 22px;
}

.evidence-user-guide {
    text-align: left !important;
    font-weight: bold;
}

.evidence-submit-btn {
    color: #000;
    background-color: #ebf0f7;
}

.evidence-success-alert {
    font-size: 14px;
}

.evidence-upload-info {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: red;
    padding: 0 5px 5px 10px;
}

.evidence-file-note {
    color: red;
    font-size: 14px;
}

.evidence-level-id {
    display: none;
}

.assessment-disabled {
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 0.6;
}