@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

@import url("fontawesome-5.8.0/css/font-awesome-all.css");
@import url("bootstrap-icons%401.11.3/font/bootstrap-icons.min.css");

* { outline: none; box-shadow: none!important; }

body { font-family: 'Open Sans', sans-serif!important; }
p { text-align: justify; }
.login { padding: 0px; background: #f6f0d8 url(../images/loginbg2.jpg) left top no-repeat; background-size: 75% auto; height: 100vh; display: flex; align-items: flex-start; justify-content: flex-end; }
.login_wrapper { position: relative; z-index: 3; }
.ripple-background{ z-index: 0 !important; position: absolute; left: 0; top: 0; }
.ripple-background .circle{ position: absolute; border-radius: 50%; animation: ripple 15s infinite; }
.ripple-background .small{
    width: 200px;
    height: 200px;
    left: -100px;
    top: -100px;
    z-index: -999;
}

.ripple-background .medium{
    width: 400px;
    height: 400px;
    left: -200px;
    bottom: -200px;
    z-index: -999;
}
.ripple-background .large{
    width: 600px;
    height: 600px;
    left: -300px;
    top: -300px;
    z-index: -999;
}
.ripple-background .xlarge{
    width: 800px;
    height: 800px;
    left: -400px;
    top: -400px;
    z-index: -999;
}


.ripple-background .medium{
    width: 800px;
    height: 800px;
    left: -400px;
    top: -400px;
    z-index: -999;
}

.ripple-background .xxlarge{
    width: 1000px;
    height: 1000px;
    left: -500px;
    top: -500px;
    z-index: -999;
}

.ripple-background .shade1{
    background: #ffffff8f;
}

.ripple-background .shade2{
    background: #ffffff7f;
}

.ripple-background .shade3{
    background: #00000005;
}

.ripple-background .shade4{
    background: #ffffff5f;
}

.ripple-background .shade5{
    background: #ffffff3f;
}

@keyframes ripple{
    0%{
        transform: scale(0.8);
    }

    50%{
        transform: scale(1);
    }

    100%{
        transform: scale(0.8);
    }
}

.login_content form input[type="text"],
.login_content form input[type="email"],
.login_content form input[type="password"]{ border:0; box-shadow: none; font-size: 14px; }
.login_content.logincont { padding: 15px 60px; text-shadow: 0 1px 0 transparent;
    min-width: 350px; height: 100%;  box-shadow: rgb(17 17 26 / 0%) 0px 0px 16px;
    display: flex; flex-direction: column; justify-content: space-between;
    align-items: stretch; /* default, but ensures height stretch */
    background: #fff url(../images/login-pattren.jpg) left top no-repeat; background-size: cover;
}
.login_wrapper { display: flex; align-items: stretch; height: 100%; }

.login_content.logincont div a { margin: 0px; }
.logincont h1 { font-size: 26px; }
.logincont .loginfld { background: rgb(239 233 218); min-height: 50px; border-radius: 5px; border: 1px solid rgb(229 222 205); }


.loginbtn { font-family: 'Open Sans', sans-serif;
    font-size: 14px; text-transform: uppercase; color: #fff;
    background: linear-gradient(90deg, rgb(9 58 91) 0%, rgb(11 126 175) 100%);
    border: 0; margin: 0px 0px 20px 0px; padding: 8px 25px; border-radius: 5px; }
    .loginbtn:hover { background: rgb(11 126 175); color: #fff; }

    .sitebtn, .whitebtn { font-family: 'Open Sans', sans-serif;
        font-size: 13px; font-weight: 600;
        color: #fff;
        background: #197049; background: linear-gradient(90deg, #197049 0%, #239b67 100%);
        border: 0;
        display: block;
        margin: 0px 0px 20px 0px;
        padding: 8px 25px;
        border-radius: 5px;
        transition: all 0.5s ease-in-out;
    }
    .sitebtn:hover {  color: #fff; }
    .whitebtn {background: #5bbaf0 !important;color: #ffffff; }
    .whitebtn:hover {  color: #fff; }
    .orangebtn {background: #d54c43 !important;color: #ffffff; }
    .orangebtn:hover { background: #9f342d!important; color: #fff; }
    .greenbtn {background: #6495ed !important;color: #ffffff; }
    .greenbtn:hover { color: #fff; }

    .whitebtn:focus{
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }

    .greenbtn:focus{
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }

    element.style {
    }
    a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: 0;
    }
    .whitebtn {
        background: #197049 !important;
        color: #ffffff;
    }

    .sitebtn, .orangebtn {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        background: #197049;
        background: linear-gradient(90deg, #197049 0%, #239b67 100%);
        border: 0;
        display: block;
        margin: 0px 0px 20px 0px;
        padding: 8px 25px;
        border-radius: 5px;
        transition: all 0.5s ease-in-out;
    }

    .sitebtn, .greenbtn {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        background: #197049;
        border: 0;
        display: block;
        margin: 0px 0px 20px 0px;
        padding: 8px 25px;
        border-radius: 5px;
        transition: all 0.5s ease-in-out;
    }
    .sitebtn:hover { background: #135035; }
    .sitebtn-edit{
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        background:#635447;
        border: 0;
        display: block;
        margin: 0px 0px 20px 0px;
        padding: 8px 25px;
        border-radius: 5px;
        transition: all 0.5s ease-in-out;
    }
    .sitebtn-edit:hover{
        color: white;
        background: #2c2722;
    }
    .orange-btn {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        background: #ebb206;
        border: 0;
        display: block;
        margin: 0px 0px 20px 0px;
        padding: 8px 25px;
        border-radius: 5px;
        transition: all 0.5s ease-in-out;
    }
    .orange-btn:hover{
        color: white;
        background: #ffd043;
    }

    .nav_menu { /*background: #fff;*/ }

    .overview-box { width: 100%; margin: 20px 0 0 0; font-family: 'Open Sans', sans-serif!important;
/* background-color: #fff; box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); */ }

.overview-box h2 { font-size: 14px; margin: 0px; padding: 0px; color: #bf3272; font-weight: 600!important; font-family: 'Open Sans', sans-serif!important; }
.overview-box img { margin-right: 10px; }
.overview-box .count { font-size: 21px; color: #3e3e3e; font-weight: 600!important; font-family: 'Open Sans', sans-serif!important; }
.dashboard-stat { position: relative; background: rgba(255, 255, 255, 0.7); border-radius: 60px;
    margin: 15px 0 0 0; padding: 0px; box-shadow: rgb(0 0 0 / 7%) 0px 2px 7px 2px; }
    .dashboard-statbox { padding: 5px 6px; font-size: 13px; line-height: 1.2 }
    .dashboard-statbox span { display: block; font-size: 15px; font-weight: 700; color: #3c3c3c; }
    .dashboard-statbox img { margin-right: 10px; }
    .statdevider { background: #fff; width: 10px; height: 104px; position: absolute; right: -15px; top: -12px; }
    .nolengthtable .dataTables_length, .nolengthtable .dataTables_filter { display: none; }
    .mytable { background: #fff!important; border:0;  border-right: 1px solid #c2d9cf!important; border-bottom: 1px solid #c2d9cf!important; }
    .mytable th {
        vertical-align: sub; background: #125236; vertical-align: top;
        font-size: 11px; color: #fff; border-width: 1px; border-top: 1px solid #125236!important; border-left: 1px solid #125236!important;
        border-bottom: 0!important; border-right: 0; padding: 15px 3px; }
    .mytable td { font-size: 12px; border-top: 1px solid #c2d9cf!important; border-left: 1px solid #c2d9cf!important;
    border-bottom: 0; border-right: 0; padding: 10px 3px 10px 3px; }
    .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,0.5)!important; }
    .table-striped tbody tr:nth-of-type(even) { background-color: rgba(250,241,224,0.5)!important; }
    .dashtbl { background: transparent; border: 0!important; border-radius: 15px; }
    .dashtbl th { font-size: 15px; font-weight: 600; line-height: 1.5; border-top: 0!important; }
    .dashtbl th:first-child { border-radius: 15px 0 0 0; }
    .dashtbl th:last-child { border-radius: 0 15px 0 0; }
    .dashtbl td { border-top: 1px solid #e9e9e9!important; }
    .dashtbl tr:last-child>td { border-radius: 0 0 0 15px; }
    .dashtbl tr:last-child td:last-child { border-radius: 0 0 15px 0; }
    .mytable td select { border: 1px solid #ccc; padding: 5px; font-size: 11px; }
    .mytable td a { color: #bf3272; text-decoration: underline; }
    .mytable td a:hover { color: #000; text-decoration: none; }
    .filtercont { margin: 0px 0px 20px 0px; }
    .filtercont select, .filtercont input { border: 1px solid #ccc; padding: 5px; font-size: 11px; border-radius: 5px; }
    .statusprogress, .statusactive, .statuscancel { background: #f3d771; padding: 1px 8px; border-radius: 15px; color: #000; font-size: 11px; }
    .statusactive { background: #108908; color: #fff; }
    .statuscancel { background: #ff0000; color: #fff; }

    .actionlist { margin: 10px; padding:0px; list-style: none; }
    .actionlist li { float: left; margin: 0px 0px 5px 2px; padding: 0px; list-style: none; }
    .actionlist li a { width: 22px; height: 22px; display: block; text-decoration: none; color: #0ac19f; background: #bff5ea; border-radius: 100%; font-size: 13px; line-height: 1.3; display: flex; align-items: center; justify-content: center; }
    .actionlist li a:hover { color: #e6fffa; background: #0ac19f; }
    .actionlist li:nth-child(2) a { background: #bfffd0; color: #0eb169; }
    .actionlist li:nth-child(2) a:hover { background: #0eb169; color: #bfffd0; }

    .actionlist li:nth-child(4) a { background: #ffe6dd; color: #df2e00; }
    .actionlist li:nth-child(4) a:hover { background: #df2e00; color: #fbf2ef; }

    .actionlist li:nth-child(3) a{ background: #d3efff; color: #3eadef; }
    .actionlist li:nth-child(3) a:hover { background: #3eadef; color:#d3efff; }
    .profileview-pop .close { position: absolute; right: 5px; top: 5px; }
    .profileview-pop .modal-content { border-radius: 20px; }
    .profileview-pop .modal-body { background: #efefef; padding-top: 70px; border-radius: 20px; }
    .profilepop-inr { background: #fff; padding: 20px; box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; }
    .profilepop-head { position: relative; margin-top: -70px; }
    .profilepop-pic { width: 160px; height: 160px; overflow: hidden; display: flex; justify-content: center; align-content: center; border-radius: 100%; }
    .profilepop-pic img { max-width: 100%; }
    .profilepop-right { padding-top: 20px; }
    .profilepop-right h2 { margin: 0px 0px 8px 0px; padding: 0px; font-weight: 600; }
    .profilepop-circle { width: 70px; height: 70px; background: #bf3272; color: #fff; text-align: center; z-index: 2;
        margin: -20px auto 0 auto; position: relative; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 10px; line-height: 1.5; }
        .totalvisit { color: #bf3272; margin: 5px 0 0 0; display: block; }
        .lastlogin { background: #efefef; border-radius: 15px; text-align: center; font-size: 11px; font-weight: 600; }
        .profilepop-row { margin: 8px 0px 0px 0px; color: #000; }
        .profilepop-row i { margin: 0px 5px 0px 0px; color: #bf3272; }
        .profilepop-table {
            display: grid;
            grid-template-columns: 1fr 50%;
        }
        .profilepop-table2 { grid-template-columns: 1fr 3fr 0%; }
        .profilepop-table > div {
            margin: 4px 0px;
            background: #ffeaf4;
            padding: 5px 10px;
            border-radius: 15px 0 0 15px;
            color: #bf3272;
            font-weight: 600;
        }

        .profilepop-table > div:nth-child(3n+2) {
            background: #efefef; color: #000;
            border-radius: 0px 15px 15px 0;
            font-weight: 400;
        }
        .det-profile-pic { border: 1px solid #efefef; width: 100%; min-height: 330px;  }
        .det-profile-pic .carousel button { background: transparent; border: 0; }
        .editproflink { float: right; color: #bf3272; font-size: 13px; }
        .editproflink:hover { color: #000; }
        .det-proflist, .detpro-list { margin: 0px; padding: 0px; list-style: none; }
        .det-proflist li, .detpro-list li { float: left; margin: 10px 15px 0px 0px; padding: 0px; }
        .det-proflist li span { font-weight: 600; }

        .detpro-list li { margin: 10px 5px 0px 0px; }
        .detpro-list li a.det-popbtn { font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            text-transform: uppercase;
            color: #fff;
            background: #bf3272;
            display: block;
            margin: 0px 0px 20px 0px;
            padding: 6px 8px;
            border-radius: 5px;
            transition: all 0.5s ease-in-out; }
            .detpro-list li a.det-popbtn:hover { background: #dd8f00 }
            .detpro-list li a.det-popbtn2 { background: #ff3591; }
            .detpro-list li a.det-popbtn2:hover { background: #bf3272; }
            .whitebox { background: #fff; padding: 20px; margin: 0px 0 20px 0 }
            .whitebox h6 { font-weight: 600; color: #000; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; }
            .scorerow { color: #000; margin-bottom: 5px; padding-bottom: 5px; font-size: 12px; font-weight: 600; border-bottom: 1px solid #ebebeb; }
            .scorerow span { background: #a8d1ff; padding: 3px 5px; border-radius: 15px; width: 100%; display: block; text-align: center; }
            .overallscore {  }
            .overallhd { font-size: 18px; font-weight: 700 !important; border-bottom: 1px solid #75aae3 !important; }
            .overallscore h6 { border:0; font-size: 18px; margin:0px; padding: 0px 0px 15px 0px; }
            .overallscore {
                padding: 10px 10px 0px 10px;
                margin: 0px 0px 10px 0px;
                background: #ffffff8c;
            }
            .overallscore-box {
                background: #fff5d6;
                padding: 20px !important;
                border-radius: 20px;
            }
            .overallscore-box h6 { border:0!important; font-size: 13px!important; margin:0px; padding: 0px 0px 15px 0px; }
            .overallscore-total { padding: 12px 10px 0px 10px; margin: 0px 0px 10px 0px; background: #e3b11c; color: #fff; border-radius: 10px; }
            .overallstat2 { height: 100%;
                font-size: 13px;
                color: #000;
                line-height: 1.3;
                margin: 5px 2px 2px 2px;
                border: 2px solid #111827;
                padding: 10px 0px;
                font-weight: 600;
                background: #fff;
                border-radius: 8px;
                box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
                transition: all 0.3s ease-in-out;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                text-align: center; }
            .overallstat2 h4 { font-weight: 600; margin-bottom: 0px; }


/* status button start */
.checkbox-wrapper-8 .tgl {
    display: none;
}
.checkbox-wrapper-8 .tgl,
.checkbox-wrapper-8 .tgl:after,
.checkbox-wrapper-8 .tgl:before,
.checkbox-wrapper-8 .tgl *,
.checkbox-wrapper-8 .tgl *:after,
.checkbox-wrapper-8 .tgl *:before,
.checkbox-wrapper-8 .tgl + .tgl-btn {
    box-sizing: border-box;
}
.checkbox-wrapper-8 .tgl::-moz-selection,
.checkbox-wrapper-8 .tgl:after::-moz-selection,
.checkbox-wrapper-8 .tgl:before::-moz-selection,
.checkbox-wrapper-8 .tgl *::-moz-selection,
.checkbox-wrapper-8 .tgl *:after::-moz-selection,
.checkbox-wrapper-8 .tgl *:before::-moz-selection,
.checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection,
.checkbox-wrapper-8 .tgl::selection,
.checkbox-wrapper-8 .tgl:after::selection,
.checkbox-wrapper-8 .tgl:before::selection,
.checkbox-wrapper-8 .tgl *::selection,
.checkbox-wrapper-8 .tgl *:after::selection,
.checkbox-wrapper-8 .tgl *:before::selection,
.checkbox-wrapper-8 .tgl + .tgl-btn::selection {
    background: none;
}
.checkbox-wrapper-8 .tgl + .tgl-btn {
    outline: 0;
    display: block; font-size: 11px;
    width: 6em; height: 1.7em; border-radius: 5px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox-wrapper-8 .tgl + .tgl-btn:after,
.checkbox-wrapper-8 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}
.checkbox-wrapper-8 .tgl + .tgl-btn:after {
    left: 0;
}
.checkbox-wrapper-8 .tgl + .tgl-btn:before {
    display: none;
}
.checkbox-wrapper-8 .tgl:checked + .tgl-btn:after {
    left: 50%;
}

.checkbox-wrapper-8 .tgl-skewed + .tgl-btn { margin-bottom: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.2s ease;
    font-family: sans-serif;
    background: #f11010;
}
.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after,
.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {

    display: inline-block;
    transition: all 0.2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 1.7em;
    color: #fff;
}
.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on);
}
.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off);
}
.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active {
    background: #888;
}
.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before {
    left: -10%;
}
.checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn {
    background: #509b23;
}
.checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before {
    left: -100%;
}
.checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after {
    left: 0;
}
.checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%;
}
/* status button end */

.card.custom-card {
    color: #212b37!important;
    border: 0;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; transition: all 0.3s ease-in-out;
    display: flex; align-items: center;
}
.card.custom-card:hover { transform: scale(1.02); }
.main-content-card:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/linebg.png) center center repeat;
    z-index: 0;
    background-size: cover;
}
.card.custom-card .card-body {
    display: flex; height: 100%; align-items: center; padding: 0.3rem 0rem; color: #212b37;
    position: relative; z-index: 1;
}
.card.custom-card .text-muted {
    color: #6e829f !important;
}

.card.custom-card .lh-1 {
    line-height: 1 !important;
}
.card.custom-card .avatar.avatar-md {
    display: inline-flex; align-items: center; justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
    border-radius: 100%;
    color: #fff;
    background: #ffd4e3;
    background: linear-gradient(90deg, rgb(191 50 114) 0%, #9C27B0 100%);
}
.staticon2 { background: #497fa8; background: linear-gradient(90deg, #3a99e5 0%, #676765 100%) !important; }
.staticon3 { background: #497fa8; background: linear-gradient(90deg, #0d1d74 0%, #3F51B5 100%)!important; }
.staticon4 { background: #497fa8; background: linear-gradient(90deg, #225785 0%, #dd636e 100%) !important; }


.userdet { display: flex; flex-direction: column; }
.userdet strong { color: #bf3272; }
.userdet i { font-size: 12px; color: #bf3272; width: 15px; margin-right: 0px; vertical-align: middle; }
.userdet i.fa-envelope { font-size: 10px; margin-top: 2px; }
.userdet i.fa-mobile { font-size: 16px; }
.userdet div { display: flex; }
.card.custom-card.main-dashboard-banner {
    z-index: 1;
    box-shadow: none;
    border: 0;
}
.card.custom-card.main-dashboard-banner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right top, #ff9794, #fd8dac, #e58cc6, #bf7cdc, #6f78f4);
    z-index: -1;
}
.card.custom-card.main-dashboard-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/leafbg.png);
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    z-index: 0;
    opacity: 0.1;
}

/*harpreet css start*/
.desk-package { margin: 5px 0px 10px 0px; border-bottom: 1px solid #ffffff42; padding: 0px 0px 12px 0px; }
.packicon span { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #fff; border-radius: 100%;
    color: #1375c5; font-size: 20px; }
    .packicon i.fa-crown { display: block; color: #ff419b; }

    .packdet { font-size: 14px; display: block; color: #fff; flex-grow: 1; }
    .packdet span { font-size: 20px; font-weight: 600; display: block; color: #fff; }
    .packdet a { font-size: 11px; font-weight: 600; color: #fff; float: right; }
    .packprc { font-size: 12px; font-style: normal; }
    .packprc em { font-style: normal; }

    .topselling-plan { border-radius: 20px; position: relative; border: 0; min-height: 120px;
       background: #fff; }
       .topselling-plan:after { content: ''; background: url(../images/cornor-design.png) right top no-repeat; position: absolute; right: 0; top: 0;
           width: 59px; height: 81px; }
           .panelname { font-size: 22px; line-height: 1.5;  font-weight: 700; color: #d32a2a; }
           .panelname span { display: block; font-size: 12px; text-transform: uppercase; color: #0a5e20; }
           .dash-card { background: #4caf84; box-shadow: none!important; border: 2px solid rgba(255, 255, 255, 0.6)!important; }
           .dash-card h5, .dash-card h6, .dash-card p { font-size: 13px; color: #fff; margin: 2px; }
           .main-content-card h5 { font-size: 13px; }
           .firststat h4 { font-size: 13px; margin: 2px 0px 2px 0px; }
           .firststat h5 span { background: #ffc107; padding: 2px 8px; border-radius: 5px; }
           .largerfont { font-size: 20px!important; font-weight: 700; margin-bottom: 0px!important; }

           .amberbg { background: #ffc107; }
           .amberbg.dash-card h5, .amberbg.dash-card h6, .amberbg.dash-card p { font-size: 13px; color: #000; margin: 2px; }
           .redbg { background: #d32a2a; }
           .bluebg { background: #002f63; }
           .lgreenbg { background: #30d35b; }
           .dgreenbg { background: #0a5e20; }
           .lgreybg { background: #efefef; border: 1px solid #fff; }



           .newspanel { border-radius: 15px; border:0 none; background: #22C1C3;
              background: linear-gradient(0deg, rgb(32 144 95) 0%, rgb(255 87 7) 100%); }
              .newspanel .x_title { border-bottom: 1px dashed #fff; }
              .newspanel .x_title h2 { font-size: 15px; font-weight: 600; }
              .newspanel .x_title h2 img { margin-right: 5px; }
              .newspanel p { color: #fff; margin: 5px 0 0 0; }

              .card-design { background: #fff; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; padding: 15px; }
              .dgreen { color: #0a5e20; }
              .yellow { color: #ffc107; }
              .blue { color: #002f63 }
              .card-design h5 { font-size: 15px; font-weight: 700; }

/*news scroll start*/
.auto-scroll-list {
    height: 170px;
    overflow: hidden;
    position: relative;
}
.auto-scroll-list ul {
    animation: scrollUp 35s linear infinite;
}

@keyframes scrollUp {
    0%   { transform: translateY(0); }
    100% { transform: translateY(-100%); }
}

.auto-scroll-list:hover ul {
    animation-play-state: paused;
}

/*news scroll end*/

.togglebtnn { background: rgba(0, 0, 0, 0.3); width: 50px; border-radius: 0px 20px 20px 0px; color: #fff; font-size: 20px; }
.signupnow { font-size: 15px; }
.signupnow a { color: #ba1f2a; }
.signupnow a:hover { color: #000; text-decoration: underline; }


/*step start*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}
#msform fieldset {
    /*background: white;*/
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}
#msform label { font-size: 13px; }
#msform input, #msform select, #msform textarea { font-size: 13px; }


/*#msform input,
#msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    background-color: #ECEFF1;
    font-size: 14px;
    letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #673AB7;
    outline-width: 0
}*/

#msform .action-button {
    min-width: 60px;
    background: #d72c31;
    border-color: #d72c31;
    border-radius: 5px;
    color: white;
    border: 0 none;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right;
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #1e1e1e
}

#msform .action-button-previous {
    min-width: 100px;
    background: #616161;
    border-radius: 5px;
    color: white;
    border: 0 none;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 19px;
    color: #000000;
    margin-top: 9px;
    font-weight: normal;
    text-align: left;
}
.purple-text {
    color: #673AB7;
    font-weight: normal
}

.steps {
    font-size: 15px;
    color: gray;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    padding: 0;
    overflow: hidden;
    color: #888;
    display: flex; align-items: center; justify-content: space-between;
}


#progressbar .active {
    color: #fd030b
}

#progressbar li {
    list-style-type: none;
    font-size: 13px;
    float: left;
    position: relative;
    font-weight: 400;
    margin: 0px 10px;
}


#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #a9a9a9;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
    font-family: 'Font Awesome 5 Pro';
}

#progressbar #account:before {
    content: "\f007"; color: #fff;
}
#progressbar #personal:before {

    content: "\f0b1";
}
#progressbar #payment:before {

    content: "\f19c";
}
#progressbar #confirm:before {

    content: "\f0c0";
}
#progressbar #doc:before {

    content: "\f15c";
}
#progressbar #dec:before {

    content: "\f164";
}

.enrolmentform #personal:before {
    content: "\f500"!important;
}



#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #d32a2a;
}

#progressbar li:nth-child(2).active { color: #002f63; }
#progressbar li:nth-child(3).active { color: #ddcc0c; text-shadow: 0 1px 0px #fff; }
#progressbar li:nth-child(4).active { color: #dd9a05; }
#progressbar li:nth-child(5).active { color: #4caf84; }
#progressbar li:nth-child(6).active { color: #0a5e20; }

#progressbar li:nth-child(2).active:before { background: #002f63; color: #fff; }
#progressbar li:nth-child(3).active:before { background: #f5e100; color: #fff; text-shadow: none; }
#progressbar li:nth-child(4).active:before { background: #ffbf00; color: #fff; }
#progressbar li:nth-child(5).active:before { background: #4caf84; color: #fff; }
#progressbar li:nth-child(6).active:before { background: #0a5e20; color: #fff; }

.progress { height: 5px; }
.signupbox .progress-bar { background-color: #fd030b; }
.signupbox .progress .progress-bar { height: 5px; }

.signupbox .form-inner {
    max-width: 600px;
    width: 100%;
    padding: 30px 40px;
    text-align: center;
    z-index: 999;
    background: #dcc170;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    border-radius: 25px;
}
.signupbox .form-section h3 {
    margin: 0 0 25px;
    font-size: 25px;
    font-weight: 400;
    color: #040404;
}
.fit-image { width: 100%; object-fit: cover; }
.sbmt-btn { text-align: center;
    width: 100px;
    background: #d72c31;
    border-color: #d72c31;
    border-radius: 5px;
    color: white;
    border: 0 none;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right;
}
.sbmt-btn:hover, .sbmt-btn:focus {
    background-color: #1e1e1e
}
.dashboardstatbox i.fa-ticket-alt { color: #c93b3e; }
.dashboardstatbox i { position: relative; right: -20px; font-size: 60px; transform: rotate(-45deg); color: #c93b3e; }
.greenticket { color: #47912a!important; }
.orangeticket { color: #df9c1d!important; }
.dashboardstatbox .nav-tabs .nav-item { padding:0px!important; }
.dashboardstatbox .nav-tabs { border:0 }
.dashboardstatbox .nav-tabs .nav-link { font-size: 12px; padding: 3px 8px; border:0; border-radius: 5px; }
.dashboardstatbox .nav-tabs .nav-link.active { background: #c93b3e; color: #fff; }
.signupbg { background: #fef7e5; }
@media (min-width: 769px){
    .signupbg .container-fluid { max-width: 1400px; padding-left: 40px; padding-right: 40px; }
}

.signuphd { font-size: 20px!important; font-weight: 600!important; margin: 10px 0!important; }
.signuplogo img { max-height: 120px; }
.note { float: left; background: #fcf5e3; border-radius: 5px; margin: 15px 0 0 0; padding: 5px 20px; font-size: 12px; font-style: italic;
    text-align: center; }
    .note span { font-weight: 700; }
/*step end*/

.starflied { color: #ff0000; font-size: 11px; }
.upload-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 4px;
}

.file-input-hidden {
    display: none;
}

.file-upload-button {
    background: #e9b210; color: white; padding: 3px 15px; margin: 0px;
    border-radius: 6px; cursor: pointer; font-size: 14px;
}
.file-upload-button:hover {
    background: #ffc826;
}
.file-name-display {
    margin-left: 10px;
    font-style: italic;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    display: inline-block;
    font-size: 12px;
    flex-grow: 1;
}
.note-cont { font-size: 13px; }
.notehd { background: #ffe9e9; color: #d61219; padding: 5px 8px; border-radius: 5px; }
.signup-hds { background: #002f63; color: #fff; padding: 5px 8px; border-radius: 5px; }

.download-rep { border: 4px solid #1061b9; display: block; margin: 25px 0 10px 0; border-radius: 10px; }
.download-rep h5 {
    margin: 0px;
    padding: 11px 25px;
    color: #fff;
    font-size: 1.1rem;
    border-radius: 6px 6px 0px 0px;
    background: #002f63;
    background: linear-gradient(90deg, #002f63 0%, #0c509b 100%);
    border-bottom: 4px solid #032850;}
.overallstat.total-bluebg p{font-size: 11px;}

.download-rep-body { background: #fff; padding: 6px 15px; color: #fff; border-radius: 0 0 6px 6px; }
.download-rep-btn { width: 100%; background: #30d35b; background: linear-gradient(90deg, #30d35b 0%, #1eb144 100%);min-height: 80px;
   border-radius: 8px; padding: 20px 0; color: #fff; font-size: 1rem; font-weight: 600; line-height: 1.5; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
   .download-rep-btn:hover { color: #fff; background: linear-gradient(90deg, #1eb144 0%, #30d35b 100%); }

   .download-rep-btn.bn2 { background: linear-gradient(90deg, #ebb208 0%, #c7970e 100%); }
   .download-rep-btn.bn2:hover { color: #fff;  background: linear-gradient(90deg, #c7970e 0%, #ebb208 100%); }

   .download-rep-btn i.d-block { font-style: normal; font-size: 0.8rem; opacity: 0.8; }

   .bluecont { background: #002f63; background: linear-gradient(90deg, #002f63 0%, #0c509b 100%); margin: 13px 0 0 0; padding: 15px 5px 15px 5px; border-radius: 15px; }
   .bluecont p { font-size: 7px; margin-bottom: 0; padding-bottom: 0; text-align: justify; }

   .greenparent-cont {
        background: #002f63;
        background: linear-gradient(90deg, #d19c00 0%, #81b72e 100%);
        margin: 13px 0 0 0;
        padding: 15px 5px 20px 5px;
        border-radius: 15px;
    }



   .feedbackform label { font-weight: 600; }
   .feedbackform .form-control, .feedbackform .form-select {
    display: block;
    width: 100%;
    height: calc(1.2em + .75rem + 5px);
    padding: .375rem .65rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #ced4da;
    border-radius: .25rem;
}
.feedbackstats { padding: 10px 5px 15px 5px; margin: 0px 0px 20px 0px; border-top: 1px solid #eec951; border-bottom: 1px solid #eec951; }
.feedbackstat-box { height: 100%; font-size: 13px; color: #000; line-height: 1.3; margin: 5px 2px 2px 2px;
   padding: 10px 0px; font-weight: 600; background: #fff; border-radius: 15px; /*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;*/
   transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center;
   flex-direction: column; text-align: center; }

.ratingstat-box { height: 100%; font-size: 13px; color: #000; line-height: 1.3;
    margin: 5px 2px 2px 2px; border: 2px solid #111827; padding: 10px 0px; font-weight: 600;
    background: #fff; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition: all 0.3s ease-in-out; display: flex; align-items: center;
    justify-content: center; flex-direction: column; text-align: center;
}
.ratingstat-box em.range { display: block; text-align: center; min-width: 90%; background: rgba(255, 255, 255, .3); border-radius: 5px; padding: 2px 5px; margin-top: 5px; color: #000; }
.ratingstat-box.white em.range { background: rgba(0, 0, 0, 0.05); }

.ratingstat-box.feedbox7 em.range { color: #fff; }

.heightsameraw { display: flex; }
.ratingstat-box2 { height: 100%; font-size: 13px; color: #fff; line-height: 1.3; text-align: center;
    margin: 5px 2px 2px 2px; padding: 10px 0px 0px 0px; border: 2px solid rgba(255, 255, 255, 0.5);  font-weight: 600;
    background: #a3c95a; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition: all 0.3s ease-in-out;
}
.ratingstat-box2 em.range { display: block; text-align: center; min-width: 90%; background: rgba(255, 255, 255, .3); border-radius: 5px; padding: 2px 5px; margin: 5px; color: #000; }
.ratingstat-box2.white em.range { background: rgba(0, 0, 0, 0.05); }

.feedbox2 { background: #6490f0; color: #fff; }
.feedbox3 { background: #59bd7f; color: #fff; }
.feedbox4 { background: #7ee7a5; }
.feedbox5 { background: #eec951; }
.feedbox6 { background: #d54c43; color: #fff; }
.feedbox7 { background: #9ca3af; color: #fff; }


.feedbacktopic h4 { margin: 0px; padding: 12px 15px; font-size: 16px; color: #fff; border-radius: 6px 6px 0px 0px;
 background: #002f63; background: linear-gradient(90deg, #002f63 0%, #0c509b 100%); }
.feedbacktopic-body { border: 2px solid #d0e6ff; border-radius: 0px 0px 5px 5px; }
.feedbacktopic-body p { text-align: justify; }

.feedbacktopic2 h4 { margin: 0px; padding: 12px 15px; font-size: 16px; color: #fff; border-radius: 6px 6px 0px 0px;
 background: #002f63; background: linear-gradient(90deg, #8c9326 0%, #166543 100%); }
.feedbacktopic2-body { border: 2px solid #d0e6ff; border-radius: 0px 0px 5px 5px; }
.feedbacktopic2-body h5 { font-size: 15px; margin: 10px 13px; padding: 4px 15px; background: #fff1c6; display: inline-block; border-radius: 7px; }
.learning-qus { margin: 0px 15px 7px 15px; background: #f7f7f7; padding: 5px 15px 5px 35px; position: relative; }
.lightwhite-bg { background: #ffffffbf; }
.greenblue-gredient { background: #11975d; background: linear-gradient(90deg, #11975d 0%, #244fb1 100%); }

.learning-qus .qnumber { position: absolute; left: 0; padding: 2px 5px; border-radius: 0px 15px 15px 0px;
    background: #000; color: #fff; font-size: 12px; font-weight: 600; }
.learning-qus h6 { font-size: 13px; margin: 2px 0 0px 0; padding: 0; }
.feedbackform .learning-qus label { margin-bottom:0!important }
.quesrow { background: #f9fafb; padding: 0px 10px; }
.whitebg { background: #fff; }

 .qus { position: relative; padding: 0px 0px 0px 50px; margin: 10px 0 0 0; }
 .qus span { display: flex; width: 38px; height: 38px; background: #000; color: #fff; align-items: center;
    justify-content: center; font-size: 16px; font-weight: 600; position: absolute; left: 0; top: 0; border-radius: 100%;
}
.rating-boxes { display: flex; gap: 10px; margin-top: 10px; }
.boxx {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
}

.boxx.selected {
    border: 4px solid #000;
    transform: scale(1.05);
}

/* Hide original radio buttons */
.rating-inputs input[type="radio"] {
    display: none;
}


/*feedback radio start*/
.radio-inputs-19 { position: relative; display: flex; flex-wrap: wrap; box-sizing: border-box; font-size: 14px; padding: 10px 0px 0px 0px; }
.radio-inputs-19 label { flex: 1 1 auto; text-align: center; max-width: 40px; margin-right: 10px; }
.radio-inputs-19 label input { display: none; }
.radio-inputs-19 label .name {
    background-color: #6495ed;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    border: none;
    padding: .1rem 0; font-size: 18px; color: #fff;
    transition: all .15s ease-in-out;
    font-size: 14px !important;
    border: 5px solid transparent;
}

.radio-inputs-19 label:nth-child(2) .name {
    background-color: #6fc57d;
}

.radio-inputs-19 label:nth-child(3) .name {
    background-color: #8be7b4;
}

.radio-inputs-19 label:nth-child(4) .name {
    background-color: #e6c75f;
}

.radio-inputs-19 label:nth-child(5) .name {
    background-color: #d54c43;
}

.radio-inputs-19 label:nth-child(6) .name {
    background-color: #9ca3af;
}

.radio-inputs-19 label input:checked + .name {
   border-color: #000; transform: scale(1.15);
}

.overallstat { width: 100%; border: 2px solid #d0e6ff; border-radius: 10px; color: #000;
    text-align: center; padding: 5px; background: #fff;
    justify-content: center; align-items: center; display: flex; flex-direction: column;

}
.overallstat p { margin: 0px; }
.overallstat h4 { margin: 0px; padding: 0px; font-weight: 600; font-size: 17px; }

.greencont { border: 4px solid #147c4f; display: block; margin: 25px 0 10px 0; border-radius: 10px; }
.greencont h5 { margin: 0px; padding: 6px 25px;font-size: 1.1rem; color: #fff; border-radius: 6px 6px 0px 0px;
    background: #125236; background: linear-gradient(90deg, #125236 0%, #147c4f 100%); border-bottom: 4px solid #147c4f; }
.greencont-body { background: #fff; padding:6px 15px; color: #fff; border-radius: 0 0 6px 6px; }

.strengthfld textarea, .strengthfld input { height: 132px!important; border-radius: 8px!important;
    background: #edfff7!important; border: 2px solid #c5f5e0!important; }

    .status-outstanding, .status-verygood, .status-good, .status-acceptable, .status-weaks { background: #6490f0; padding: 1px 8px; margin-bottom: 5px; display: inline-block; border-radius: 15px; color: #fff; font-size: 11px; line-height: 1.3; }
    .status-verygood { background: #59bd7f; }
    .status-good { background: #7ee7a5; }
    .status-acceptable { background: #eec951; }
    .status-weaks { background: #d54c43; }
    .dash-feedbackstat { border-top: 1px solid #fabe0a; border-bottom: 1px solid #fabe0a; padding: 10px 0 18px 0; }

    /*multi select start*/
    .multi-select {
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }

    .multi-select .selected-items {
        /*min-height: 45px;*/
        background: #fff;
        border: 1px solid #ccc;
        padding: 6px;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        cursor: pointer;
        border-radius: 0px;
        position: relative;
        font-size: 11px;
    }

    .multi-select .selected-items:after { content: "\f107"; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 10px; top: 8px; }

    .multi-select .selected-items .placeholder {
        color: #999;
    }

    .multi-select .tag {
        background: #208e5e;
        color: #fff;
        padding: 4px 10px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        font-size: 13px;
    }

    .multi-select .tag span {
        margin-left: 8px;
        cursor: pointer;
        font-weight: bold;
    }

    .multi-select {
    position: relative;
}



    .multi-select .dropdown {
        position: absolute;
        border: 1px solid #ccc;
        background: #fff;
        border-radius: 0px;
        max-height: 250px;
        overflow-y: auto;
        margin-top: 4px;
        display: none;
        z-index: 100;
    }

    .multi-select .dropdown label {
        display: flex;
        padding: 6px 10px; margin: 0px;
        cursor: pointer;
    }

    .multi-select .dropdown label input {
        margin-right: 5px;
    }

    .multi-select .dropdown label:hover {
        background: #f1f1f1;
    }

    .multi-select .tag:after { display: none; }
    /*multi select end*/

    .multi-select.dropup .dropdown {
        margin-top: 0;
        margin-bottom: 4px;
        bottom: 100%;
        top: auto;
    }

    .smallmultiselect .selected-items:after { top:0 }
    .multi-select .dropdown label { padding: 3px 5px; font-size: 11px; line-height: 1.1;text-transform: capitalize; }
    .multi-select .tag { padding: 4px 5px; font-size: 9px; }
    .multitier-hd { font-weight: 700; color: #d32a2a; }
    .multi-image { background: #fff; border-radius: 20px; text-align: center; padding: 30px 10px; }
    .multi-image img { max-width:95%; border-radius: 20px; }

    .multitier-hd2 { font-weight: 700!important; color: #22773c; position: relative; padding-bottom: 15px; }
    .multitier-hd2:before, .multitier-hd2:after { content:''; background: #d32a2a; width: 200px;
        height: 2px; position: absolute; bottom:0; left:0; right:0; margin:auto; }
    .multitier-hd2:after { margin: 0 auto -4px auto; width: 150px; }
    .multitier1, .multitier2, .multitier3 { box-shadow: none !important; border: 2px solid rgba(255, 255, 255, 0.6) !important; border-radius: 15px; background: #22773c; padding: 15px; }
    .multitier2 { background: #d39a00; }
    .multitier3 { background: #d32a2a; }
    .multitier-white { background: #fff; border-radius: 20px; padding: 10px 10px; }
    .multitier1>div { position: sticky; top: 0; }
    .multitier1 h4 { font-weight: 700; width: 130px; height: 130px; background: #fff; color: #22773c; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0px 15px 15px 0px;
        box-shadow: rgba(17, 17, 26, 0.1) 0px 11px 0px, rgb(0 0 0 / 30%) 0px 8px 0px; transition: all 0.3s ease-in-out; }
    .multitier2 h4 { color: #d39a00; }
    .multitier3 h4 { color: #d32a2a; }
    .multitier1 h5 { display: inline-block; background: rgba(0, 0, 0, 0.3); padding: 5px 20px 5px 10px; border-radius: 6px 15px 14px 6px; margin: 0px 0px 15px 0px; }
    .multitier1 p span { font-weight: 700; }
    .multitier1:hover h4 { box-shadow: rgba(17, 17, 26, 0.1) 1px -13px 0px, rgb(0 0 0 / 30%) -1px -7px 0px; }
    .multitier1 ul { margin: 15px 0 0 0; padding: 0px; list-style: none; }
    .multitier1 ul li { margin: 5px 0 0 0; padding: 0px 0px 0px 25px; position: relative; }
    .multitier1 ul li:before { content:'\f040'; position: absolute; left:0; top:0; font-family: 'Font Awesome 5 Pro'; color: #ffc107; }
    .multitier2 ul li:before { color: #fff; }
    .multitier1 ul li span { font-weight: 700; }
    /*radiobutton start*/
    .radio-wrapper-31 * { box-sizing: border-box; }
    .radio-wrapper-31 label { position: relative; cursor: pointer; line-height: 20px; font-size: 13px; padding: 3px 0; }
    .radio-wrapper-31 .label { position: relative; display: block; float: left; margin-right: 4px; margin-top: 4px; width: 15px;
        height: 15px; background: #fff; border: 1px solid #80a1bd; border-radius: 100%; -webkit-tap-highlight-color: transparent; }
    .bg-green-information{
        background-color: #edfff7;
    }
        .radio-wrapper-31 .label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 9px;
        height: 9px;
        border-radius: 100%;
        background: #225cff;
        transform: scale(0);
        transition: all 0.2s ease;
        opacity: 0.08;
        pointer-events: none;
    }
    .radio-wrapper-31:hover .label:after {
        transform: scale(3.6);
    }
    .radio-wrapper-31 input[type="radio"]:checked + .label {
        border-color: #225cff;
    }
    .radio-wrapper-31 input[type="radio"]:checked + .label:after {
        transform: scale(1);
        transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
        opacity: 1;
    }
    .radio-wrapper-31 input[type="radio"] {
        display: none;
    }
    /*radio button end*/

    /*checkbox start*/
    .checkbox-wrapper-46 input[type="checkbox"] {
        display: none;
        visibility: hidden;
    }

    .checkbox-wrapper-46 .cbx {
        margin: auto;
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
    }
    .checkbox-wrapper-46 .cbx span {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
    }
    .checkbox-wrapper-46 .cbx span:first-child {
        position: relative;
        width: 18px;
        height: 18px;
        border-radius: 3px;
        transform: scale(1);
        vertical-align: middle; background: #fff;
        border: 1px solid #80a1bd;
        transition: all 0.2s ease;
    }
    .checkbox-wrapper-46 .cbx span:first-child svg {
        position: absolute;
        top: 3px;
        left: 2px;
        fill: none;
        stroke: #FFFFFF;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 16px;
        stroke-dashoffset: 16px;
        transition: all 0.3s ease;
        transition-delay: 0.1s;
        transform: translate3d(0, 0, 0);
    }
    .checkbox-wrapper-46 .cbx span:first-child:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #506EEC;
        display: block;
        transform: scale(0);
        opacity: 1;
        border-radius: 50%;
    }
    .checkbox-wrapper-46 .cbx span:last-child {
        padding-left: 8px;
    }
    .checkbox-wrapper-46 .cbx:hover span:first-child {
        border-color: #506EEC;
    }
    .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child {
        background: #506EEC;
        border-color: #506EEC;
        animation: wave-46 0.4s ease;
    }
    .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child svg {
        stroke-dashoffset: 0;
    }
    .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child:before {
        transform: scale(3.5);
        opacity: 0;
        transition: all 0.6s ease;
    }
    @keyframes wave-46 {
        50% {
          transform: scale(0.9);
      }
  }
  /*checkbox end*/

  .formhd i { width: 30px; height: 30px; line-height: 30px; margin: 0px 4px 0px 0px;
    font-size: 16px; color: #fff; background: #d32a2a; border-radius: 100%; text-align: center; }
    .formhd-blu i { background: #002f63; }
    .formhd-yellow i { background: #f5e100; }
    .formhd-yellow2 i { background: #dd9a05; }
    .formhd-green i { background: #4caf84; }
    .formhd-green2 i { background: #0a5e20; }

    /*15-1 start*/
        .designrow { flex: 1; width: 100%; background: rgb(255 244 210); margin: 0px 0px 0px 0px; padding: 5px 10px 0px 10px; border: 1px solid #fff; }
        .smallfld { width: 100%; padding: 0px; font-size: 11px; height: auto; }
    /*15-1 end*/

    .submit-btn {
        min-width: 60px;
        background: #d72c31;
        border-color: #d72c31;
        border-radius: 5px;
        color: white;
        border: 0 none;
        cursor: pointer;
        padding: 5px 15px;
        margin: 0px 0px 15px 5px;
        float: right;
    }
    .submit-btn:hover { background: #219462; border-color: #219462; }
    .hdwdbg h2 {
        background: #dfdfdf;
        padding: 5px;
        border: 1px solid #fff;
        border-radius: 20px;
        margin-bottom: 5px !important;
    }
    .amberbox {
        display: block;
        width: 100%;
        background: rgb(255 244 210);
        margin: 0px 0px 10px 0px;
        padding: 5px 10px 0px 10px;
        border: 1px solid #fff;
    }
    .levelofacc { background: #fff; border-radius: 5px; padding: 2px 10px 0px 10px;
        margin: 0px 0px 5px 0px; }
    .levelofacc select { margin: 0px 0px 5px 0px; }
    .yellow-borderbox { background: #fffbeb; border-color: #fde68a!important; }
    .green-borderbox { background: #f3fffb; border-color: #a8efd6 !important; }
    .blue-borderbox { background: #f3f9ff; border-color: #cfe6ff !important; }
    .pink-borderbox { background: #fff7fb; border-color: #ffdeec !important; }
    .amber-borderbox { background: #fffbf3; border-color: #ffe7b7 !important; }
    .grey-borderbox { background: #f9f9f9; border-color: #d9d9d9 !important; }
    .red-borderbox { background: #fff5f3; border-color: #ffd2c8 !important; }
    .seegreen-borderbox { background: #f2fcff; border-color: #c1e6ef !important; }
    .navyblue-borderbox { background: #f0f5ff; border-color: #bcd3ff !important; }
    .purple-borderbox {background: #fdf1ff;border-color: #eccaf4 !important;}

    .addstudent-btn { padding: 5px 10px; border-radius: 10px; background: #fff; color: #1d4ed8; font-weight: 700;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
    @media (min-width: 481px){
        .addstudent-btn { float: right; margin: -40px 20px 0 0; }
    }



/* harpreet css end */

/* amaan css Start */
.heigh-text{ min-height: 90px; }
.feedbackform label{ margin-bottom: .3rem !important; }
.page-title .title_left p{ margin-bottom: 5px !important; }
/* amaan css end */





/* amaan css start */




.bord-ratings-range tr th{
     vertical-align: sub;
    background: #125236;
    vertical-align: top;
    font-size: 13px;
    color: #fff;
    border-width: 1px;
    border-top: 1px solid #125236 !important;
    border-left: 1px solid #125236 !important;
    border-bottom: 0 !important;
    border-right: 0;
    padding: 15px 3px;
}


.bord-ratings-range td {
    font-size: 13px;
    /* border-top: 1px solid #c2d9cf !important; */
    border-left: 2px solid #c2d9cf !important;
    border-bottom: 3px solid #c2d9cf !important;
    border-right:  3px solid #c2d9cf !important;
    padding: 10px 3px 10px 3px;
    color: black;
}


.slect-2 {
    display: block !important;
    width: 100% !important;
    height: calc(1.2em + .75rem + 5px) !important;
    padding: .375rem .65rem !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height:17px !important;
    color: #495057;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 2px solid #ced4da !important;
    border-radius: .25rem !important;
}

.head-bac-h4{
    margin: 0px;
    padding: 12px 15px;
    font-size: 20px;
    width: 100%;
    color: #fff;
    border-radius: 6px 6px 0px 0px;
    background: #002f63;
    background: linear-gradient(90deg, #8c9326 0%, #166543 100%);
}

.x_panel-1 {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 20px;
    overflow: hidden;
}


.x_panel2 {
   padding: 0px 17px;
}
/* .bg-forms-fields{
    background-color: #378eff;
} */
.radio-inputs-20 {
    position: relative;
    display: flex;
    text-align: end;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: end;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
}
.learning-qus .qnumbers {
    position: absolute;
    left: 0;
    top: 0;
    padding: 2px 5px;
    border-radius: 0px 15px 15px 0px;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    height: 22px;
    bottom: 0;
    margin: auto;
}
.whitebg-22{
    background-color: #f9fafb !important;
}
.learning-qus .radio-inputs-19 label {
    flex: 1 1 auto;
    text-align: center;
    max-width: 33px;
    margin-right: 10px;
}
@media screen and (max-width:500px){
    .learning-qus .qnumbers {
        top: 15%;
    }
}
.learning-qus .radio-inputs-19 label .name { padding: 0px; line-height: 16px; }
.arbi-qus { padding: 5px 35px 5px 15px!important; }
.arbi-qus .qnumbers { left: auto; right: 0; border-radius: 15px 0px 0px 15px; }
.arbi-qus h6 { font-size: 15px; font-weight: 600; }
.examinstructions { padding: 20px; background: #fff9e7; border: 1px solid #eec951; color: #2a2a2a; }
.examinstructions strong { color: #2a2a2a; }

.examinstructions h4 { font-size: 18px; font-weight: 600; }
.examinstructions h4 img { margin-right: 5px; }
.examinstructions h5 { font-size: 15px; font-weight: 600; margin: 15px 0px 10px 0px; }
.examinstructions h5 span { display: inline-block; width: 15px; height: 15px; border-radius: 100%; margin: 0px 5px 0 0; padding: 0; vertical-align: middle; }
.redcircle { background-color: #ff0000; }
.yellowcircle { background-color: #efb814; }
.bluecircle { background-color: #095ab1; }
.examinstructions h6 { font-size: 14px; font-weight: 600; margin: 15px 0px 10px 0px; }

.radio-inputs-21 { position: relative; display: flex; flex-direction: column; box-sizing: border-box; font-size: 14px; padding: 10px 0px 0px 16px; }
.radio-inputs-21 label { display: flex; font-weight: 400; align-items: center; }
.radio-inputs-21 label input { display: none; }
.radio-inputs-21 label .name {
    background-color: #ffffff;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    border: none;
    padding: 0; color: #000000;
    transition: all .15s ease-in-out;
    font-size: 12px; margin-right: 5px;
    border: 2px solid black;

    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.smallcircle { width: 15px!important; height: 15px!important; }



.radio-inputs-21 label input:checked + .name {
       border-color: #000;
    transform: scale(1.15);
    background: #f9bd09;
}
.question { font-weight: 600; font-size: 15px; }
.qnumbers-2 { width: 25px; height: 25px; border-radius: 100%; background-color: #000; color: #fff;
 display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.arabic-question { text-align: right; }
.arabic-question span { margin-left: 5px; }
.total-redbg { background: #d32a2a; }
.total-bluebg { background: #002f63; }
.total-lgreenbg { background: #30d35b; }
.feedbacktopic-body img { max-width: 100%; }
.lgreen0 { background: #d32a2a;}
.lgreen2 { background: #30d35b; }
.lgreen3 { background: #002f63; }
.scale-summry-box-yell{background: #c0c2c48f;border: 2px solid #97a3b3;}
.scale-summry-box-red{background: #f9dada;border: 2px solid #fd8686;color: #991b1b;}
.scale-summry-box-yellow{background: #fef3c7;border: 2px solid #fcd34d;color: #92400e;}
.scale-summry-box-green{background: #dcfce7;border: 2px solid #86efac;color: #166534;}
.scale-summry-box-skyg{background: #dbeafe;border: 2px solid #93c5fd;color: #1e40af;}
.maxed-prof svg{background-color: #4ea3ff; margin: 0px 5px;}
.border-box{
    border-radius: 8px;
    color:rgb(85, 99, 119);
    margin-bottom: 10px;
    min-height: -webkit-fill-available;
}
.border-box-2{
    border-radius: 8px;
    color:rgb(85, 99, 119);
    margin-bottom: 10px;
    text-align: center;
    min-height: -webkit-fill-available;
}
.borde-red-sumry{background: #fef3c7;border: 3px solid #fcd34d;  border-radius:8px;}
.man-bordbg-col{  background: #ffffff4a;  border: 3px solid #b4d7ff; border-radius: 12px;}
.behav-typical-bor{    background-color: #d5ffed;
    border: 2px solid green;
    padding: 5px 15px;
    color: #15784d;
    font-weight: 700;
    font-size: 14px;
    border-radius: 12px;}


 .dropdown:hover .dropdown-menu {display: block;margin-top: 0;}

 .btn-drops{background: linear-gradient(90deg, #002f63 0%, #0c509b 100%); color: white;width: 100%;text-align: left;    border-radius: 10px;position: relative;}
 .container-s-dropd .dropdown-toggle::after { display: inline-block; position: absolute !important; top: 39% !important; font-size: 20px !important; font-weight: 600 !important; right: 14px !important; }
 .container-s-dropd .dropdown-toggle { white-space: normal; }

.btn-drops:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.container-s-dropd .dropdown:hover .dropdown-menu {
    display: block;
    width: 100%;
    margin-top: 0;
}

.container-s-dropd .dropdown .dropdown-menu li {
    border-bottom: 1px solid #efefef !important;
}
.container-s-dropd .dropdown-item, .dropdown-item {
    text-decoration: none;
    color: black;
    font-size: 12px;
    padding: 5px 10px;
    font-weight: 600;
    background-color: #ffffff;
    white-space: normal;
}
.container-s-dropd .dropdown-item:focus, .dropdown-item:hover {
    color: rgb(22, 101, 211);
    background-color: #e8e8e8;
}
.headingd-page-names h2{
    font-size: 22px;
    font-weight: 600;
    padding: 12px 10px;
    border-radius: 10px;
    color: white;
    background: linear-gradient(90deg, #8c9326 0%, #166543) ;
}
.recom-hd { font-size: 12px!important; font-weight: 600!important; }
.arabic-cont .name { margin-left: 10px!important; }
.custom-dropdown {
            position: relative;
            width: 250px;
        }

        .dropdown-btn {
            width: 100%;
            text-align: left;
            position: relative;
        }

        .dropdown-btn::after {
            content: "▼";
            position: absolute;
            right: 15px;
            transition: 0.3s;
        }

        .dropdown-btn.rotate::after {
            transform: rotate(180deg);
        }

        .dropdown-menu-custom {
            position: absolute;
            width: 100%;
            display: none;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            z-index: 1000;
        }

        .dropdown-menu-custom.show {
            display: block;
        }

        .dropdown-menu-custom a {
            padding: 8px 15px;
            display: block;
            text-decoration: none;
            color: #333;
        }

        .dropdown-menu-custom a:hover,
        .dropdown-menu-custom a.active {
            background: #007bff;
            color: #fff;
        }

        .domainscore { margin: 15px; padding: 12px 15px 5px 15px; font-size: 16px; border-radius: 10px;
    background: #ffebba; background: linear-gradient(90deg, #ffebba 0%, #f3edd5 100%); }
    .domainscore h6 { font-weight: 600; color: #d71919; }

    .sagrating2 { background: #59bd7f; color: #fff; }
    .sagrating2 em.range { color: #fff }
    .sagrating3 { background: #ffd043; }
    .sagrating4 { background: #ff8787; }
    .sagrating5 { background: #f55050; color: #fff; }
    .sagrating5 em.range { color: #fff }
    .sagrating6 { background: #d71919; color: #fff; }
    .sagrating6 em.range { color: #fff }

    .severt-box1 { background: #59bd7f; border-color: #428f5f; color: #fff; }
    .severt-box2 { background: #ffd043; border-color: #d3a829; }
    .severt-box3 { background: #ff8787; border-color: #f55050; }
    .severt-box4 { background: #f55050; border-color: #d71919; color: #fff; }
    .severt-box5 { background: #d71919; border-color: #990909; color: #fff; }
    .severt-box6 { background: #af0606; border-color: #680404; color: #fff; }

    .bluebox { background: #3887dd; border-color: #084588; color: #fff; }
    .darkgrenbox { background: #428f5f; border-color: #2c5a3e; color: #fff; }
    .lighblubox { background: #f0f7ff; }
    .lightyellowbox { background: #fdf2d0; }
    .lightyellowbox .form-control { border-color: rgba(0, 0, 0, 0.5); }


    .score-dropdown{ position: relative; z-index:2 }
    .score-btn-inners{
        width:100%;
        padding: 5px 40px 5px 12px;
        border:none;
        background:#2d2d2d;
        color:#fff;
        cursor:pointer;
        border-radius:4px;
        font-size:12px;
        position:relative;
        text-align: left;
    }
    /* Arrow */
    .score-btn .arrow{
        position:absolute;
        right:12px;
        top:50%;
        transform:translateY(-50%);
        width:0;
        height:0;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:6px solid #fff;
        transition:0.3s;
    }

    /* Rotate arrow when open */
    .score-btn.active .arrow{
        transform:translateY(-50%) rotate(180deg);
    }

    .score-menu{
        position:absolute;
        width:100%;
        background:#fff;
        border:1px solid #ddd;
        display:none;
        border-radius:4px;
        margin-top:-5px;
    }

    .score-item{
        padding: 3px 10px;
        cursor:pointer;
    }

    .score-item:hover{
        background:#f5f5f5;
    }

    .score-btn-inners.red{ background:#e74c3c; color:#fff; }
    .score-btn-inners.orange{ background:#ffd043; color:#fff; }
    .score-btn-inners.yellow{ background:#f1c40f; color:#fff; }
    .score-btn-inners.blue{ background:#3498db; color:#fff; }
    .score-btn-inners.green{ background:#27ae60; color:#fff; }
    .score-btn-inners.lgreenn { background: #67d992; color:#fff; }

    /* Colors */
    .red{color:#e74c3c;}
    .orange{color:#e67e22;}
    .yellow{color:#f1c40f;}
    .blue{color:#3498db;}
    .blueh-dark {color: #002f63;}
    .green{color:#27ae60;}
    .lgreen, .lgreenn {color:#27ae60;}
    .lgreenbg { background: #dffff1; }
    .oranges{color:#e67e22;}

    .score-btn.red{ background:#e74c3c; color:#fff; }
    .score-btn.orange{ background:#ffd043; color:#fff; }
    .score-btn.yellow{ background:#f1c40f; color:#fff; }
    .score-btn.blue{ background:#3498db; color:#fff; }
    .score-btn.green{ background:#27ae60; color:#fff; }
    .score-btn.lgreenn { background: #67d992; color:#fff; }

    .mytables th {
        vertical-align: sub;
        background: #0b4d95;
        vertical-align: top;
        font-size: 11px;
        color: #fff;
        border-width: 1px;
        border-top: 1px solid #125236 !important;
        border-left: 1px solid #125236 !important;
        border-bottom: 0 !important;
        border-right: 0;
        padding: 15px 3px;
    }
    .tier-topscore, .tier-topscore-orange { color: #fff; background: #cf3434; padding: 5px 10px;
        border-radius: 15px; margin: 0px 5px; min-width: 45px; text-align: center; }
    .tier-topscore-orange { background: #dd9316; }
    .tier-topscore h3, .tier-topscore-orange h3 { font-size: 25px; font-weight: 700; }
    .tier-topscore h6, .tier-topscore-orange h6 { font-size: 11px; }
    .tier-topscore h3, .tier-topscore h6, .tier-topscore-orange h3, .tier-topscore-orange h6 { padding: 0px; margin: 0px; }
    .reset-tier a { border: 1px solid #ffffff1a; padding: 5px 10px; margin: 0px 0px 5px 5px; border-radius: 10px; color: #fff; font-size: 12px; }
    .reset-tier a:hover { background: #ffffff1a; }
    .tier-topscore-cont ul { list-style: none; margin: 0px; padding: 0px; }
    .tier-topscore-cont ul li { margin: 8px 5px 0px 0px; display: inline-block; font-size: 9px; color: rgb(187 247 208); }
    .tier-topscore-cont ul li span { background-color: #22c55e4d; padding: 1px 2px 1px 1px; line-height: 0px; border-radius: 20px; border: 1px solid #22c55e4d; }
    .tier-topscore-cont ul li:nth-child(2) span { background-color: #df1f1f7d; border-color: #f871714d; color: #fecaca; }
    .tier-topscore-cont ul li:nth-child(3) span { background-color: #6e4c12; border-color: #fbbf244d; color: #fde68a; }
    .tier-topscore-cont ul li:nth-child(4) span { background-color: #194fab; border-color: #60a5fa4d; color: #bfdbfe; }
    .tier-topscore-acc { padding-top: 5px; }
    .tier-topscore-cont h6 { font-size: 0.5rem; font-weight: 700; color: #fabe0a; }
    .studentenroll-cont { margin-bottom: 15px; border: 0; border-radius: 10px; border: 2px solid #bbf7d0; background: #fff; }
    .studentenroll-cont h3 { background: #20b959; background: linear-gradient(90deg, rgb(20 124 59) 0%, rgb(32 189 90) 100%);
        border-radius: 8px 8px 0px 0px; margin:0px; padding: 15px 15px; font-size: 16px; color: #fff; display: flex; flex-wrap: wrap; align-items: center; }
    .studentenroll-cont h3 span { font-size: 10px; color: #fff; background: rgba(255, 255, 255, 0.3); border-radius: 15px; line-height: 1; padding: 1px 8px 3px 8px; margin: 0px 0px 0px 10px; }
    .studentenroll-cont h3 svg { margin: 0px 10px 0px 0px; }



    .mobile-tab-wrapper{
        position:relative;
        display:flex;
        align-items:center; background: #fff; border-radius: 10px!important; padding: 5px; margin: 0px 0px 15px 0px;
    }

    /* Tab slider */
    .mobile-tabs{
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        scroll-behavior:smooth;
        scroll-snap-type:x mandatory;
        width:100%; border: 0;
    }

    /* Hide scrollbar */
    .mobile-tabs::-webkit-scrollbar{
        display:none;
    }

    /* Each tab full width */
    .mobile-tabs .nav-item{
        flex:0 0 100%;
        text-align:center;
        scroll-snap-align:start;;
    }

    /* Tab style */
    .mobile-tabs .nav-link{
        width: 97%;
        border:none; font-weight: 600; border-radius: 10px;
        padding: 12px; margin: 0px 5px; display: flex; align-items: center; justify-content: center;
    }
    .mobile-tabs .nav-link:hover { background: #f7f7f7; }
    .mobile-tabs .nav-link span { background: rgba(255, 255, 255, 0.3); border-radius: 100%; width: 20px; height: 20px; font-weight: 600; }
    .mobile-tabs .nav-link svg { width: .875rem; height: .875rem; margin: 0px 10px; }

    .mobile-tabs .nav-item:nth-child(1) .nav-link { background: #16a34a; color: #fff; }
    .mobile-tabs .nav-item:nth-child(2) .nav-link { background: #dc2626; color: #fff; }
    .mobile-tabs .nav-item:nth-child(3) .nav-link { background: #f59e0b; color: #fff; }
    .mobile-tabs .nav-item:nth-child(4) .nav-link { background: #2563eb; color: #fff; }

    /* arrows */
    .tab-arrow{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        border:none;
        background:#f2f2f2;
        width:30px;
        height:30px;
        z-index:2;
    }

    .tab-arrow.left{
        left:0;
    }

    .tab-arrow.right{
        right:0;
    }

    /* Desktop view normal tabs */
    @media (min-width:768px){
        .mobile-tabs{
            overflow:visible;
        }
        .mobile-tabs .nav-item{
            flex:auto;
        }
        .tab-arrow{
            display:none;
        }
    }

    /*iep tabbing start*/
    .ieptabbing .nav-link { padding: 12px 0px; margin: 0px; }
    .ieptabbing .nav-link svg { margin: 0px 5px 0px 0px; }
    .ieptabbing .nav-item:nth-child(5) .nav-link { background: #bf195e; color: #fff; }
    .ieptabbing .nav-item:nth-child(6) .nav-link { background: #0e7691; color: #fff; }
    .ieptabbing .nav-item:nth-child(7) .nav-link { background: #344256; color: #fff; }

    /*iep tabbing end*/


    .transparentbgbdr { background: transparent; border-color: transparent; }
    .studentdet-greencont { padding: 15px; border-radius: 12px; background: #15803D; background: linear-gradient(90deg, rgba(21, 128, 61, 1) 0%, rgba(34, 197, 94, 1) 100%); }
    .studentdet-redcont {
        padding: 15px;
        border-radius: 12px;
        background: #15803D;
        background: linear-gradient(90deg, rgb(167 14 14) 0%, rgb(220 38 38) 100%);
    }
    .radius15 { border-radius: 10px; }
    .studentdet-greencont svg { width: 1.2rem; height: 1.2rem; }

    /*accordion start*/
        #send-tiered-acc { margin: 10px 0; }
        #send-tiered-acc #faq .card { margin-bottom: 15px; border: 0; border-radius: 10px; border: 2px solid transparent; }
        #send-tiered-acc #faq .card.purple-acc { border-color: #e6cbff !important; }
        #send-tiered-acc #faq .card.blue-acc { border-color: #c6dcff !important; }
        #send-tiered-acc #faq .card.purple-acc { border-color: #c6dcff !important; }
        #send-tiered-acc #faq .card.orange-acc { border-color: #fed7aa !important; }
        #send-tiered-acc #faq .card.pink-acc { border-color: #fbcfe8 !important; }
        #send-tiered-acc #faq .card.seegreen-acc { border-color: #a5f3fc !important; }
        #send-tiered-acc #faq .card.lgreen-acc { border-color: #99f6e4 !important; }
        #send-tiered-acc #faq .card.amber-acc { border-color: #fef08a !important; }
        #send-tiered-acc #faq .card.grey-acc { border-color: #e2e8f0 !important; }
        #send-tiered-acc #faq .card.green-acc { border-color: #bbf7d0 !important; }
        #send-tiered-acc #faq .card.red-acc { border-color: #fecaca !important; }



        .acctotal { background: #22c55e; border-radius: 15px; color: #fff; text-align: center; font-size: 11px; font-weight: 600; padding: 3px 8px; }
        #send-tiered-acc #faq .card .card-header { border: 0; -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0); box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0);
            border-radius: 10px 10px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }

        #send-tiered-acc #faq .card .card-header .btn-header-link { color: #fff; display: block; text-align: left; background: transparent; padding: 11px 13px; margin: 0px; }
        #send-tiered-acc #faq .card .card-header .btn-header-link:focus,
        #send-tiered-acc #faq .card .card-header .btn-header-link:visited { border: 0; outline: none; box-shadow: 0 0 0 .2rem rgba(0,123,255,0)!important; }

        #send-tiered-acc #faq .card .card-header .btn-header-link:after {
          content: "\f107";
          font-family: 'Font Awesome 5 pro';
          font-weight: 500;
          position: absolute;
          right: 10px;
        }

        #send-tiered-acc #faq .card .card-header .btn-header-link.collapsed {
          background: #A541BB;
          color: #fff;
        }


        .card  h6 img{
            margin-right: 5px;
        }

        .card  h6{text-align: left;}

        .purple-acc, #send-tiered-acc #faq .card.purple-acc .card-header .btn-header-link.collapsed { background: #a04bef; background: linear-gradient(90deg, rgb(122 34 203) 0%, rgb(167 83 246) 100%); }
        .blue-acc, #send-tiered-acc #faq .card.blue-acc .card-header .btn-header-link.collapsed { background: #5a59e6; background: linear-gradient(90deg, rgb(68 57 203) 0%, rgb(98 101 240) 100%); }
        .lblue-acc, #send-tiered-acc #faq .card.lblue-acc .card-header .btn-header-link.collapsed { background: #3b82f6; background: linear-gradient(90deg, rgb(23 91 203) 0%, rgb(59 130 246) 100%); }
        .orange-acc, #send-tiered-acc #faq .card.orange-acc .card-header .btn-header-link.collapsed { background: #f88833; background: linear-gradient(90deg, rgb(225 80 4) 0%, rgb(250 142 57) 100%); }
        .pink-acc, #send-tiered-acc #faq .card.pink-acc .card-header .btn-header-link.collapsed { background: #df3a87; background: linear-gradient(90deg, rgb(191 25 94) 0%, rgb(230 65 145) 100%); }
        .seegreen-acc, #send-tiered-acc #faq .card.seegreen-acc .card-header .btn-header-link.collapsed { background: #06b2d0; background: linear-gradient(90deg, rgb(14 117 145) 0%, rgb(7 180 209) 100%); }
        .lgreen-acc, #send-tiered-acc #faq .card.lgreen-acc .card-header .btn-header-link.collapsed { background: #14b09f; background: linear-gradient(90deg, rgb(15 118 110) 0%, rgb(20 181 164) 100%); }
        .amber-acc, #send-tiered-acc #faq .card.amber-acc .card-header .btn-header-link.collapsed { background: #f2c112; background: linear-gradient(90deg, rgb(199 136 4) 0%, rgb(248 201 20) 100%); }
        .grey-acc, #send-tiered-acc #faq .card.grey-acc .card-header .btn-header-link.collapsed { background: #5d6d83; background: linear-gradient(90deg, rgb(52 66 87) 0%, rgb(95 111 133) 100%); }
        .green-acc, #send-tiered-acc #faq .card.green-acc .card-header .btn-header-link.collapsed { background: #20b959; background: linear-gradient(90deg, rgb(20 124 59) 0%, rgb(32 189 90) 100%); }
        .red-acc, #send-tiered-acc #faq .card.red-acc .card-header .btn-header-link.collapsed { background: #ec4242; background: linear-gradient(90deg, rgb(185 28 28) 0%, rgb(237 66 66) 100%); }
        .yell-acc, #send-tiered-acc #faq .card.red-acc .card-header .btn-header-link.collapsed { background-color:  #0c509b }

        .purple-acc .sendtired-left-bdr { background: #a16ae8; }
        .blue-acc .sendtired-left-bdr { background: rgb(68 57 203); }
        .lblue-acc .sendtired-left-bdr { background: rgb(23 91 203); }
        .orange-acc .sendtired-left-bdr { background: rgb(225 80 4); }
        .pink-acc .sendtired-left-bdr { background: rgb(191 25 94); }
        .seegreen-acc .sendtired-left-bdr { background: rgb(14 117 145); }
        .lgreen-acc .sendtired-left-bdr { background: rgb(15 118 110); }
        .amber-acc .sendtired-left-bdr { background: rgb(199 136 4); }
        .grey-acc .sendtired-left-bdr { background: rgb(52 66 87); }
        .green-acc .sendtired-left-bdr { background: rgb(20 124 59); }
        .red-acc .sendtired-left-bdr { background: rgb(185 28 28); }
        .pink-acclig { background: rgb(191 25 94); }
        .bg-light p{text-align: left;}
        .amber-acclig { background: rgb(199 136 4); }
        .grey-acclig { background: rgb(52 66 87); }
        #send-tiered-acc #faq .card .card-header .btn-header-link.collapsed:after {
          content: "\f106";
        }
        .min-hig{min-height: -webkit-fill-available;}
        .seegreen-bg{background-color: #0b5a6e ;}

        .beahavour-butt-1{background:linear-gradient(138deg, #dbb619 0%, #c13737 100%); }
        .beahavour-butt-2{background:linear-gradient(138deg, #15784d 0%, #268cff 100%); }
        .download-rep-btn-beh {
            width: 100%;
            min-height: -webkit-fill-available;
            border-radius: 8px;
            padding: 10px 5px;
            color: #fff;
            text-align: center;
            font-size: 1rem;
            font-weight: 600;
            line-height: 1.5;
        }

        .download-rep-btn-beh:hover{color: white;}


        #send-tiered-acc #faq .card .collapsing {
          background: #FFE472;
          line-height: 30px;
        }

        #send-tiered-acc #faq .card .collapse {
          border: 0;
        }

        #send-tiered-acc #faq .card .collapse.show {
          background: #fff;
          line-height: 30px;
        }

        #send-tiered-acc #faq .card-body { background: #faf5ff; font-size: 11px; }

        #send-tiered-acc #faq .card.blue-acc .card-body{ background: #eff6ff; }
        #send-tiered-acc #faq .card.purple-acc .card-body{ background: #eff6ff; }
        #send-tiered-acc #faq .card.orange-acc .card-body{ background: #fff7ed; }
        #send-tiered-acc #faq .card.pink-acc .card-body{ background: #fdf2f8; }
        #send-tiered-acc #faq .card.seegreen-acc .card-body{ background: #ecfeff; }
        #send-tiered-acc #faq .card.lgreen-acc .card-body{ background: #f0fdfa; }
        #send-tiered-acc #faq .card.amber-acc .card-body{ background: #fefce8; }
        #send-tiered-acc #faq .card.grey-acc .card-body{ background: #f8fafc; }
        #send-tiered-acc #faq .card.green-acc .card-body{ background: #f0fdf4; }
        #send-tiered-acc #faq .card.red-acc .card-body{ background: #fef2f2; }



        /*accordion end*/

        .multi-select2 .dropdown-menu{
            max-height:250px;
            overflow-y:auto;
        }
        .multi-select2 .dropdown-item{
            display:flex;
            align-items:center;
            gap:8px;
        }

        .sendtier-multimenu label { font-weight: 600; margin-bottom: 2px; font-size: 11px; padding: 0px 0px; }
        .sendtier-multimenu label span { font-weight: 400; opacity: 0.8; }
        .sendtier-multimenu .dropdown-toggle { background: #fff; font-size: 13px; font-weight: 600; border-radius: 8px; border: 2px solid #e1e1e1; position: relative; }
        .sendtier-multimenu .dropdown-toggle::after {
            content: "\f107";
            font-family: 'Font Awesome 5 pro';
            font-weight: 500;
            position: absolute; right: 15px; top: 8px; border: 0 none;
         }
        .sendtier-multimenu .btn-link { font-size: 12px; margin:0; }
        .sendtier-multimenu .dropdown-divider { margin: 0; }

        .accnumber { font-size: 15px; font-weight: 700; background: rgba(255, 255, 255, 0.3); text-align: center; display: inline-flex; align-items: center; justify-content: center;
            width: 30px; height: 30px; border-radius: 10px; color: #fff; margin: 0px 15px 0px 0px; }
        .accname h6 {  font-size: 13px; font-weight: 700; color: #fff; margin: 0px 0px 3px 0px; }
        .accname ul { font-size: 11px; color: rgba(255, 255, 255, 0.7); list-style: none; margin: 0px; padding: 0px; }
        .accname ul li { display: inline-block; margin: 0px 3px 5px 0px; padding: 1px 8px; border-radius: 5px; background: rgba(0, 0, 0, 0.1); }

        .smallhd { font-size: 1.2rem; }
        .smalltd td { padding: 4px 3px 4px 3px!important; }

        .sendtier-selected { margin: 0px; padding: 0px; list-style: none; }
        .sendtier-selected li { display: inline-block;
    margin: 0px 5px 0px 0px;
    padding: 5px 8px;
    font-size: 11px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    line-height: 1;
    background: #ef2525;
    color: #fff; }
        .tracking-wider { font-weight: 700; }
        .font-semibold { font-weight: 600; }
        .border-radius20 { border-radius: 20px; }
        .text-10px { line-height: 1.5; font-size: 10px; }
        .lh-1{ line-height:1; }

        /*rating start*/
            .rating-group{ display: flex; gap: 10px; justify-content: flex-end; }
            .rating-btn { margin-bottom: 0px; }
            .rating-btn input{ display:none; }
            .rating-btn span{
                display: flex;
                align-items: center;
                justify-content: center;
                width: 35px;
                height: 35px;
                border-radius: 8px;
                border: 2px solid #ddd;
                font-weight: 600; font-size: 15px;
                cursor: pointer;
                transition: 0.3s;
            }
            .rating-text { font-size: 10px; font-weight: 600; padding: 5px 0 0 0!important; display: block; text-align: right; opacity: 0.9 }



    /* colors */
    .rating-btn:nth-child(1) span{background: #f1f1f1; border-color:#6c757d;color:#6c757d;}
    .rating-btn:nth-child(2) span{background: #f2fff5; border-color:#28a745;color:#28a745;}
    .rating-btn:nth-child(3) span{background: #fffaed; border-color:#ffc107;color:#ffc107;}
    .rating-btn:nth-child(4) span{background: #fff6ee; border-color:#fd7e14;color:#fd7e14;}
    .rating-btn:nth-child(5) span{background: #fff6f7; border-color:#dc3545;color:#dc3545;}
    .rating-btn:nth-child(6) span{background: #ffe5e7; border-color:#c82333;color:#c82333;}

    .rating-btn input:checked + span{
        color:#fff;
    }

    .rating-btn:nth-child(1) input:checked + span{background:#6c757d;}
    .rating-btn:nth-child(2) input:checked + span{background:#28a745;}
    .rating-btn:nth-child(3) input:checked + span{background:#ffc107;}
    .rating-btn:nth-child(4) input:checked + span{background:#fd7e14;}
    .rating-btn:nth-child(5) input:checked + span{background:#dc3545;}
    .rating-btn:nth-child(6) input:checked + span{background:#c82333;}




    /* colors */
    .man-rateings .rating-btn:nth-child(1) span{background: #f1f1f1; border-color:#6c757d;color:#6c757d;}
    .man-rateings .rating-btn:nth-child(2) span{background: #f2fff5; border-color:#d54c43;color:#d54c43;}
    .man-rateings .rating-btn:nth-child(3) span{background: #fffaed; border-color:#ffc107;color:#ffc107;}
    .man-rateings .rating-btn:nth-child(4) span{background: #fff6ee; border-color:#7ee7a5;color:#7ee7a5;}
    .man-rateings .rating-btn:nth-child(5) span{background: #fff6f7; border-color:#59bd7f;color:#59bd7f;}
    .man-rateings .rating-btn:nth-child(6) span{background: #e8efff; border-color:#6490f0;color:#6490f0;}

    .man-rateings .rating-btn input:checked + span{
        color:#fff;
    }

    .man-rateings .rating-btn:nth-child(1) input:checked + span{background:#6c757d;}
    .man-rateings .rating-btn:nth-child(2) input:checked + span{background:#d54c43;}
    .man-rateings .rating-btn:nth-child(3) input:checked + span{background:#ffc107;}
    .man-rateings .rating-btn:nth-child(4) input:checked + span{background:#7ee7a5;}
    .man-rateings .rating-btn:nth-child(5) input:checked + span{background:#59bd7f;}
    .man-rateings .rating-btn:nth-child(6) input:checked + span{background:#6490f0;}
/*rating end*/

.sendtier-fedbackrow { background: #fff; border-radius: 10px; margin: 0px 0px 10px 0px; padding: 15px 15px 10px 25px; border-left: 4px solid #60a5fa; position: relative; }
.purplebdr { border-color: #c084fc; }
.greenbdr { border-color: #34d399; }
.orangebdr { border-color: #fb923c; }
.pinkbdr { border-color: #f472b6; }



.sendtier-fedbackrow h6 { font-size: 0.7555rem; font-weight: 700; margin: 0px 0px 3px 0px; padding: 0px; }
.sendtier-fedbackrow p { margin: 0px; padding: 0px; line-height: 1.5 }
.sendtier-fedbackrow .sendtier-qno { position: absolute; left: -4px; top: 3px; font-size: 0.6rem; font-weight: 700; line-height: 1; }
.sendtier-score { background: #fff; border-radius: 10px; padding: 10px; }
.sendtier-scorerow span { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px;
 margin-right: 5px; border-radius: 5px; font-weight: 600; font-size: 12px; background: #6c757d; color: #fff; border: 2px solid #5c6268; }
.sendtier-scorerow span.gren-score { background: #4ecf6b; border-color: #28a745; }
.sendtier-scorerow span.amber-score { background: #ffd453; border-color: #ffc107; }
.sendtier-scorerow span.orange-score { background: #ffa65d; border-color: #fd7e14; }
.sendtier-scorerow span.red-score { background: #ff6170; border-color: #dc3545; }
.sendtier-scorerow span.dred-score { background: #ef3244; border-color: #c82333; }

.scoretotal { position: relative; display: inline-block; background: #22c55e; color: #fff; font-size: 15px;
    font-weight: 600; border-radius: 8px; border: 1px solid #15803d; margin: 15px 0px 8px 0px; padding: 5px 20px; line-height: 1.5; }
.scoretotal:before { content: ''; width: 13px; height: 13px; border-radius: 100%; background: #15803d; display: inline-block; margin: 0 5px 3px 0; vertical-align: middle; }
.smalldropdown { padding: 1px; font-size: 11px; height: auto; }
.smallmulti-select.multi-select { margin-bottom: 8px;    }
.smallmulti-select.multi-select .selected-items { padding: 2px; }
.smallmulti-select.multi-select .selected-items:after { top: 2px; }
.bluegreenbg { background: #2351af; background: linear-gradient(90deg, #2351af 0%, #10965e 100%); }

.studentdet-redcont-reult {
    padding: 15px;
    border-radius: 12px;
    background: linear-gradient(90deg, rgb(8 35 95) 0%, rgb(41 102 235) 100%);
}
.studentdet-redcont-table2 {padding: 15px; border-radius: 12px;background: linear-gradient(90deg, rgb(206 135 14) 0%, rgb(245 158 11) 100%);}

.score-box{
    margin-top: 20px;
    padding: 2.5rem;
    background-color: rgb(239 246 255 );
    border-radius: 20px;
    border-color: rgb(191 219 254);
}

.score-box svg {
    color: rgb(52 211 153 );
    width:3.5rem;
    height: 3.5rem;
}
.score-box h3{
    font-size: 1.25rem;
    font-weight:700;
    color: #000000b0;
}
.max-w-md { max-width: 28rem; }
.yellowbdr { border-color: #facc15; }
.dpinkbdr { border-color: #f87171; }
.dskyblbdr { border-color: #22d3ee; }
.graybdr { border-color: #94a3b8; }
.number-siz{font-size: 28px;font-weight: 800;color: #d97706; }
.number-des{font-weight: 600; font-size:12px;color: #d97706;}

.iep-section h4 { margin: 0px; padding: 12px 15px; font-size: 16px; color: #fff; border-radius: 6px 6px 0px 0px;
 background: #15784d; background: linear-gradient(90deg, #1e895a 0%, #16a34a 100%); }
.iep1 .iepbody { background: #edfff7; }
.iep1 .iephd2 { background: #000; color: #fff; padding: 5px 10px; font-size: 13px; line-height: normal; font-weight: 700; text-transform: uppercase; border-left: 3px solid #16a34a; }

.iep2 .iepbody { background: #ffeaea!important; }
.iep2 .iephd2 { background: #dc2626; border-color: #930909; }
.iep-section.iep2 h4 { background: #d92323; background: linear-gradient(90deg, #c91717 0%, #dc2626 100%); }

.iep2-red-li .iepbody { background: #da5b251a!important; }
.iep-section.iep2-red-li h4 { background: #d92323; background: linear-gradient(90deg, #c94917 0%, #dc5d26 100%) }

.iep3 .iepbody { background: #fff8eb!important; }
.iep3 .iephd2 { background: #f19c0b; border-color: #99650c; }
.iep-section.iep3 h4 { background: #d92323; background: linear-gradient(90deg, rgb(206 135 14) 0%, rgb(245 158 11) 100%); }

.iep4 .iepbody { background: #eff4ff!important; }
.iep4 .iephd2 { background: #ae1756; border-color: #7e0e3c; }
.iep-section.iep4 h4 { background: #2563eb; background: linear-gradient(90deg, rgb(14 75 211) 0%, rgb(37 99 235) 100%); }

.iep5 .iepbody { background: #fff0f6!important; }
.iep5 .iephd2 { background: #ae1756; border-color: #7e0e3c; }
.iep-section.iep5 h4 { background: #bf195e; background: linear-gradient(90deg, rgb(149 20 73) 0%, rgb(191 25 94) 100%); }

.iep6 .iepbody { background: #edfff7!important; }
.iep6 .iephd2 { background: #148faf; border-color: #094f60; }
.iep-section.iep6 h4 { background: #0e7691; background: linear-gradient(90deg, #0b5a6e 0%, #0e7691 100%); }

.iep7 .iepbody { background: #fff!important; }
.iep7 .iephd2 { background: #148faf; border-color: #094f60; }
.iep-section.iep7 h4 { background: #344256; background: linear-gradient(90deg, #344256 0%, #495c76 100%); }

.iephd2-blue { background: #2563eb!important; border-color: #1e40af!important; }
.iephd2-red { background: #2563eb!important; border-color: #1e40af!important; }
.iephd2-green { background: #219060!important; border-color: #0c4a2f!important; }
.iephd2-pink { background: #d91a69 !important; border-color: #8b0a40 !important; }
.iephd2-blue2 { background: #0a56ab !important; border-color: #062f5c !important; }

.iepsign-sec { background: #344256; background:linear-gradient(90deg, #def7ec 0%, #eafff6 100%); /*color: #fff;*/ padding: 20px; border-radius: 15px; }
.iepsign-sec h3 { font-size: 0.999rem; line-height: 1.5; text-transform: uppercase; position: relative; padding-left: 40px; margin: 0px 0px 15px 0px; }
.iepsign-sec h3 em { display: block; font-style: normal; font-size: 0.7rem; }
.iepsign-sec h3 img { left: 0; top: 5px; position: absolute; }
.iepsign-sec ul { list-style: none; margin: 0px; padding: 0px; }
.iepsign-sec ul li { margin: 0px 0px 10px 0px; padding: 0px; text-align: justify; }
.iepsign-sec ul li span { font-weight: 700; color: #0e7e4e; }

.borderbox { border: 1px solid rgba(0, 0, 0, 0.1); }
.bottomradius { border-radius: 0px 0px 5px 5px; }
.checkboxlable { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; }
.iep-section h4.greenh4 { background: #047857; background: linear-gradient(90deg, rgb(7 98 72) 0%, rgb(30 124 78) 100%); }
.iep-section h4.blueh4 { background: #002f63; background: linear-gradient(90deg, #002f63 0%, #0c509b 100%); }
.iep-section h4.pinkh4 { background: #bf195e; background: linear-gradient(90deg, #bf195e 0%, #e11a6d 100%); }
.iep-section h4.amberh4 { background: #f59e0b; background: linear-gradient(90deg, #d18300 0%, #f59e0b 100%); }
.iep-section h4.greyh4 { background: #344256; background: linear-gradient(90deg, #212a36 0%, #344256 100%); }
.iep-section h4.redh4 { background: #da2f16; background: linear-gradient(90deg, #a51e0a 0%, #da2f16 100%); }
.iep-section h4.seegreenh4 { background: #0e7691; background: linear-gradient(90deg, #0a637a 0%, #12a2c7 100%); }
.iep-section h4.navyblueh4 { background: #2563eb; background: linear-gradient(90deg, #2563eb 0%, #2563eb 100%); }
.iep-section h4.purpleh4 { background: #891aa3; background: linear-gradient(90deg, #6b1280 0%, #a223c0 100%) }
.smallh4 { font-size: 14px!important; background: #344256 !important; text-transform: uppercase; }
.iep5 .iepbody-blue { background: #f6f9ff!important; }
.iep5 .iepbody-green { background: #edfff7!important; }
.iep5 .iepbody-amber { background: #fffcf4!important; }
.iep5 .iepbody-grey { background: #fff!important; }

/*checkbox css start*/
.checkbox-box{  }
.checkbox-box-blue { background: #f6f9ff; }
.checkbox-box-green { background: #e9fff5; }

.custom-check {
    display:flex;
    align-items: flex-start;
    gap:8px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
}

.custom-check input{
    position:absolute;
    opacity:0;
    cursor:pointer;
}
.checkbox-box .form-check {
    position: relative;
    display: block;
    padding-left: 0;
}


.checkmark{
    min-width:18px;
    min-height:18px;
    border: 1px solid #5c5c5c54;
    border-radius:4px;
    display:inline-block;
    position:relative;
    transition:0.2s;
}

.custom-check input:checked + .checkmark{
    background:#2563eb;
    border-color:#2563eb;
}

.checkmark:after{
    content:"";
    position:absolute;
    display:none;
}

.custom-check input:checked + .checkmark:after{
    display:block;
}

.custom-check .checkmark:after{
    left:5px;
    top:1px;
    width:5px;
    height:10px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}
/*checkbox css end*/

.centersmallhd { text-align: center; font-weight: 700; text-transform: uppercase; font-size: 12px; position: relative; gap: 15px; }
/*.centersmallhd:before, .centersmallhd:after { content: ''; position: absolute; width: 35%; height: 1px; background: rgba(0, 0, 0, 0.08); left: 0; top: 8px; }
.centersmallhd:after { left: auto; right: 0; }*/
.border-slate-200 { border-top: 1px solid rgba(0, 0, 0, 0.08); margin:0 auto; }
.flex-1 { flex: 1 1 0%; }
.bordre-none{ border: none; }
.borders{ border-left: 5px solid #007bff96; overflow: hidden; border-radius: 0px 0px 0px 8px; }
.text-bold-stude{ font-weight: 800; padding-left:7px; font-size: 14px; color: black !important; }
.bg-primary-subtle{ background-color: #007bff45; margin-left:5px; padding: 4px 5px; }
.iep-overflow { max-height: 600px; overflow-y: auto; }
.iepoverflow-hd { background-color: #0f1b3d; color: #fff; padding: 6px 10px; margin: 0px; border-radius: 8px; font-weight: 600; }
.iepoverflow-hd img { margin: 0px 3px 0px 0px; }
.iepoverflow-hd2 { background-color: #9333ea; color: #fff; padding: 6px 10px; margin: 0px; border-radius: 8px; font-weight: 600; }
.iepoverflow-hd2-blue { background-color: #2563eb; }
.iepoverflow-hd2-blue2 { background-color: #2563eb; }
.iepoverflow-hd2-orange { background-color: #f97316; }
.iepoverflow-hd2-pink { background-color: #db2777; }
.iepoverflow-hd2-seegreen { background-color: #0891b2; }
.iepoverflow-hd2-green { background-color: #0d9488; }
.iepoverflow-hd2-amber { background-color: #fbbe0b; color: #000; }
.iepoverflow-hd2-grey { background-color: #344256; }
.iepoverflow-hd2-lgreen { background-color: #16a34a; }
.iepoverflow-hd2-red { background-color: #dc2626; }
.form-label { font-size: 12px; }
.sublable { font-size: 10px; display: block; font-style: italic; color: #858585; }
.ratingscale span:nth-child(2) { background: #f1f1f1; border: 1px solid #6c757d; color: #4d5256; }
.ratingscale span:nth-child(3) { background: #f2fff5; border: 1px solid #28a745; color: #1a785e; }
.ratingscale span:nth-child(4) { background: #fffaed; border: 1px solid #ffc107; color: #e7ad00; }
.ratingscale span:nth-child(5) { background: #fff6ee; border: 1px solid #fd7e14; color: #fd7e14; }
.ratingscale span:nth-child(6) { background: #fff6f7; border: 1px solid #dc3545; color: #dc3545; }
.ratingscale span:nth-child(7) { background: #ffe5e7; border: 1px solid #c82333; color: #c82333; }
.ratingscale .text-10px { font-size: 11px; }
.smart-card {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    height: 100%;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.smart-header {
    color: white;
    padding: 2px 15px;
    font-weight: 700;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
}

.letter {
    font-size: 1.5rem; font-weight: 700;
    margin-right: 10px;
}

.smart-body {
    padding: 10px 15px;
}

.smart-body p { font-size: 11px; margin:0; }

/* Header Colors */
.bg-blue   { background-color: #2563eb; }
.bg-green  { background-color: #059669; }
.bg-orange { background-color: #d97706; }
.bg-red   { background-color: #dc2626; }
.bg-grey { background-color: #344256; }

.udl-card {
    border-radius: 12px;
    border: 2px solid transparent;
    height: 100%;
    padding: 10px 15px; margin: 20px 0 0 0;
    transition: transform 0.2s ease;
}
.udl-header {
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.udl-header .icon {
    margin-right: 8px;
    font-size: 1.2rem;
}



/* Color Themes */
.card-yellow {
    background-color: #fffdf2;
    border-color: #fef3c7;
}
.card-yellow .udl-header { color: #92400e; }

.card-blue {
    background-color: #f8fbff;
    border-color: #dbeafe;
}
.card-blue .udl-header { color: #1e40af; }

.card-green {
    background-color: #f6fdf9;
    border-color: #dcfce7;
}
.card-green .udl-header { color: #065f46; }
.academic-goaltable th { padding: 10px 5px; font-size: 11px; font-weight: 400; text-align: left; vertical-align: middle!important; background: #063f7e; border-color: #063f7e; border: 0; }
.academic-goaltable th span { font-size: 9px; display: block; }



.academic-goaltable th:first-child { border-radius: 15px 0 0 0; }
.academic-goaltable th:last-child { border-radius: 0 15px 0 0; }
.academic-goaltable td { font-size: 11px; padding: 5px!important; }
.academic-goaltable td .btn {
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #90b3ff;
    border-radius: 5px;
    color: #0b22a5;
}
.academic-goaltable td .btn:hover { background: #eff4ff; color: #0b22a5; }
.academic-goaltable td input, .academic-goaltable td textarea { /*max-width: 130px;*/ width: 100%; border-radius: 5px; border: 1px solid #000; padding: 5px; }
.academic-goaltable td textarea { min-height: 60px; }
.academic-goaltable td:first-child input { padding: 5px 0px 5px 5px; font-weight: 700; font-size: 11px; }
.deletbtn { border: 0px; padding: 0px; color: #ff0000; }
.deletbtn:hover { color: #000; }
.greenth th { background: #166543; border-color: #166543; }
.greenth td .btn { border: 1px solid #0e4e32; color: #0e4e32; }
.greenth td .btn:hover { background: #80ddb5; color: #000; }

.addstudent-tab .lucide-user { margin-right: 5px; }
.addstudent-tab .crossicon { margin-left: 5px; border-radius: 100%; width: 15px; height: 15px; background: rgba(255, 255, 255, 0.3); color: #fff; display: none; }
.addstudent-tab .nav-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.addstudent-tab .nav-tabs .nav-item { flex: 0 0 auto; }
.addstudent-tab .nav-tabs .nav-link { display: flex; align-items: center; justify-content: center;  color: #000; background-color: transparent; border-color: transparent; border-radius: 0; padding: 7px 10px 9px; border: 0 none; line-height: 1.5; }
.addstudent-tab .nav-tabs .nav-link.active { background: #344256; color: #fff; }
.addstudent-tab .nav-tabs .nav-item:nth-child(2) .nav-link.active { background: #0e7691; color: #fff; }
.addstudent-tab .nav-tabs .nav-item:nth-child(3) .nav-link.active { background: #bf195e; color: #fff; }
.addstudent-tab .nav-tabs .nav-item:nth-child(4) .nav-link.active { background: #2563eb; color: #fff; }
.addstudent-tab .nav-tabs .nav-item:nth-child(5) .nav-link.active { background: #f59e0b; color: #fff; }
.addstudent-tab .nav-tabs .nav-item:nth-child(6) .nav-link.active { background: #dc2626; color: #fff; }
.addstudent-tab .nav-tabs .nav-item:nth-child(7) .nav-link.active { background: #16a34a; color: #fff; }

.addstudent-tab .tab-pane { background: #edfff7; padding: 5px 15px 15px 15px; border-left: 4px solid #344256 }
.addstudent-tab .tab-pane:nth-child(2) { border-color: #0e7691 }
.addstudent-tab .tab-pane:nth-child(3) { border-color: #bf195e }
.addstudent-tab .tab-pane:nth-child(4) { border-color: #2563eb }
.addstudent-tab .tab-pane:nth-child(5) { border-color: #f59e0b }
.addstudent-tab .tab-pane:nth-child(6) { border-color: #dc2626 }
.addstudent-tab .tab-pane:nth-child(7) { border-color: #16a34a }


.addstudent-tab .tab-pane .tabpanel-hd { display: flex; align-items: center; flex-wrap: wrap; font-size: 0.9rem; font-weight: 600; }
.addstudent-tab .tab-pane .tabpanel-hd span { display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 25px; height: 25px; background: #344256; color: #fff; margin: 0px 5px 0px 0px }
.addstudent-tab .tab-pane .tabpanel-hd em { font-style: normal; margin: 0px 0px 0px 5px; padding: 1px 8px 3px 8px;
font-size: 10px; color: #344256; background: rgb(232 242 255); border-radius: 15px; line-height: 1; }

.addstudent-tab .tab-pane:nth-child(2) .tabpanel-hd span { background: #0e7691; }
.addstudent-tab .tab-pane:nth-child(2) .tabpanel-hd em { color: #0e7691; background: rgb(232 242 255); }
.addstudent-tab .tab-pane:nth-child(3) .tabpanel-hd span { background: #bf195e; }
.addstudent-tab .tab-pane:nth-child(3) .tabpanel-hd em { color: #344256; background: rgb(232 242 255); }
.addstudent-tab .tab-pane:nth-child(4) .tabpanel-hd span { background: #2563eb; }
.addstudent-tab .tab-pane:nth-child(4) .tabpanel-hd em { color: #2563eb; background: rgb(232 242 255); }
.addstudent-tab .tab-pane:nth-child(5) .tabpanel-hd span { background: #f59e0b; }
.addstudent-tab .tab-pane:nth-child(5) .tabpanel-hd em { color: #f59e0b; background: rgb(255 243 223); }
.addstudent-tab .tab-pane:nth-child(6) .tabpanel-hd span { background: #dc2626; }
.addstudent-tab .tab-pane:nth-child(6) .tabpanel-hd em { color: #dc2626; background: rgb(255 221 221); }
.addstudent-tab .tab-pane:nth-child(7) .tabpanel-hd span { background: #16a34a; }
.addstudent-tab .tab-pane:nth-child(7) .tabpanel-hd em { color: #16a34a; background: rgb(217 255 231); }
.addstudent-tab .nav-tabs .nav-link.active .crossicon { display: inline-block; }

.other-textbox { opacity: 1!important; position:relative!important; border: 0; border-bottom: 2px solid rgba(0, 0, 0, 0.1); font-size: 10px; background: transparent; }
.other-textbox { visibility: hidden; width: 0; transition: 0.3s; }
.other-checkbox:checked ~ span .other-textbox { visibility: visible; width: auto; }
.smallpara { font-size: 11px; font-style: italic; margin-bottom:0 }
.small-dislcaimer { font-size: 9px; font-style: italic; }
.aadata-tab{ border: 0; }
.aadata-tab .nav-link { width: 97%; border:none; font-weight: 600; border-radius: 8px; margin: 10px 5px 0px 0px;
    padding: 5px 8px; font-size: 0.8rem; font-weight: 700; display: flex; align-items: center; justify-content: center;
    color: #fff; background: rgba(255, 255, 255, 0.3); }

.aadata-tab .nav-link i { margin: 0px 5px 0px 0px; }
.aadata-tab .nav-link:hover { background: rgba(255, 255, 255, 0.2); color: #fff; }
.formheading {
    margin: 0px;
    padding: 12px 15px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px 6px 0px 0px;
    background: #15784d;
}
.formheading span { display: block; font-size: 10px; }


.formheading.redbg { background: #d32a2a; }
.formheading.bluebg { background: #002f63; }
.formheading.lgreenbg { background: #30d35b; }
.formheading.dgreenbg { background: #0a5e20; }
.formheading.lgreybg { background: #efefef; }
.formheading.redbg { background: #dc2626; }
.formheading.amberbg { background: #f59e0b; }
.formheading.pinkbg { background: #bf195e; }
.formheading.seegreenbg { background: #0e7691; }
.formheading.greybg { background: #344256; }


.formbody { background: rgba(255, 255, 255, 1.0);
    border: 2px solid #dfdfdf; border-top: 0;
    border-radius: 0px 0px 5px 5px;
}




/*ass configure start*/

.ass-config-left label { width: 100%; margin:0; padding:0; }
/* Hide default radio */
.ass-config-left input[type="radio"] {
    display: none;
}

/* Card style */
.ass-config-left .option-card {
    border: 2px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px;
    margin-top: 10px;
    cursor: pointer;
    display: block;
    transition: 0.3s;
    background: #fff;
}

/* Title */
.ass-config-left .option-title {
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

/* Circle icon */
.ass-config-left .option-title::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid #94a3b8;
    border-radius: 50%;
    margin-right: 10px;
}

/* Input field */
.ass-config-left .option-card input[type="text"] {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: 2px solid #cbd5e1;
    outline: none;
}

/* SELECTED STATE */
.ass-config-left input[type="radio"]:checked + .option-card {
    border-color: #4887cd;
    background: #eef6ff;
}

/* Change circle color */
.ass-config-left input[type="radio"]:checked + .option-card .option-title::before {
    background: #4887cd;
    border-color: #4887cd;
}

/* Input border when selected */
.ass-config-left input[type="radio"]:checked + .option-card input[type="text"] {
    border-color: #4887cd;
}
.ass-field { width: 100%; margin-top: 10px; }
.ass-field input { border: 2px solid #4887cd; border-radius: 12px; padding: 15px 10px;
    min-height: 40px; display: block; background: #fff;
}
/*ass configure end*/

/*ass right start*/
.wrapperr {
    border: 2px solid #4887cd;
    border-radius: 16px;
    padding: 25px 20px;
    background: #fff;
}

/* Header */
.headerr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.headerr h3 { font-size: 13px; font-weight: 700; color: #002f63; margin: 0px 0px 5px 0px; }
.headerr p { font-size: 10px; line-height: 1.3; }

/* Lock badge */
.ass-config-right .lock { min-width: 85px;
    background: #ef4444;
    color: #fff;
    padding: 5px 0px; margin: 0px 0px 0px 20px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}


/* Grade Card */
.ass-config-right .grade-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    padding: 11px 15px;
    margin-bottom: 15px;
    border: 2px solid;
}

/* Left section */
.ass-config-right .left {
    display: flex;
    align-items: center;
}

/* Grade badge */
.ass-config-right .badge {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

/* Text */
.ass-config-right .text small {
    display: block;
    font-size: 12px;
    margin-top: 4px;
}
.ass-config-right .text input {
    border-radius: 5px; font-size: 11px; border: 1px solid #3b82f6; padding: 5px;
}

/* Inputs */
.ass-config-right .range {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ass-config-right .range input {
    width: 60px;
    padding: 8px;
    border-radius: 10px;
    border: 2px solid;
    text-align: center;
    font-weight: bold;
    background: transparent;
}

/* COLORS */

/* A */
.ass-config-right .a {
    border-color: #3b82f6;
    background: #e0edff;
}
.ass-config-right .a .badge { background: #2563eb; }
.ass-config-right .a .range input { border-color: #3b82f6; }

/* B */
.ass-config-right .b {
    border-color: #22c55e;
    background: #e7f8ee;
}
.ass-config-right .b .badge { background: #16a34a; }
.ass-config-right .b .range input { border-color: #22c55e; }

/* C */
.ass-config-right .c {
    border-color: #ef4444;
    background: #fdeaea;
}
.ass-config-right .c .badge { background: #dc2626; }
.ass-config-right .c .range input { border-color: #ef4444; }
/*ass right end*/

.ass-config-accord .card { border-radius: 10px!important; }
.accname2 h6 { font-size: 15px; margin-bottom: 0; }
.ass-config-accord .card .card-header .btn-header-link:after {
          content: "\f107";
          font-family: 'Font Awesome 5 pro';
          font-weight: 500;
          position: absolute;
          right: 15px; color: #fff;
        }
.ass-config-accord .card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
}


/* Table */
.custom-table {
    background: #f8fafc;
    border-radius: 0px 0px 12px 12px;
    overflow: hidden; margin: 0;
}

.custom-table th {
    font-size: 12px;
    color: #334155;
    background: #e2e8f0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.custom-table td {
    vertical-align: middle;
}

/* Input */
.custom-table .score-input {
    width: 80px;
    border: 2px solid #1e40af;
    border-radius: 8px;
    padding: 5px;
    text-align: center;
}

/* Auto grade box */
.custom-table .auto-grade {
    border: 2px solid #cbd5e1;
    border-radius: 10px;
    padding: 2px 10px;
    text-align: center;
}
.custom-table .auto-grade span { line-height: 1.2; display: inline-block; padding: 5px 10px; font-weight: 700; background-color: #fee2e2; border-radius: 20px; color: #ff0000; }

/* Dropdown */
.custom-table .select-box {
    border-radius: 8px;
    padding: 6px;
    border: 2px solid #1e40af; }

/* Colors */
.custom-table .red { background: #dc2626; border-color: #dc2626; color: #fff; }
.custom-table .green { background: #2563eb; border-color: #2563eb; color: #fff; }
.custom-table .blue { background: #16a34a; border-color: #16a34a; color: #fff; }
.custom-table .gray { background: #94a3b8; border-color: #94a3b8; color: #fff; }
.addsubject { font-size: 11px; font-weight: 700; white-space: nowrap; margin: 0px 20px 0px 0px; }
.yellowbg { background: #f59e0b; }

/* Delete button */
.custom-table .delete-btn {
    border: 1px solid #fca5a5;
    background: #fff;
    color: #dc2626;
    border-radius: 5px;
    padding: 3px 5px;
}

/* Add row */
.custom-table .add-row {
    border: 2px solid #1e40af;
    border-radius: 10px;
    padding: 8px;
    width: 100%;
}
.custom-table .add-btn {
    background: #1e40af;
    color: #fff;
    border-radius: 10px;
    padding: 8px 20px; margin: 0;
    border: none;
}
.custom-table .add-btn:hover { background: #09184c; }

.filter-container {
  display: flex;
  justify-content: space-between; /* Pushes 'Clear' to the far right */
  align-items: center;
  background: #fff;
  padding: 12px 25px; margin: 15px 0px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-family: sans-serif;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.filter-group {
  display: flex;
  align-items: center;
  gap: 20px; /* Space between each filter block */
}

.filter-label {
  font-weight: 800;
  font-size: 13px;
  color: #4b5563;
}

.filter-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filter-item label {
  font-size: 11px; font-weight: bold; color: #9ca3af; margin: 0px;
}

.filter-item select {
  border: 2px solid #1e3a8a; /* Navy blue border */
  border-radius: 8px;
  padding: 4px 10px;
  font-weight: bold;
  color: #1e3a8a;
  outline: none;
  background-color: white;
  cursor: pointer;
}

.clear-filters {
  color: #be123c; /* Red color */
  text-decoration: underline;
  font-size: 13px;
  font-weight: 600;
}

.search-icon {
    font-size: 12px;
    color: #9ca3af;
}
.avg-greenn {
    background: #efefef;
    color: #ff0000;
    display: inline-block;
    line-height: 1.3;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 600;
}
.distribution-bar {
  display: flex;
  height: 10px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #eee;
}

.segment {
  height: 100%;
  border-right: 2px solid white; /* Creates the white divider lines */
}

/* Remove the divider from the last segment */
.segment:last-child {
  border-right: none;
}

/* Color Palette based on your image */
.distribution-bar .blue  { background-color: #4285F4; }
.distribution-bar .green { background-color: #34A853; }
.distribution-bar .red   { background-color: #EA4335; }
.dot-circle { width: 10px; height: 10px; display: inline-block; border-radius: 100%; }
.dot-circle.red { background-color: #EA4335; }
.dot-circle.green { background-color: #34A853; }
.custom-bar { height: 8px; }
.progress-bar.bar-green { background-color: #34A853; }
.progress-bar.bar-red { background-color: #EA4335; }

.grade-bar {
    margin: 20px 0;
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #cbd5e1;
}

/* Section */
.grade-item {
    flex: 1;
    padding: 15px 10px;
    text-align: center;
    color: #fff;
}

/* Colors */
.grade-a { background: #2b4bb3; }
.grade-b { background: #166534; }
.grade-c { background: #b91c1c; }

/* Title */
.grade-item strong {
    display: block;
    font-size: 14px;
}

/* Subtext */
.grade-item span {
    font-size: 12px;
    opacity: 0.9;
}

/* Rounded edges */
.grade-a { border-top-left-radius: 7px; border-bottom-left-radius: 7px; }
.grade-c { border-top-right-radius: 7px; border-bottom-right-radius: 7px; }

.redstatus { background: #ffd8d8; color: #d32a2a; border-radius: 10px; line-height: 1.5; font-weight: 700; }
.bluestatus { background: #deddff; color: #5350da; border-radius: 10px; line-height: 1.5; font-weight: 700; }
.greenstatus { background: #b1ebd2; color: #166543; border-radius: 10px; line-height: 1.5; font-weight: 700; }


/*new start*/
.section-card {
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    border: 2px solid #0b4c94;
    background: #f0f7ff;
}
.section-card .text-muted { font-weight: 700; margin-bottom: 0; }

/* Header */
.section-card .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-card .section-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.section-card .section-number {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-right: 8px;
    background: #0b4c94;
}

.section-card.red-border {  }



/* Selected badge */
.section-card .selected-pill {
    background: #0b4c94;
    color: #fff;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}


/* Dropdown */
.section-card .custom-select-box {
    border: 2px solid #1e3a8a;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Count circle */
.section-card .count-circle {
    background: #4f46e5;
    color: #fff;
    border-radius: 50%;
    padding: 4px 10px;
    font-size: 12px;
}

/* Selected comment box */
.section-card .comment-box {
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #34343421;
}

/* Label */
.section-card .label {
    padding: 3px 10px;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
    background: #0b4c94;
}

/* Close */
.section-card .close-btn {
    color: red;
    cursor: pointer;
}

/* Colors */
.section-card.red-border { border-color: #ef4444; }
.section-card.yellow-border { border-color: #f59e0b; background-color: #fff8eb; }
.section-card.green-border { border-color: #22c55e; background-color: #f6fffb; }
.section-card.dgreen-border { border-color: #166534; background-color: #e8fbf3; }
.section-card.pink-border { border-color: #dc2626; background-color: #fff4f8; }

.section-card.red-border .section-number,
.section-card.red-border .selected-pill,
.section-card.red-border .count-circle { background-color: #ef4444; }
.section-card.red-border .custom-select-box { border-color: #ef4444; }

.section-card.yellow-border .section-number,
.section-card.yellow-border .selected-pill,
.section-card.yellow-border .count-circle { background-color: #f59e0b; }
.section-card.yellow-border .custom-select-box { border-color: #f59e0b; }

.section-card.green-border .section-number,
.section-card.green-border .selected-pill,
.section-card.green-border .count-circle { background-color: #22c55e; }
.section-card.green-border .custom-select-box { border-color: #22c55e; }

.section-card.dgreen-border .section-number,
.section-card.dgreen-border .selected-pill,
.section-card.dgreen-border .count-circle { background-color: #166534; }
.section-card.dgreen-border .custom-select-box { border-color: #166534; }

.section-card.pink-border .section-number,
.section-card.pink-border .selected-pill,
.section-card.pink-border .count-circle { background-color: #dc2626; }
.section-card.pink-border .custom-select-box { border-color: #dc2626; }


/*new end*/

/*big multiselect dropdown start*/
/* Trigger */
.big-mutiselect .trigger {
    border: 2px solid #1e3a8a;
    border-radius: 10px;
    padding: 10px 10px 5px 10px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    background: #fff;
}

/* Count */
.big-mutiselect .count {
    background: #0b4c94;
    color: #fff;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
}

/* Dropdown */
.big-mutiselect .dropdown {
    display: none;
    border: 2px solid #1e3a8a;
    border-radius: 12px;
    margin-top: 5px;
    background: #fff;
}

/* Header */
.big-mutiselect .header {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
}

.big-mutiselect .clear {
    color: red;
    cursor: pointer;
    font-size: 12px;
}

/* Scroll */
.big-mutiselect .content {
    max-height: 250px;
    overflow-y: auto;
}

/* Category sticky */
.big-mutiselect .category {
    position: sticky;
    top: 0;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    z-index: 2;
}

/* Colors */
.big-mutiselect .weak { background: #dc2626; }
.big-mutiselect .acceptable { background: #f59e0b; }
.big-mutiselect .good { background: #22c55e; }
.big-mutiselect .verygood { background: #166534; }
.big-mutiselect .outstanding { background: #bf195e; }


/* Items */
.big-mutiselect .item {
    padding: 4px 10px;
    display: flex;
    align-items: center;
    margin: 0;
}

.big-mutiselect .item input {
    margin-right: 10px;
}

/* Selected section */
.big-mutiselect .selected-box {
    margin-top: 10px;
}

/* Selected item */
.big-mutiselect .selected-item {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #34343421;
}

/* Label */
.big-mutiselect .label {
    padding: 3px 10px;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    margin-right: 8px;
}

/* Remove */
.big-mutiselect .remove {
    color: red;
    cursor: pointer;
    font-weight: bold;
}

.big-mutiselect .arrow {
    font-size: 12px;
    transition: transform 0.3s ease;
}

/* Rotate when open */
.big-mutiselect .arrow.rotate {
    transform: rotate(180deg);
}

/*big multiselect dropdown start*/

.text-amber-600 { font-size: 11px; padding: .175rem; color: #d97706; background-color: #fffbeb; border: 1px solid #fde68a!important; cursor: pointer; }
.text-amber-600 svg { max-height: 15px; width: .875rem; height: .875rem; }

.text-indigo-600 { font-size: 11px; padding: .175rem; color: #07478d; background-color: #eaf3ff; border: 1px solid #b8d9fd !important; }
.text-indigo-600 svg { max-height: 15px; width: .875rem; height: .875rem; }

.text-blue-600 { font-size: 11px; padding: .175rem; color: #197049; background-color: #e3fff3; border: 1px solid #8ee7c0 !important; }
.text-blue-600 svg { max-height: 15px; width: .875rem; height: .875rem; }

.text-red-500 { font-size: 11px; padding: .175rem; color: #ef1e1e; background-color: #ffeeef; border: 1px solid #ffc4c3 !important; }
.text-red-500 svg { max-height: 15px; width: .875rem; height: .875rem; }

/*multiselect with edit and search start*/
    .newdropdown .newdropdown {  }
    .newdropdown .dropdown-header {
          font-size: 12px;
          color: #000;
          border: 2px solid #1e3a8a;
          padding: 11px 12px 7px 12px;
          border-radius: 12px;
          cursor: pointer;
          display: flex;
          justify-content: space-between;
    }
    .newdropdown .dropdown-body {
          display: none;
          border: 2px solid #1e3a8a;
          border-radius: 10px;
          margin-top: 10px;
          padding: 0px;
          max-height: 300px;
          overflow-y: auto;
          background: #fff;
    }
    .newdropdown .search {
          width: 100%;
          padding: 5px 8px;
          margin: 10px 0;
          border-radius: 5px;
          border: 1px solid #7095ff;
          font-size: 12px;
    }
    /* Group Titles */
    .newdropdown .group-title { position: sticky; top: 0; color: #fff; padding: 6px 10px; font-size: 12px; z-index: 2; }
    .newdropdown .group-title.weak { background: #dc2626; }
    .newdropdown .group-title.acceptable { background: #f59e0b; }
    .newdropdown .group-title.good { background: #22c55e; }
    .newdropdown .group-title.verygood { background: #166534; }
    .newdropdown .group-title.outstanding { background: #bf195e; }
    .newdropdown .group label {
          padding: 4px 10px; line-height: 1.3; font-size: 12px;
          display: flex;
          align-items: flex-start;
          margin: 0;
    }
    .newdropdown .group label input[type="checkbox"] { margin: 3px 5px 0px 0px; }

    /* Selected Box */
    .newdropdown .comment-box {
          display: flex;
          align-items: center;
          border: 2px solid;
          border-radius: 10px;
          padding: 8px;
          margin-top: 8px;
      }

      /* Category Badge */
     .newdropdown .badge {
          padding: 4px 6px;
          border-radius: 20px;
          color: #fff;
          font-size: 10px;
          margin-right: 8px;
          font-weight: 400;
      }

      /* Badge Colors */
      .newdropdown .badge.weak { background: #dc2626; }
      .newdropdown .badge.acceptable { background: orange; }
      .newdropdown .badge.good { background: #2ecc71; }
      .newdropdown .badge.verygood { background: green; }
      .newdropdown .badge.outstanding { background: #2f5bd1; }

      /* Input */
      .newdropdown .comment-box input {
          flex: 1;
          border: 1px solid #cbd5e1;
          outline: none;
          font-size: 11px;
          padding: 5px;
          border-radius: 5px;
      }

      /* Remove */
      .newdropdown .remove {
          margin-left: 10px;
          cursor: pointer;
          color: red;
      }

      /* Border colors */
      .newdropdown .comment-box.weak { border-color: #e74c3c; }
      .newdropdown .comment-box.acceptable { border-color: orange; }
      .newdropdown .comment-box.good { border-color: #2ecc71; }
      .newdropdown .comment-box.verygood { border-color: green; }
      .newdropdown .comment-box.outstanding { border-color: #2f5bd1; }

      /* Ensure the arrow has a transition property */
      .newdropdown .arrow svg {
         transition: transform 0.3s ease;
      }

      /* Rotate the arrow 180 degrees when the 'active' class is present */
      .newdropdown .dropdown-header.activee .arrow svg {
            transform: rotate(180deg);
      }


/*multiselect with edit and search end*/


/* Anurag Work start*/
.mobile-tabs .nav-link {
    width: 97%;
    border: none;
    font-weight: 600;
    border-radius: 10px;
    padding: 8px 7px;
    margin: 0px 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ieptabbing .ieptabbing2 .nav-link .nav-link2 {
    margin: none !important;
    padding: none!important;

}

.overflow-x-auto{
    overflow-x: scroll;
    overflow-y: hidden;
    /* width: 997px; */
}

.min-w-max {
    min-width: max-content;
}

.sitebtn-full, .sitebtn-Limited, .sitebtn-Partial {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, rgb(206 135 14) 0%, rgb(245 158 11) 100%);
    border: 0;
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 8px 25px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.sitebtn-high, .sitebtn-moderate, .sitebtn-low {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #002f63 0%, #0c509b 100%);
    border: 0;
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 8px 25px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.sitebtn-exceptional, .sitebtn-advanced, .sitebtn-developing2{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, rgb(149 20 73) 0%, rgb(191 25 94) 100%);
    border: 0;
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 8px 25px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.sitebtn-strong, .sitebtn-emerging, .sitebtn-developing{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #0b5a6e 0%, #0e7691 100%);
    border: 0;
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 8px 25px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.sitebtn-limited_impact, .sitebtn-moderate_impact, .sitebtn-high_impact{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #4f5a69 0%, #646d79 100%);
    border: 0;
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 8px 25px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.sitebtn-needs_more_challenge, .sitebtn-developing3, .sitebtn-advanced2, .sitebtn-exceptional2{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #5a1a69 0%, #8a07a7 100%);
    border: 0;
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 8px 25px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.newcr .new_clr h4 {
    margin: 0px;
    padding: 12px 15px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px 6px 0px 0px;
    background: #0b4c93;
    background: linear-gradient(90deg, #09488e 0%, #184e89 100%)!important;
}
.sitebtn-strong2, .sitebtn-developing4, .sitebtn-emerging2{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #36a93a 0%, #22be27 100%);
    border: 0;
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 8px 25px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.iep4 .iepbody { background: #eff4ff!important; }
.iep4 .iephd2 { background: #557acb; border-color: #20428d; }
.iep-section.iep4 h4 { background: #2563eb; background: linear-gradient(90deg, rgb(14 75 211) 0%, rgb(37 99 235) 100%); }

.iep1 .iepbodyx { background: #f7f7f7c4!important; }
.iep1 .phdei7 { background:#4e5968; border-color: #9d9d9d; }
.iep-section.phdei-1-7 h4 { background: linear-gradient(90deg, #4e5968 0%, #656d79 100%); }

.iep6 .iepbody { background: #edfff7!important; }
.iep6 .phdei6 { background: #0e7691; border-color: #094f60; }
.iep-section.iep6 h4 { background: #0e7691; background: linear-gradient(90deg, #0b5a6e 0%, #0e7691 100%); }

.iep8 .iepbody{ background: #fcedff!important; }
.iep8 .iephd2{ background: #8b29a1; border-color: #591968; }
.iep-section.iep8 h4{ background: #02346c; background:linear-gradient(90deg, #581a67 0%, #8b07a8 100%);}

.iep9 .iepbody{ background: #e3f7e8!important; }
.iep9 .iephd2{ background: #36a93a; border-color: #006804; }
.iep-section.iep9 h4{ background: linear-gradient(90deg, #00960dc7 0%, #028b4fc2 100%);}

.ieptabbing .nav-item:nth-child(8) .nav-link { background: #891aa3; color: #fff; }
.ieptabbing .nav-item:nth-child(9) .nav-link { background: #36aa3a; color: #fff; }
.ieptabbing .nav-item:nth-child(10) .nav-link { background: #002f64; color: #fff; }
/*Anurag Work end*/

.yeno-qus { margin: 0px 0px 7px 0px; background: #f7f7f7; padding: 5px 15px 5px 12px; position: relative; }
.yeno-qus h6 { font-size: 12px; margin: 4px 0 0px 0; padding: 0; color: #000; }
.toggle-container { display: flex; justify-content: flex-end; gap: 10px; }


/* Hide the actual radio circles */
.toggle-container input[type="radio"] {
  display: none;
}

/* Base style for both labels (buttons) */
.toggle-container label {
    display: inline-block;
    padding: 3px 5px; margin: 0px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    color: #4b5563;
    transition: all 0.2s ease;
    min-width: 45px;
    text-align: center;
}

/* --- YES SELECTED STATE --- */
.yes:checked + .btn-yes {
  background-color: #008751; /* Dark green */
  color: white;
  border-color: #008751;
}

/* --- NO SELECTED STATE --- */
.no:checked + .btn-no {
  background-color: #ef4444; /* Bright red */
  color: white;
  border-color: #ef4444;
}

/* Optional: Subtle hover effect for unselected buttons */
.toggle-container label:hover {
  background-color: #f9fafb;
}


.status-container {
  display: flex;
  gap: 8px;
}

/* Hide the actual radio input */
.status-container input[type="radio"] {
  display: none;
}

/* Base style for the buttons */
.status-container .btn {
      padding: 3px 18px;
      border-radius: 50px;
      border: 1.5px solid #d1d5db;
      background-color: white;
      color: #4b5563;
      cursor: pointer;
      font-weight: 500;
      transition: all 0.2s ease;
      font-size: 12px;
      margin: 0px 0px 15px 0px;
}

/* Specific Active Colors */
.status-container input[type="radio"]:checked + .high {
    background-color: #16a34a;
    border-color: #16a34a;
    color: #fff;
}

.status-container input[type="radio"]:checked + .moderate {
    background-color: #f59e0b;
    border-color: #f59e0b;
    color: #fff;
}

.status-container input[type="radio"]:checked + .gifted {
    background-color: #002f63;
    border-color: #002f63;
    color: #fff;
}

.status-container input[type="radio"]:checked + .umber {
    background-color: #ce870e;
    border-color: #ce870e;
    color: #fff;
}
.status-container input[type="radio"]:checked + .low {
    background-color: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

.status-container input[type="radio"]:checked + .blu-radio {
    background-color: #0a488e;
    border-color: #0a488e;
    color: #fff;
}

.status-container input[type="radio"]:checked + .pink-radio {
    background-color: #b11757;
    border-color: #b11757;
    color: #fff;
}

.status-container input[type="radio"]:checked + .seegreen-radio {
    background-color: #0e7691;
    border-color: #0e7691;
    color: #fff;
}


/* Hover effect for unselected buttons */
.status-container .btn:hover {
  background-color: #f9fafb;
}


.bg-lightss{
    background-color: #eff6ff;
}


.bg-primarys{
    background-color: #581c87 ;
}

.bg-primarys3{
    background: linear-gradient(90deg, #c91717 0%, #dc2626 100%);
}
.iephd2-blue-dark {
    background: #0c509b !important;
    border-color: #053c79 !important;
}

.iephd2-purple-dark {
    background: #bf195e !important;
    border-color: #bf195e !important;
}
.iephd2-red-dark {
   background: #da2424 !important;
    border-color: #d92424 !important;
}
.iephd2-yellow-dark {
    background: #ed990c !important;
    border-color: #ed990c !important;
}

.iephd2-pink-dark {
    background: #a21550 !important;
    border-color: #a21550 !important;
}


.butn-color-red{background-color: #da2424 !important;}
.butn-color-yellow{ background-color: #ed990c !important;}
.butn-color-pink{ background-color: #a21550 !important;}
.butn-color-green{background-color: #1e895a !important;}
.butn-color-grey{background-color: rgb(11 90 111) !important;}


.imageuploads{
    max-width: 18px;
    margin-right: 5px;
}
.table-man-over tr td{
    padding: 10px 5px;
}

.table-man-over tr th{
    padding: 6px 10px;
    font-size: 10px;
}
.add-btns{
    background: rgb(243 157 11);
    color: #fff;
    border-radius: 10px;
    margin-top: 10px;
    padding: 5px 20px;
    border: none;
}

.martframe-goal{
    display: flex;
    /* flex-wrap: wrap; */
    gap: 10px;
}

.max-wid-col{
    max-width:220px;
}

.parent-spec{
    max-width: 100%;
    display:block;
    justify-items: center;
    justify-content: center;
}


.sendtier-selected1 {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.sendtier-selected1 li {
    display: inline-block;
    margin: 0px 5px 0px 0px;
    padding: 5px 8px;
    font-size: 11px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    line-height: 1;
    color: #fff;
}

.colo-li-select li{
    background-color:#bf195e;
    color: white;
    margin-bottom: 5px;
}

.color-blue li{
    background-color:#0c509b;
    color: white;
    margin-bottom: 5px;
}

.color-pink li {
    background-color: #bf195e;
    color: white;
    margin-bottom: 5px;
}
.color-red li {
    background-color: #dc2626;
    color: white;
    margin-bottom: 5px;
}
.color-yellow li {
    background-color: #ef9a0c;
    color: white;
    margin-bottom: 5px;
}

.color-yellow li{
    background-color:#ee9a0c;
    color: white;
    margin-bottom: 5px;
}

.color-greens li{
    background-color:#179f4c;
    color: white;
    margin-bottom: 5px;
}

.color-grey li {
    background-color: #0e718b;
    color: white;
    margin-bottom: 5px;
}

.pinkh4-colr{
    color: #bf195e;
}


.iep-section h4.yellow-h4 {
    background: #047857;
    background: linear-gradient(90deg, rgb(206 135 14) 0%, rgb(244 158 11) 100%);
}


.color-yell{
    color: #f39d0b;
}
.color-blue-li li{
    background-color: #215ee6;
    margin-bottom: 5px;
}

.yellow-butt{
    background-color: #ee9b0c;
    color: white !important;
    padding: 3px 10px !important;
    margin: 4px !important;
    text-align: right;
}

.blue-butt{
    background-color: #0c509b;
    color: white !important;
    padding: 3px 10px !important;
    margin: 4px !important;
    text-align: right;
}
.pink-dar-butt{
    background-color: #da1a6a;
    color: white !important;
    padding: 3px 10px !important;
    margin: 4px !important;
    text-align: right;
}
.grey-lig-butt{
    background-color: #656d79;
    color: white !important;
    padding: 3px 10px !important;
    margin: 4px !important;
    text-align: right;
}

.blue-lig-butt{
    background-color: #205de5;
    color: white !important;
    padding: 3px 10px !important;
    margin: 4px !important;
    text-align: right;
}
.iephd2-blue-ligh {
    background: #205de5 !important;
    border-color: #205ee6 !important;
}

.ieppink-h4{ background: #bf195e !important; background: linear-gradient(90deg, #bf195e 0%, #e11a6d 100%) !important; }

 .iephd4 {
    background: #da1a6a !important;
    border-color: #9c1c51!important;
}

.iepgreen-h4{
    background: #bf195e !important; background: linear-gradient(90deg, #1d8356 0%, #208c5d 100%) !important;
}
.iepbody-gree{
    background-color: #208b5c24;
}

.iepbody-pink{
    background-color: #de1a6c0f;
}

.color-green-li li{
    background-color: #19734b;
    margin-bottom: 5px;
}

.iephd2-green-ligh {
    background: #208b5c !important;
    border-color: #208b5c !important;
}


.review-wrapper {
  background: #f1f3f6;
}

.custom-pill {
  padding: 6px 16px;
  border-radius: 50px;
  border: 2px solid #2d2d2d;
  font-size: 13px;
  font-weight: 600;
  color: #2d2d2d;
  cursor: pointer;
  background: #fff;
  transition: 0.3s;
}

/* Hover (light blue border like image) */
.custom-pill:hover {
  border-color: #6366f1;
  color: #6366f1;
}

/* Active Selected */
.btn-check:checked + .custom-pill {
  background: linear-gradient(90deg, #6366f1, #4f46e5);
  color: #fff;
  border-color: transparent;
}
.smallparas{
    color: #a71752;
    font-size: 14px;
    line-height:16px;
}

.bor-rad{
    border-radius:4px;
}




.custom-radio-card {
  display: block;
  cursor: pointer;
}

.custom-radio-card input {
  display: none;
}

.card-box {
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 5px 10px;
  transition: 0.3s;
  position: relative;
  background: #fff;
  height: 100%;
}

.card-box h6 {
  margin: 5px 0;
  font-weight: 600;
  font-size: 12px;
}

.card-box p {
  font-size: 11px;
  color: #777;
  margin-bottom: 3px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

/* Colors */
.green .dot { background: #2ecc71; }
.yellow .dot { background: #f1c40f; }
.oranges .dot { background: #e67e22; }
.red .dot { background: #e74c3c; }

/* Hover Effect */

/* Checked State */
.custom-radio-card input:checked + .card-box {

  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  background: #f2f2f2;
}

.btn-group-custom {
      display: flex;
    /* gap: 3px; */
    justify-content: space-around;
    flex-wrap: wrap;
}

.custom-btn {
     padding: 12px 12px;
    border: 2px solid #ccc;
    border-radius: 12px;
    background: #f2f2f2;
    color: #fff;
    cursor: pointer;
    transition: 0.25s;
    display: inline-block;
    font-size: 11px;
    max-width: 100%;
    min-width: 228px;
}

/* Selected button */
.custom-btn.selected {
  border-color: #0c657c;
  background: #d4f6ff;
  color: #fff;
}

/* No hover effect */
.custom-btn:hover {
    background: #edfff7;
    border-color: #cfffea;
}



.myhide-con{
    display: none;
}

.hide {
  display: none;
}

.show {
  display: block;
}
.btn-hids {
  padding: 2px 16px;
  border: 1px solid #ccc;
  cursor: pointer;
  margin-right: 5px;
  background: #f1f1f1;
  border-radius:12px;
  font-weight: 500;
}

/* Show Active = Green */
.show-btn.active {
  background-color: green;
  color: #fff;
  border-color: green;
}

/* Hide Active = Red */
.hide-btn.active {
  background-color: red;
  color: #fff;
  border-color: red;
}



.bg-borders{
    border: 1px solid rgb(14 118 145 / 27%);
    padding: 10px 20px;
    margin-bottom: 20px;
}


.buton-csscolor{
    background: white !important;
}

.buton-csscolor.selected {
    border-color: #0c657c;
    background: #d4f6ff;
    color: #0c667d;
}

.color-green{
    background: linear-gradient(90deg, #1e895a 0%, #16a34a 100%) !important;
}


/* tab 8 New button work by anurag */

.select-group-x {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.select-btn-x {
  padding: 10px 18px;
  border: 2px solid #e4e4e7;
  background: #fafafa;
  border-radius: 14px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease;
}

/* Selected state */
.select-btn-x.is-selected {
  background: #f3e8ff;
  border-color: #8b5cf6;
  color: #7c3aed;
}

.custom-confirmation {
            background-color: #f8f5ff; /* Light purple background */
            border: 1px solid #dcd0ff; /* Border color */
            border-radius: 12px;       /* Rounded corners */
            padding: 15px 20px;
            display: flex;
            align-items: center;
        }

        .custom-checkbox {
            accent-color: #28a745; /* Checkbox ka green color */
            width: 18px;
            height: 18px;
            margin-right: 12px;
            cursor: pointer;
        }

        .confirmation-text {
            color: #6f42c1; /* Purple text color */
            font-size: 11px;
            font-weight: 500;
            margin-bottom: 0;
        }


        .iepsign-sec2 {
            color: #fff;
            padding: 20px;
            border-radius: 15px;
        }

        .progress-card{
            background:linear-gradient(90deg, #bf195eeb 0%, #e11a6de3 100%);
            border-radius: 10px;
        }

        .bold-num{
            font-weight: 700;
            font-size: 18px;
        }
        .fw-bold{
            font-weight: 700;
        }

        .bg-cols{
            background-color: purple;
            margin: 0px;
            padding:8px 12px 15px;
            font-size: 16px;
            color: #fff;
            border-radius: 6px 6px 0px 0px;
        }
        .green-boredrr .bg-color-ques1{
            background: #e5fde5 !important;
        }
        .blue-boredrr .bg-color-ques1{
            background: #f5e9ff  !important;
        }
        .orange-boredrr .bg-color-ques1{
            background: #fff2e2  !important;
        }
        .d-green-boredrr .bg-color-ques1{
            background: #d0fff1 !important;
        }
        .bg-color-quesblu{
            background: #ccfff1 !important;;
        }


          .d-blue-boredrr .bg-color-ques1{
            background: #eaefff !important;
        }



        .sendtier-fedbackrow2 {
            border-radius: 10px;
            position: relative;
        }

        .ques-font-siz{
            font-size: 14px;
            font-weight: 400;
        }

        .question-num {
                width: 33px !important ;
                height: 33px !important;
                font-size: 14px !important ;
        }

        /* Alp page css start */



/* Anurag Work ALP template tab 2 */

.learner-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.learn-btn {
    padding: 4px 13px;
    border: 1px solid #ccc;
    border-radius: 30px;
    /* background: #f5f5f5; */
    /* color: #000; */
    font-size: 13px;
    /* cursor: pointer; */
    transition: 0.3s;
    min-width: 221px;
}

/* Hover (optional soft effect) */
.learn-btn:hover {
    border-color: #c08014;
}

/* Selected State */
.learn-btn.selected {
    background: #e69100;
    color: #fff;
    border-color: #c08014;
}

/* Anurag Work ALP template tab 3  */

.framewrok {
    padding: 20px 20px;
    margin: 0px 0px 20px 0px;
    background-color: #fff;
    border-radius: 12px;
    font-weight: 700;
}

.framewrok .grid {
    justify-content: space-evenly;
}

.framewrok span {
    padding: 5px 10px;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 900;
    color: #fff;
}

.framewrok .framewrok-design-s {
    padding: 5px 11px;
    background-color: #16a34a;
}

.framewrok .framewrok-design-m {
    padding: 5px 8px;
    background-color: #dc2626;
}

.framewrok .framewrok-design-a {

    background-color: #f59e0b;
}

.framewrok .framewrok-design-r {

    background-color: #2563eb;
}

.framewrok .framewrok-design-t {
    padding: 5px 11px;
    background-color: #bf195e;
}

.framewrok .frame-title {
    color: #0e7691;
}

/* tab 4 radio buttons */

.subjects-grid label{
    margin-right:12px ;
}

.subject input {
    display: none;
}

.subject span {
  display: block;
    width: 100%;
    height: 29px;
    line-height: 25px;
    text-align: center;
    padding: 0px 12px;
    border-radius: 999px;
    border: 1px solid rgba(132, 132, 132, 0.36);
    background: rgb(255, 255, 255);
    font-size: 10px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.62);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    min-width: 220px;
}

/* MULTI SELECT ACTIVE */
.subject input:checked+span {
    background: #1c59e1;
    color: #fff;
}

.color-blu {
    color: #0c509b;
}





        /* Alp css End */



    /* boredr-colors */
        .border-ques-pink{ border: 1px solid #800080ad; border-radius:  0px 0px 5px 5px; }
        .border-ques-blue{ border: 1px solid #0c4f9ad4; border-radius:  0px 0px 5px 5px; }
        .border-ques-purple{ border: 1px solid #581c87a1; border-radius:  0px 0px 5px 5px; }
        .border-ques-green{ border: 1px solid #229663d4; border-radius:  0px 0px 5px 5px; }
        .border-ques-green{ border: 1px solid #581c8729; border-radius:  0px 0px 5px 5px; }
        .border-ques-yellow{ border: 1px solid #f59e0b; border-radius:  0px 0px 5px 5px; }
        .border-ques-dgreen{ border: 1px solid #076248ba; border-radius:  0px 0px 5px 5px; }
        .border-ques-dgray{ border: 1px solid #0e7691; border-radius:  0px 0px 5px 5px; }
        .border-ques-orange{ border: 1px solid #f97316; border-radius:  0px 0px 5px 5px; }
        .border-ques-hdgreen{ border: 1px solid #0d9488 ; border-radius:  0px 0px 5px 5px; }

    /* question bg-color */
        .blue-color{ background-color: #0c4f9a !important;}
        .purple-color{ background-color: #581c87 !important;}
        .green-color{ background-color: #229663 !important;}
        .umber-color{ background-color: #9333ea!important;}
        .yellow-color{ background-color:rgb(245 158 11) !important;}
        .dgreen-color{ background-color:rgb(7 98 72) !important;}
        .dgray-color{ background-color:#0e7691 !important;}
        .orange-color{ background-color:#f97316 !important;}
        .hd-green-color{ background-color:#0d9488 !important;}
        .bg-umber{background: #f59e0b;}


    /* Questin span number */
        .question-span{ background-color: #800080 !important;}
        .green-boredrr .question-span{ background-color: #008000 !important;}
        .blue-boredrr .question-span{ background-color: #7e22ce  !important;}
        .orange-boredrr .question-span{ background-color: #f97316  !important;}
        .d-green-boredrr .question-span{ background-color: #047857  !important;}
        .d-blue-boredrr .question-span{ background-color: #1e3a8a  !important;}
        .d-green-2-boredrr .question-span{ background-color: #134e4a  !important;}
        .d-blue-2-boredrr .question-span{ background-color: #4338ca   !important;}
        .d-pink-2-boredrr .question-span{ background-color: #db2777    !important;}
        .d-orange-2-boredrr .question-span{ background-color: #ea580c    !important;}
        .question-span-blu{ background: #0c4f9a !important;}
        .question-span-purple{ background: #581c87  !important;}
        .question-span-green{ background: #229663  !important;}
        .question-span-umber{ background: #9333ea  !important;}
        .question-span-yellow{ background: #f59e0b  !important;}
        .question-span-dgreen{ background: #076248  !important;}
        .question-span-dgray{ background: #0e7691  !important;}
        .question-span-orange{ background: #f97316  !important;}
        .question-span-hdgreen{ background: #0d9488   !important;}



        .color-bg-pink{background-color: #e444e4;}
        .color-bg-blue{background-color: #2087fa; }
        .color-bg-purple{background-color: #8f20e5; }
        .color-bg-green{background-color: #46d495; }
        .color-bg-umber{background-color: #c98eff; }
        .color-bg-yellow{background-color: #ffbc4b; }
        .color-bg-dgreen{background-color: #3bb793; }
        .color-bg-dgray{background-color: #38afcd; }
        .color-bg-orange{background-color: #d15803; }
        .color-bg-hdgreen{background-color: #51d9cd; }

        .bg-color-quesprp{background: #581c871a !important;}
        .bg-color-quesgreen{background: #22966340 !important;}
        .bg-color-quesumber{background: #9333ea29 !important;}
        .bg-color-quesyellow{background: #f59e0b38 !important;}
        .bg-color-quesdgreen{background: #07624842 !important;}
        .bg-color-quesdgray{background: #0e769133 !important;}
        .bg-color-quesorange{background: #f9731629 !important;}
        .bg-color-queshdgreen{background: #0d94884d !important;}



          .d-blue-boredrr .bg-color-ques1{
            background: #eaefff !important;
        }
          .d-green-2-boredrr .bg-color-ques1{
            background: #e4fffd !important;
        }

          .d-blue-2-boredrr .bg-color-ques1{
            background: #f6f5ff !important;
        }
          .d-pink-2-boredrr .bg-color-ques1{
            background: #fff2f8 !important;
        }
          .d-orange-2-boredrr .bg-color-ques1{
            background: #fff7ed !important;
        }

        .color-grey-li li {
                background-color: #616a76;
                margin-bottom: 5px;
            }

     .bgcolor-num{
            text-align: right;
            border-radius: 10px;
            font-size: 13px;
            padding: 2px 14px;
            display: inline;
     }

     .status-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Hide checkbox */
.status-container input {
  display: none;
}

/* Base button */
.status-btn {
  padding: 4px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: 2px solid #e5e7eb;
  background: #fff;
  color: #374151;
  transition: all 0.25s ease;
}



/* Selected state */
.status-container input:checked + .status-btn {
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 🎨 Color Variants */

.high { background: #16a34a; }
.moderate { background: #eab308; }
.low { background: #dc2626; }
.blue { background: #2563eb; }
.pink { background: #db2777; }
.teal { background: #0d9488; }
.orange { background: #ea580c; }


/* Default (unselected look override) */
.status-container input:not(:checked) + .status-btn.high { background: #f0fdf4; color: #16a34a; border-color: #16a34a; }
.status-container input:not(:checked) + .status-btn.moderate { background: #fefce8; color: #ca8a04; border-color: #eab308; }
.status-container input:not(:checked) + .status-btn.low { background: #fef2f2; color: #dc2626; border-color: #dc2626; }
.status-container input:not(:checked) + .status-btn.blue { background: #eff6ff; color: #2563eb; border-color: #2563eb; }
.status-container input:not(:checked) + .status-btn.pink { background: #fdf2f8; color: #db2777; border-color: #db2777; }
.status-container input:not(:checked) + .status-btn.teal { background: #ecfeff; color: #0d9488; border-color: #0d9488; }
.status-container input:not(:checked) + .status-btn.orange { background: #fff7ed; color: #ea580c; border-color: #ea580c; }

.max-heighdiv{
    min-height: 30px;
    margin-bottom: 8px !important;
}


.span-na{
     padding-left: .625rem;
     padding-right: .625rem;
     padding-top: .25rem;
     font-weight: 700;
     font-size: 12px;
     padding-bottom: .25rem;
     border-radius: 10px;
}


/* Main Card */
.main-card {
    background: linear-gradient(135deg, #243b6b, #3b2a8f);
    border-radius: 20px;
    color: #fff;
    padding: 30px;
}

/* Small pills */
.badge-pill1 {
    background: rgb(255 255 255 / 59%);
    padding: 8px 18px;
    border-radius: 9px;
    font-weight: 700;
    color: white;
}


.badge-pill2 {
    background: rgb(255 255 255 / 32%);
    padding: 8px 18px;
    border-radius: 9px;
    font-weight: 700;
    border: 1px solid #ffffff4d;
    color: white;
}
.sub-card p{
    text-align: center;
    margin-bottom: 0px;
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}
.sub-card h3{
    margin-top: 3px;
    color: white;
}

.sub-card small{
    color: white;
    font-size: 10px !important;
}

.sub-card .progress{
    margin-bottom: 5px;
}


/* Category pill */
.category-pill {
   background: #fff;
    color: #1f2a44;
    padding: 10px 20px;
    border-radius: 9px;
    /* font-size: 13px; */
    font-weight: 900;
}

/* Progress */
.progress {
    height: 10px;
    background: rgb(126 121 121 / 20%)
}

.progress-bar {
    background: #cbd5e1;
}

/* Sub Cards */
.sub-card {
    background: rgba(255,255,255,0.08);
    border-radius: 15px;
    padding: 20px;
    text-align: center;
}

/* Conclusion box */
.conclusion-box {
    background: #f1f5f9;
    color: #1f2937;
    border-radius: 15px;
    padding: 20px;
}

/* Bottom section */
.bottom-section {
    background: rgba(0,0,0,0.2);
    border-radius: 0 0 20px 20px;
    padding: 25px;
}

/* Select */
.custom-select {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
    padding: 12px;
    border-radius: 10px;
}

.custom-select::placeholder {
    color: #cbd5e1;
}
.bg-main-count{ background: linear-gradient(135deg, #243b6b, #3b2a8f); padding: 0px;border-radius: 12px 12px 0px 0px;}

.score-perag{font-size: 12px;font-weight: 500; color: black;margin-bottom: 0px;color: white;letter-spacing: 1px;}
.score-head{
    font-size: 60px;
    line-height: 62px;
    font-weight: 900;
    color: white;
    margin-right: 10px;
}

.inncont{
    padding: 20px;
}

.perag-scrores{
    color: white;
}
.man-perag-whit{
    background-color: #f0f0f0;
    border-radius: 12px;
    border: 2px solid #595858;
    margin-top: 20px;
}
.fonts-p{
    font-size: 15px;
}

.fonts-p2{
    font-size: 14px;
    font-weight: 500;
}

.bottom-box {
    background: linear-gradient(
        135deg,
        rgba(15, 23, 42, 0.95) 0%,
        rgba(30, 27, 75, 0.95) 50%,
        rgba(15, 23, 42, 0.95) 100%
    );
    backdrop-filter: blur(12px);
    border-top: 1px solid rgba(255,255,255,0.1);
}

.select-box {
    /* width: 100%; */
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 12px;
    padding: 12px 16px;
    background: rgba(255,255,255,0.1);
    cursor: pointer;
    transition: 0.3s;
}

/* .select-box:hover {
    background: rgba(255,255,255,0.15);
} */





.aks-other-wrap {
 display: flex;
 align-items: center;
 }

.aks-other-field {
  overflow: hidden;
  max-width: 0;
  white-space: nowrap;
  transition: all 0.4s ease;
}

 .aks-other-field.open {
   max-width: 200px;
   margin-left: 10px;
 }

.aks-btn-active {
   background-color: #f59e0b;
   color: #fff;
 }


.main-btns-row .learner-type .learn-btn{
   max-width: 100%;
   width: 100% !important;
   min-width:auto !important;  }

.text-lig-green-500 {
    font-size: 11px;
    padding: .175rem;
    color: #15784d;
    background-color: #15784d24;
    border: 1px solid #15784d8f !important;
}


.text-green-600 svg {
    max-height: 15px;
    width: .875rem;
    height: .875rem;
}

.button-upl{
    padding: 4px 15px;
    margin: 0px;
    border-radius: 0px ;
    font-size: 14px;
    height: 33px;
    font-weight: 600;
}

.man-other-butt .learn-btn{
    min-width: auto !important;
    width: 100%;
}

.man-other-butt .learn-btn.selected{
    background-color: #1c59e1 !important;
}

.man-other-butt label{
    width: 100%;
}

.oversfl{
    overflow-x: scroll !important;
}



.btn-group-custom .custom-btn { max-width:100%;}
.btn-group-customalp .custom-btn {width:100%;}



.right_col{
    min-height: auto !important;
}


.tier-topscore-cont h4{
    font-size: 17px !important;
}

.spans h4{
      font-size: 16px ;
      font-weight: 600;
      padding-bottom: 5px;
      border-bottom: 2px solid #cbcbcb;
}

.main-boxes-team{
    background-color: white;
    padding: 5px;
    border-radius: 14px;

}

.lay-man-inn{
    background-color: white;
    border: 2px solid #c9c9c9;
    border-radius: 14px;
    padding: 10px 20px;
}

.img-h {
    background-color: #116fd8;
    padding: 6px 10px;
    width: 60px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.img-h img{
    width:100%;
}



.heads{
    display: flex;
    align-items: center;
}


.inner-teams-sh{
    border-top: 1px solid #419bff;
    border-right: 4px solid #419bff;
    border-left: 4px solid #419bff;
    border-bottom: 4px solid #419bff;
    padding: 20px 20px;
    border-radius: 12px;
    background-color: #dcedff;
    min-height: -webkit-fill-available;

}
 .link-box {
        border-radius: 10px;
        margin:10px 0px 5px 0;
        font-size: 14px;
        word-break: break-all;
    }

     .small-links {
        margin-top: 10px;
        font-size: 13px;
        color: #2b5fa7;
    }

    .small-links a {
        color: #2b5fa7;
        text-decoration: underline;
        margin-right: 10px;
        font-weight: 600;
    }

      .info {
        margin: 5px 0;
        font-size: 14px;
        font-weight: 500;
    }

    .small-links img{
        max-width: 25px;
        margin-right: 5px;
    }

    .bg-light ol li{
        margin: 5px 0px;

    }
    .group-multi-select{
        display: grid;
        grid-template-columns: 50% 50%;
    }




    /* Default */
.severity-btn {
  /* background: #fff; */
  border: 2px solid #e2e8f0;
  color: #94a3b8;
  border-radius: 12px;
  transition: 0.3s;
}

/* Hover */
.severity-btn:hover {
  border-color: #cbd5e1;
}

/* Active Colors */
.active-borderline {
  background: #f59e0b !important;
  border-color: #d97706 !important;
  color: #fff !important;
}

.active-mild {
  background: #fca5a5 !important;
  border-color: #f87171 !important;
  color: #fff !important;
}

.active-moderate {
  background: #ef4444 !important;
  border-color: #dc2626 !important;
  color: #fff !important;
}

.active-severe {
  background: #991b1b !important;
  border-color: #7f1d1d !important;
  color: #fff !important;
}

/* Active effect */
.severity-btn.active {
  transform: scale(1.05);
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}


.bip-card:hover {
  border-color: #adb5bd;
}

.toggle-switch {
  transition: 0.3s;
}

.toggle-circle {
  transform: translateX(0);
}

.toggle-switch.active {
  background-color: #8b1144 !important;
}

.toggle-switch.active .toggle-circle {
  transform: translateX(18px);
}
.toggle-switch2 {
  transition: 0.3s;
}


.toggle-switch2.active {
  background-color: #8b1144 !important;
}

.toggle-switch2.active .toggle-circle {
  transform: translateX(18px);
}

.toggle-switch3 {
  transition: 0.3s;
}


.toggle-switch3.active {
  background-color: #8b1144 !important;
}

.toggle-switch3.active .toggle-circle {
  transform: translateX(18px);
}
.status-text{
    font-size: 16px;
}

.status-text.active {
  color: #8b1144 !important;
}


.status-text2{
    font-size: 16px;
}

.status-text2.active {
  color: #8b1144 !important;
}

.status-text3{
    font-size: 16px;
}

.status-text3.active {
  color: #8b1144 !important;
}
.buttons-down-gr:focus{
            outline: none;
              background-color: #bf195e;
}


/* Default Green */
.urgency-green {
  background-color: #e3fff2;
  border-color: #198754;
}
.urgency-green .form-select {
  border:2px solid #4ade80 ;
  color:#145c32;
  padding: 5px 20px;
  border-radius: 8px;
}
.urgency-green #urgencyTitle {
  color:#166534;
  font-size: 15px;
  font-weight: 800;
}

/* Yellow (Warning) */
.urgency-yellow {
  background-color: #fffbeb;
  border-color: #fbbf24;
}
.urgency-yellow .form-select {
  border:2px solid #ffc107;
  color:#856404;
  padding: 5px 20px;
  border-radius: 8px;
}
.urgency-yellow #urgencyTitle {
  color:#92400e;
   font-size: 15px;
  font-weight: 800;
}

/* Red (Emergency) */
.urgency-red {
  background-color: #fff7ed;
  border-color: #f97316;
}
.urgency-red .form-select {
  border:2px solid #dc3545;
  color:#842029;
  padding: 5px 20px;
  border-radius: 8px;
}
.urgency-red #urgencyTitle {
  color:#dc3545;
   font-size: 15px;
  font-weight: 800;
}





#urgencyCard {
  border-width: 2px !important;
  border-style: solid !important;
}

.urgency-green {
  border-color: #4ade80 !important;
}

.urgency-yellow {
  border-color: #fbbf24 !important;
}

.urgency-red {
  border-color: #dc3545 !important;
}


.emergency-box {
  background-color: rgba(220,53,69,0.1);
  border: 1px solid rgba(220,53,69,0.4);
  color: #842029;
}

.hide-emer{
    display: none;
}


.show-emer{
    display: block;
}

.border-man-show{
     border: 2px solid #ef4444;
}

.border-man-hide{
    border:2px solid #a3a4a6
}

.inner-header-bg{
    background: linear-gradient(to right, #b91c1c, #be123c);
    color: white;
}

.inner-header-bg-none{  background: transparent; color: black;}

.headman-inn-h4{font-size: 16px !important; font-weight: 600 !important;margin-bottom: 2px !important;}
.images-details img{  margin-right: 10px; max-width: 15px;}
.images-details{font-size: 13px;color: #842029; font-weight: 700;}
.man-inner-hed{  background-color: #bc162f; color: white; padding: 10px 20px; border-radius: 15px;}
.man-inner-hed h4{font-size: 13px; font-weight: 600; margin-bottom: 0px ; }
.imgge-headre-ic img{max-width: 100%;margin-right:10px;}
.inner-imgge-headre-ic img{max-width: 25px;margin-right: 10px;}
.outers-checbox{background-color: white; border:1px solid red; border-radius: 12px; padding: 7px 7px 7px 10px;}

.option-btn {
  font-size: 10px;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #64748b;
  transition: 0.2s;
}

.man-inn-labels label{
    max-width: 100%;
    padding: 5px 10px 5px 25px;
    border: 1px solid black;
    position: relative;
    margin-right: 10px;
    border-radius: 12px;
    color: black !important;
    border-color: #d52424aa !important;
    background: white;

}

.man-inn-labels label input{
    position: absolute;
    top: 4px;
    bottom: auto;
    left: 28px;
}

.option-btn.active {
  color: #fff;
  border: none;
}

.option-btn[data-type="OT"].active { background: #22c55e; }
.option-btn[data-type="OP"].active { background: #facc15; }
.option-btn[data-type="OA"].active { background: #fb923c; }
.option-btn[data-type="D"].active  { background: #ef4444; }

.score-btn {
  width:32px;
  height:32px;
  border-radius:50%;
  border:2px solid #e2e8f0;
  color:#94a3b8;
  font-size:12px;
  font-weight:bold;
  background:#fff;
  text-align: center;
  margin: 0px;
  transition:0.2s;
}

/* Active colors by value */
.score-btn.active[data-value="0"] {
  background:#9ca3af; /* slate */
  border-color:#111827;
  color:#fff;
}

.score-btn.active[data-value="1"] {
  background:#d54c43; /* red */
  border-color:#111827;
  color:#fff;
}

.score-btn.active[data-value="2"] {
  background:#eec951; /* yellow */
  border-color:#111827;
  color:#fff;
}

.score-btn.active[data-value="3"] {
  background:#7ee7a5; /* green */
  border-color:#111827;
  color:#fff;
}

.score-btn.active[data-value="4"] {
  background:#6490f0; /* sky-blue */
  border-color:#111827;
  color:#fff;
}



/* Hover */
/* .score-btn:hover {
  border-color:#14b8a6;
} */

.man-score-butt .score-btn{
        padding: 0px !important;
        align-items: center !important;
        justify-content: center;
}



.images-details-text {color: #888888; font-size: 12px;font-weight: 700;}

.images-details-text img{max-width: 15px;margin-right:5px;}

.feedbox7b {background: #ecececc4; border-color: #c5c5c5;}
.feedbox6b {background: #d9f7e2;color: #fff;border-color: #86efac;}
.feedbox5b {background: #fbf5dd; border-color: #fcd34d;}
.feedbox4b {    background: #ffc072;border-color: #cf700d;}
.feedbox2b { background: #fef2f2; border-color: #f87171;}
.span-question{width:20px; height:20px; font-size:12px;background-color:#e4e4e4;border-radius: 50%;margin-right: 5px;color: #404040;font-weight: 700;}



/* score btn start 2 */


.score-btn2 {
  width:32px;
  height:32px;
  border-radius:50%;
  border:2px solid #e2e8f0;
  color:#94a3b8;
  font-size:12px;
  font-weight:bold;
  background:#fff;
  text-align: center;
  margin: 0px;
  transition:0.4s;
}

/* Active colors by value */
.score-btn2.active[data-value="0"] {
    background: #f95d5b;
    border-color: #bd2221;
    color: #fff;
}

.score-btn2.active[data-value="1"] {
  background: #ff9292;
    border-color: #e36868;
    color: #fff;
}

.score-btn2.active[data-value="2"] {
    background: #f8cd4b;
    color: #ffffff;
    border-color: #edba20;
}

.score-btn2.active[data-value="3"] {
       color: #ffffff;
    background: #35c56f;
    border-color: #02722f;
}

.score-btn2.active[data-value="4"] {
    color: #ffffff;
    background: #149546;
    border-color: #025926;
}

.score-btn2.active[data-value="5"] {
    color: #ffffff;
    background: #1c68bd;
    border-color: #001c3a;
}
.score-btn2:hover{
    color:#6366f1 ;
    border-color:#6366f1 ;
}

.tables-res-vert thead  tr th{vertical-align: middle;}
.tables-res-vert thead  tr td{vertical-align: middle !important;}
.tables-res-vert thead  tr .table-mini-blue{background-color: #6f94ff;color: white;}
.tables-res-vert thead  tr .table-mini-red{background-color: #e25b5b;color: white;}
.tables-res-vert thead  tr .table-mini-green{background-color: #42cf77;color: white;}
.tables-res-vert thead  tr .table-total{background-color: #15803d;color: white;}

/* Hover */
/* .score-btn2:hover {
  border-color:#14b8a6;
} */

.man-headre-tab .nav-item{
            flex: auto;
        width: 20%;
        text-align: left;
        font-size: 11px;
        min-height: -webkit-fill-available;
        margin-bottom: 8px;
}
.addbutt-school-ext{
    width: 100%;
    border: 2px dashed #429abd !important;
    padding: 5px;
    background: #acddf0;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    color: #1a5f7a;
}
.bg-cols-labels{border-color: #0000001a;}
.bg-cols-labels label{color: #6c757d!important;font-size: 12px;font-weight: 700;}
.man-score-butt .score-btn2{
        padding: 0px !important;
        align-items: center !important;
        justify-content: center;
}

/* Chrome, Safari, Edge, Opera */
    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
        appearance: textfield;
    }




.score-btn3 {
  width:32px;
  height:32px;
  border-radius:50%;
  border:2px solid #e2e8f0;
  color:#94a3b8;
  font-size:12px;
  font-weight:bold;
  background:#fff;
  text-align: center;
  margin: 0px;
  transition:0.4s;
}

/* Active colors by value */
.score-btn3.active[data-value="0"] {
       background: #6490f0;
    border-color: #64748b;
    color: #fff;
}

.score-btn3.active[data-value="1"] {
  background: #22c55e;
    border-color: #22c55e;
    color: #fff;
}

.score-btn3.active[data-value="2"] {
        background: #f59e0b;
    border-color: #f59e0b;
    color: #fff;
}

.score-btn3.active[data-value="3"] {
    background: #f97316;
    border-color: #f97316;
    color: #fff;
}

.score-btn3.active[data-value="4"] {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

.score-btn3:hover{
    color:#6366f1 ;
    border-color:#6366f1 ;
}


.man-outers a:after:after {
    color: #000000 !important;
}


/* Hover */
/* .score-btn2:hover {
  border-color:#14b8a6;
} */

.man-headers-innerd.ass-config-accord .man-outers .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 pro';
    font-weight: 500;
    position: absolute;
    right: 15px;
    color: black !important;
}




/* score btn End 2 */


.left-cont p{font-size: 17px;font-weight: 700;margin-bottom: 0px;}
.left-cont p span{font-size: 30px;margin-right: 5px;}
.right-cont h6{font-size: 21px;font-weight: 800;margin-bottom: 0px;}
.right-cont p{font-size: 16px;font-weight: 700;margin-bottom: 0px;}
.number-siz{font-weight: 800;font-size: 14px;}
.dom-siz{font-size:10px; font-weight: 700}
.man-he-typ .inp-1{font-size: 11px;color: #4f46e5;font-weight: 700;}
.man-he-typ .inp-2{font-size: 17px;color: #352dc8;font-weight: 900;}
.man-he-typ .inp-3{font-size: 10px;color: #352dc8;font-weight: 500;}
.man-he-typ{border: 2px solid #8da3ff;background: #d5dbf0; border-radius: 8px;}
.man-he-risk-dom{border: 2px solid #8da3ff;border-radius: 8px;}
.man-he-risk-dom .iner2{font-size: 11px;color: #4f46e5;font-weight: 700;margin-bottom: 0px;}
.rounds-numbers{border: 2px solid #86efac;border-radius: 12px;padding: 1px 7px; margin-bottom: 5px;color: #166534;font-weight:800;background-color: #dcfce7;}
.option-selecters{background: #ffffd8; padding: 6px 13px;  margin-top: 10px; border: 2px solid #d5d500; border-radius: 10px; font-size: 13px;}
.option-selecters3{background: #edfbea; padding: 6px 13px;  margin-top: 10px; border: 2px solid #a1fa8b; border-radius: 10px; font-size: 13px;}
.option-selecters2{background: #eaf9fb; padding: 6px 13px;  margin-top: 10px; border: 2px solid #8be4fa; border-radius: 10px; font-size: 13px;}
.option-selectersnew{background: #eaf9fb; padding: 6px 13px;   border: 2px solid #8be4fa; border-radius: 10px; font-size: 13px;}
.man-inntrigerd{background: #ffffffa3 !important;  border: 1px solid #c3c3c3 !important; color: #73879C; border-radius: 10px;font-size: 12px;font-weight: 600;}
.container-s-dropd .dropdown { display: block!important;  }
.buttn-upl{position: absolute;top: 0px;right: 0px;margin: 0px;border: none;background-color: #007bff;padding: 3px 15px;color: white;border-radius: 6px 6px 0px 0px;font-weight: 600;}
.input-m input{margin-left: 0px !important;}
.input-m label{margin-left: 22px !important;}
.img-goal img{max-width: 20px;}
.smal-check small img{max-width: 20px;}
.border-dashedbt{border: 1.8px solid #a5b4fc; border-style:dashed !important; margin-top: 10px;font-size: 13px;}
.hover-shadow:hover{ background:#eef2ff;  transition:0.3s;}
.sidebuttons a{font-weight: 700; ;font-size: 14px;padding:5px 15px;transition:all 0.4s ease-in-out;border-radius:10px;}
.color-1{background-color: rgb(255 220 220 / 99%);border: 2px solid #ff7c7c;color:#e00000;}
.color-3{background-color: rgb(239 222 254);border: 2px solid #b76bff;margin-left: 10px;color: #5f00b8;}
.color-2{background-color: rgb(236 206 162);border:2px solid #f59a00;color: #bd7000;}
.color-2:hover{background-color: rgb(24 156 78);}
.sidebuttons a:hover{color: white; background-color: rgb(24 156 78);}








.add-btn:hover {
    background: rgba(255,255,255,0.3);
}

.tables-inners tr
 th  {text-align: center;line-height: 14px;border-right: 1px solid #cdd3da;}

 .tables-inners tr
 td  {text-align: center;line-height: 14px;border-right: 1px solid #cdd3da;}

.tables-inners


/* .table input,
.table select {
    border: 1px solid #ced4da !important;
    border-radius: 6px;
    background: #fff !important;
    padding: 4px 8px;
} */


.tables-inners .table input:focus,
.tables-inners .table select:focus {
    border-color: #2b5cc7 !important;
    box-shadow: 0 0 0 2px rgba(43, 92, 199, 0.15) !important;
    outline: none;
}

/* Number input center align */
.tables-inners .table input[type="number"] {
    text-align: center;
}

/* Optional: select arrow thoda clean */
.tables-inners .table select {
    cursor: pointer;
}

.staff-behav-hist .custom-table th {
    font-size: 12px;
    color: #334155;
    background: #e2e8f0;
    text-transform: uppercase;
    letter-spacing:0px !important;
    vertical-align: middle;
}

.teal-text { color: #0f766e; }
.teal-bg-light { background: #f0fdfa; }
.teal-border { border-color: #ccfbf1 !important; }
.teal-box h5{color: black;}
.small-intext{font-size: 14px;}
.teal-box {
    background: rgb(220 251 244 / 70%);
    border: 1px solid #aff8e9;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    min-height: -webkit-fill-available;
}
.teal-title {
    border-bottom: 1px solid #98f3e0;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #0f766e;
}
.gradient-box {
    background: linear-gradient(to right, #f0fdfa, #ecfdf5);
    border: 1px solid #99f6e4;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}
.signature-box {
    border: 2px solid #ccfbf1;
    border-radius: 10px;
    padding: 15px;
    background: rgba(240,253,250,0.5);
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.signature-line {
    height: 50px;
    border-bottom: 2px solid #2dd4bf;
    margin-bottom: 5px;
}
.stamp-box {
    border: 2px dashed #2dd4bf;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-box {
    border-radius: 12px;
    border: 1px solid #f1f5f9;
    background: #fff;
}
.head-siz{font-size: 17px !important;font-weight: 700 !important;}
.icon-box i{font-size: 16px;}
.icon-box {
    padding: 5px 10px;
    margin-right: 15px;
    border-radius: 8px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-purple { background: #7c3aed; }
.bg-teal { background: #0d9488; }


/* Filled button */
.btn-purple {
    background-color: #7c3aed;
    color: #fff;
    border: none;
}
.btn-purple:hover {
    background-color: #6d28d9;
    color: #fff;
}

/* Outline button */
.btn-outline-purple {
    color: #6b21a8;
    border: 1px solid #e9d5ff;
    background-color: #fff;
}
.btn-outline-purple:hover {
    background-color: #f5f3ff;
}

/* Active state */
.active-filter {
    background-color: #7c3aed !important;
    color: #fff !important;
}


.priority-btn{font-size: 12px;}
.priority-btn {
    background: #fff;
    border-color: #dee2e6;
    color: #6c757d;
    transition: 0.3s;
    border-radius: 12px;
  }

  /* BUTTON ACTIVE COLORS */

  .low-active {
    background: #dcfce7;
    border-color: #86efac !important;
    color: #166534 !important;
    transform: scale(1.03);
  }

  .medium-active {
    background: #fef9c3;
    border-color: #fde047 !important;
    color: #854d0e !important;
    transform: scale(1.03);
  }

  .high-active {
    background: #ffedd5 ;
    border-color: #fdba74 !important;
    color: #9a3412 !important;
    transform: scale(1.03);
  }

  .immediate-active {
    background: #fee2e2;
    border-color: #fca5a5 !important;
    color: #991b1b !important;
    transform: scale(1.03);
  }

  /* PARAGRAPH BOX COLORS */

  #priorityBox {
    font-size: 12px;
    font-weight: 600;
    transition: 0.3s;
    border-radius: 10px !important;
  }

  .low-box {
    background: #d1e7dd;
    border-color: #198754 !important;
    color: #198754;
  }

  .medium-box {
    background: #fff3cd;
    border-color: #ffc107 !important;
    color: #997404;
  }

  .high-box {
    background: #ffe5d0;
    border-color: #fd7e14 !important;
    color: #fd7e14;
  }

  .immediate-box {
    background: #f8d7da;
    border-color: #dc3545 !important;
    color: #dc3545;
  }

  /* Dashed Border */
.border-dashed {
    border-style: dashed !important;
}

/* Purple Custom */
.custom-purple-box {
    border-color: #c084fc !important;
    background: #faf5ff;
}

.text-purple {
    color: #7e22ce;
}

.custom-purple-btn {
    background: #9333ea;
    border-color: #9333ea;
}

.custom-purple-btn:hover {
    background: #7e22ce;
    border-color: #7e22ce;
}

.border-dang{background-color:#fef2f2;border: 2px dashed #fca5a5 ;border-radius: 10px;}
.border-yell{background-color:#fff7ed;border: 2px dashed #fdba74 ;border-radius: 10px;}
.border-blu{background-color:#eff6ff;border: 2px dashed #93c5fd ;border-radius: 10px;}
.border-purpl{background-color:#faf5ff;border: 2px dashed #d8b4fe ;border-radius: 10px;}
.border-grey{background-color:#f9fafb;border: 2px dashed #d1d5db ;border-radius: 10px;}


.bottom-text-sig{background-color: #eff6ff;border-top:1px solid #93c5fd;}
.draw-sig-siz{font-size:12px;margin: 0px;}
.save-cl-but{padding: 2px 10px;margin: 0px 10px 5px 0px;background-color: red;color: white;font-size: 12px;font-weight: 700;border-radius:4px !important;}


.min-signature-box {
    min-height: 220px;
    border-radius: 16px;
    overflow: hidden;
    border: 2px solid #bfdbfe !important;
    background-color: #ffffff;
}

.signature-canvas {
    height: 120px;
    border: 2px dashed #93c5fd;
    background: #eff6ff;
    cursor: crosshair;
    touch-action: none;
}

.signature-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #93c5fd;
    pointer-events: none;
    user-select: none;
    margin: 0;
}

/* Upload Button Default */
.upload-btn {
    background: #f0fdfa;
    color: #115e59;
    border-left: 1px solid #cfe2ff;
    transition: 0.3s;
}

/* Upload Button Hover */
.upload-btn:hover {
    background: #16a34a;
    color: #fff;
}

/* Active Upload Button */
.upload-btn.active-upload {
    background: #197049 !important;
    color: #fff !important;
}

.bg-colors-uplod{background: #197049 !important; color: white !important;align-items: center; margin: auto; justify-content: center;display: inline-flex;padding: 6px 30px 0px 30px;}
.clear-btn { border-right: 1px solid #dee2e6;}
.safeguarding table th{border:none ; font-size: 11px;}
.safeguarding table tr td:first-child {color: #006804;}
.safeguarding2 table th{border:none ; font-size: 11px;}
.safeguarding2 table tr td:first-child {color: #084587;}
.agenda-badge{    background: #cedcfa;
    padding: 3px 18px;
    border-radius: 10px;
    color: #1e5ce4;
    font-size: 14px;
    font-weight: 700;}

  .man-clsess{width:60px; display: flex;align-items: center;justify-content: center; cursor:pointer;}
  .span-outers-had{height:100%; background-color: #ffffff4f;padding: 2px 8px;border-radius: 10px;font-size: 13px;font-weight: 600;display:inline-flex;margin-right:8px;}


  /* externalpage css Start */

  .man-class-external{border-radius: 10px; overflow: hidden; margin: 10px 0px 20px 0px;}
  .bac-exter-bg{background-color:#1a5f7a;color: white;border-bottom: 1px solid #2a647a;padding: 10px 20px;}
  .outstandingres{background:#D97706; border-color:#D97706;font-size: 24px;}
    .bg-exetr-bott{    background-color: #1a5f7a;}

/* COMMON STYLE */
.grade-select{
  border: 0 !important;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  text-align: center;
  padding: 2px 0px;
  cursor: pointer;
  transition: 0.3s;
  color: #555;
  background: #f9f9f9;
}

.grade-select2{
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  padding: 2px 0px;
  cursor: pointer;
  transition: 0.3s;
  color: #555;
}

/* COLORS */
.grade-outstanding{ background: #1E3A8A !important; color: #fff !important; }
.grade-very-good{  background: #166534 !important; color: #fff !important; }
.grade-good{ background: #16A34A !important; color: #fff !important; }
.grade-acceptable{background: #D97706 !important; color: #fff !important; }
.grade-weak{ background: #DC2626 !important; color: #fff !important; }

.schoolexternal-table .table .table th {
    padding: 0.25rem;
    vertical-align: middle;
    border-bottom: 0px !important;
    border-color: #8d8d8dde !important;
}

.schoolexternal-table .table tr {
    background-color: white;
}
.schoolexternal-table .table thead tr th {
    padding:8px;
}

.dropdown-body .group label{text-align: left;}
.min-heig-behavv-butt{min-height: -webkit-fill-available;}
.priority-box{
    background:#fdecea;
    border-color:#c62828;
    transition:0.3s ease;
}

.priority-label{
    color:#c62828;
}

.priority-select{
    width: auto;
    font-size: 13px;
    border-radius: 4px;
    font-weight: 700;
    border-width: 1px;
   background:#fff4e5;
    border-color:#ef6c00;
}

/* Critical */
.priority-box.critical{
    background:#fdecea;
    border-color:#c62828;
}

.priority-box.critical .priority-label,
.priority-box.critical .priority-select{
    color:#c62828;
    border-color:#c62828;
}

/* High */
.priority-box.high{
    background:#fef6ec;
    border-color:#e8891c ;
}

.priority-box.high .priority-label,
.priority-box.high .priority-select{
    color:#ef6c00;
    border-color:#ef6c00;
}

/* Medium */
.priority-box.medium{
    background:#e8f5e9;
    border-color:#2e7d32;
}

.priority-box.medium .priority-label,
.priority-box.medium .priority-select{
    color:#2e7d32;
    border-color:#2e7d32;
}

/* Low */
.priority-box.low{
    background:#e8eff9;
    border-color:#1b4f8a;
}

.priority-box.low .priority-label,
.priority-box.low .priority-select{
    color:#1b4f8a;
    border-color:#1b4f8a;
}

#urgencySelect,
#progressLabel{
    transition:0.3s ease;
}

/* NOT STARTED */
#urgencySelect.not-started{
    color:#1b4f8a;
    background:#e8eff9;
    border-color:#1b4f8a;
}

#progressLabel.not-started{
    color:#1b4f8a;
}

/* IN PROGRESS */
#urgencySelect.in-progress{
    color:#f9a825;
    background:#fff8e1;
    border-color:#f9a825;
}

#progressLabel.in-progress{
    color:#f9a825;
}

/* COMPLETED */
#urgencySelect.completed{
    color:#2e7d32;
    background:#e8f5e9;
    border-color:#2e7d32;
}

#progressLabel.completed{
    color:#2e7d32;
}

/* DELAYED */
#urgencySelect.delayed{
    color:#c62828;
    background:#fdecea;
    border-color:#c62828;
}

#progressLabel.delayed{
    color:#c62828;
}

/* CARRIED FORWARD */
#urgencySelect.carried-forward{
    color:#7b1fa2;
    background:#f3e5f5;
    border-color:#7b1fa2;
}

#progressLabel.carried-forward{
    color:#7b1fa2;
}

.enrollment-card{
    background:#f4f7fc;
    border:1px solid #b9d0ff;
    border-radius:20px;
    padding:20px;
}

.enrollment-title {
    color: #1e40af;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}

.stats-box{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.input-box{
    width: 76px;
    height: 30px;
    border-radius: 10px;
    border: 1px solid #cfd8e3;
    background: #edf2f7;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #111827;
}

.percent-box{
    padding: 3px 9px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 12px;
}

.blue-percent{
    background:#dbeafe;
    color:#1d4ed8;
}

.pink-percent{
    background:#ffe4e6;
    color:#e11d48;
}

.total-card{
    background:#1d4ed8;
    color:white;
    border-radius:18px;
    padding:4px 18px;
    text-align:center;
    min-width:200px;
    box-shadow:0 10px 25px rgba(29,78,216,0.2);
}

.total-card h2{
    font-size:26px;
    font-weight:800;
    margin:0;
}

.total-card p{
    margin:0;
    font-size:16px;
    font-weight:500;
}

.total-card small{
    font-size:14px;
    font-weight:700;
    color:#fde68a;
}

.tab-sec-2-tboadys{border-radius: 0px 0px 10px 10px;}
.label-title{
    font-size:12px;
    font-weight:700;
    color:#374151;
    margin-bottom:10px;
}
.tab-sec-2-tboadys tr td{padding: 0px;vertical-align: middle;font-size:10px;border: 2px solid #b8b7b7;font-weight: 600;color: black;}
.tab-sec-2-tboadys tr td input{border-radius: 3px;border-width: 2px;font-weight: 700 !important;color: black;}
.tab-sec-2-tboadys tr td input:focus{border-color:blue;}
.ass-config-accord .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 pro';
    font-weight: 500;
    position: absolute;
    right: 15px;
    color: #fff;
}

.addbutt-school-ext2 {
    width: 100%;
    border: 2px dashed #e0ab04 !important;
    padding: 5px;
    background: #fae49f;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    color: #9a7400;
}

.con-ceneter-p p{text-align: center;}


.tab-sec-2-tboadys tr td:nth-child(2){
    text-align: left;
    padding-left: 5px;
}

.hover-beh-s{
        width: 100%;
    min-height: 80px;
    border-radius: 8px;
    padding: 20px 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    min-height: -webkit-fill-available;
}

 .chart-card{
      background:#fff;
      border-radius:12px;
      padding:12px;
      border:1px solid #e5e7eb;
      box-shadow:0 2px 10px rgba(0,0,0,0.05);
    }
    .graph-box-shadow{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important; padding:20px;border-radius: 12px;}

    .chart-title{
      font-size:14px;
      font-weight:700;
      margin-bottom:20px;
    }

    .chart-container{
      position:relative;
      height:420px;
      width:100%;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active::after{content: "\f078";display: block;color: white;font-weight: 500;font-family: 'Font Awesome 5 Pro';font-size: 13px;position: absolute;right: 10px;bottom: 5px;}
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{padding-right: 40px;}
    .man-headre-tab .nav-item{align-content: center;}
    .mobile-tabs{align-items:center;}

    .bg-color-row-chekbox{
        background-color:#feebad;
        padding:10px 15px;
        border-radius: 12px;
    }
    .btn-upload-ab{position: absolute;bottom: 5px;right: 5px;background-color: red; color: white;font-weight: 600;}





@media(max-width:768px){

    .total-card{
        width:100%;
        margin-top:20px;
    }

}





/* harpreet responsive start */
@media (min-width: 1400px){
    .linechart { max-height: 203px!important; }
    .mt-xxl-0 { margin-top: 0!important; }
    .mt-xxl-2 { margin-top: 1rem!important; }
}
@media (min-width: 769px){
    .desktopreverse { margin-top: -25px; }
}
@media (max-width:1026px){
 .max-heighdiv{
    min-height:48px;
    margin-bottom: 8px !important;
}
.man-other-butt .subject span{
    min-width: auto;
    width: 100%;
}
.custom-btn { width:100%;min-width: auto;}

.btn-group-custom{
    flex-wrap: wrap;

}
.btn-group-custom .custom-btn { width:100%;}

}

@media (max-width: 991px){
     .profilepop-pic { width: 100%; height: 130px; border-radius: 15px; }
     .profilepop-pic img { border-radius: 15px; }
     .mobile-tabs .nav-link { width: 97%;min-width: 200px;}
     .overfl-md{
        overflow-x: scroll;
     }
     .custom-btn
 {
    width: 100%;
    min-width: auto;
}
}


@media (max-width: 769px){
      .group-multi-select{
        grid-template-columns: 100%;
    }
    .centersmallhd:before, .centersmallhd:after { display: none; }
    .severt-box1, .severt-box2, .severt-box3, .severt-box4, .severt-box5, .severt-box6 { margin-bottom: 5px; height: auto; }
    .btn-group-custom {display: flex;gap: 3px;justify-content: left;flex-wrap: wrap;}
   .signuplogo img { max-width: 100%; }
    .custom-btn { width:100%;min-width: auto;}
    #progressbar {
        overflow-x: auto;
        display: flex;
        justify-content: flex-start;
        gap: 20px;
        padding-bottom: 10px;
        scroll-snap-type: x mandatory;   /* smooth snapping */
    }
    #progressbar li {
        flex: 0 0 auto; /* prevent shrinking */
        scroll-snap-align: center;
        font-size: 12px;
        margin: 0;
        padding: 5px 10px;
    }
     .max-heighdiv{
    min-height:30px;
    margin-bottom: 8px !important;
}

    /* Optional: Hide scrollbar (nice UI) */
    #progressbar::-webkit-scrollbar { display: none; }
    #progressbar li strong { max-width: 200px; display: inline-block; }
    .login { display: block; }
    .ripple-background { display: none; }
    .login_wrapper { display: block; }
    .logincont img { max-width: 100%; }
    .login_content.logincont { padding: 15px 15px; }
    .fs-title { font-size: 15px; line-height: 1.3; }
    .page-title .title_left, .page-title .title_right { width:100%; float: none; }
    .page-title .title_right .pull-right { float: none; }
    .page-title .title_right .pull-right .btn { float: none; }
    .page-title { height: auto; }
    .ratingstat-box { margin-bottom: 10px; height: auto; }

    .tier-topscore-cont ul li { margin-bottom: 10px; }
    .desktopreverse { margin-top: 10px; }
    .min-w-max{ min-width: unset; border: 1px solid #ff0000; }
}



@media (max-width: 480px){
    .sub-card{
        margin-bottom: 20px;
    }
    .parent-spec { width: 100%;display: block;justify-items: center;justify-content: center;}
     .page-title .title_left { width: 100%; }
     .filtercont select, .filtercont input { margin: 0px 0px 10px 0px; }
     .mytable th { white-space: nowrap; }
     .mytable tr th:last-child { border: 1px solid #ff0000 }
     .profilepop-pic { margin: 0 auto; }
     .profilepop-right h2 { text-align: center; }
     .detpro-list li a.det-popbtn { margin: 0px; }
     .toggle{ float: none; }
     .card.custom-card { min-height: 9px; }
     body { padding: 12px; }
     .nav-sm .container.body .right_col { margin-left: 80px; }
     .signupbox .form-inner { padding: 15px; }
     .toggle { position: absolute; left: 5px; }
     .toggle a { padding: 5px 9px; }
     .panelname { font-size: 14px; line-height: 1.2; }
     .panelname span { font-size: 11px; margin-top: 6px; }
     .nav_menu { padding-left: 35px; }
     .firststat { margin: 0px 0 5px 0!important; }
     .card-design { padding: 9px; }
     .nav-sm .nav.side-menu li a { font-size: 11px; padding: 5px 5px; }
     .nav-sm ul.nav.child_menu li:before { top: 7px; }
     .qus { padding: 0px 0px 0px 35px; margin: 5px 0 0 0; }
     .qus h6 { font-size: 13px; font-weight: 600; }
     .qus span { width: 28px; height: 28px; font-size: 13px; }
     .bluecont { padding: 8px; margin: 0px 0 0 0; }
     .nav.side-menu>li>a:after { border-radius: 0px 10px 10px 0px; }
     .main_menu span { font-size: 12px; }
     .download-rep h5, .greencont h5 { padding: 15px 10px; font-size: 14px; }
     .overallstat { margin-bottom: 10px; }
     .greencont-body, .download-rep-body { padding: 15px; }
     .feedbacktopic h4 { padding: 9px 15px; font-size: 14px; }
     .h3, h3 { font-size: 1.1rem; }
     .h4, h4 { font-size: 1rem; }
     .h5, h5 { font-size: 1rem; }
     .h6, h6 { font-size: 0.90rem; }
     .page-title { padding: 5px 0; }
     .right_col { padding: 0px!important; }
     .enrolmentcont { padding: 10px 0px }
     .multitier1, .multitier2, .multitier3 { text-align: center; }
     .multitier1 h4 { margin: 0px auto 20px auto; }
     .multitier1>div { position: static; }
     .multitier1 ul li { text-align: left; }
     .fs-title { font-size: 14px; }
     .ratingstat-box2 { margin: 0px 0px 10px 0px; padding-bottom: 10px; height: auto; }
     .feedbacktopic2 h4, .feedbacktopic2-body h5 { font-size: 13px; }

     #send-tiered-acc #faq .card-body { padding: 0.25rem; }
     .rating-group { gap: 5px; margin-top: 15px; }
     .rating-btn span { width: 30px; height: 30px; font-size: 15px; }
     .tab-arrow { position: absolute; top: 50%; transform: translateY(-50%); border: none; background: #f2f2f2;
        width: 25px; height: 25px; z-index: 2; font-size: 26px; line-height: 0.5; border-radius: 100%; padding: 0;
        display: flex; align-items: center; justify-content: center; }
     .wrapperr { padding: 8px 8px; margin: 10px 0; }
     .headerr { flex-direction: column; margin-bottom: 10px; }
     .ass-config-right .lock { margin: 0px; }
     .headerr h3 { font-size: 16px; }

      .ass-config-right .left,
      .ass-config-right .range {
            width: 100%;
            display: flex;
            justify-content: space-between; /* Spreads content out */
        }

        /* Make the long text input expand to fill space */
        .ass-config-right .text {
            flex-grow: 1;
        }
        .btn-group-custom .custom-btn {
        width: 100%;
        min-width: auto;
    }

        .ass-config-right .text input {
            width: 100%;
            border: 1px solid #ddd; /* Example styling */
        }

        /* Make the number inputs side-by-side or auto-width */
        .ass-config-right .range input {
            width: 45%;
        }

        .grade-bar { flex-direction: column; border-radius: 8px; border: none; }
        .grade-item { margin: 10px 0px 0px 0px; border-radius: 8px; border: 2px solid #cbd5e1; }


}

/*480 end*/
/* SK */

 .invalid-feedback-custom {
            color: #ff4d4d;
            font-size: 13px;
            text-align: left;
            margin-top: 4px;
            padding-left: 2px;
            display: block;
        }
        .general-error-custom {
            color: #ff4d4d;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 15px;
            display: block;
        }
        .loginbtn {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .spinner-border-sm {
            width: 1rem;
            height: 1rem;
            border-width: 0.15em;
        }