.inten-result #table_data thead tr th {
    padding: 12px 23px 12px;
    background: #eff0f4;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    color: #525357;
}
/* .insti-tab th:nth-child(7) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
    } */

.inten-result #table_data tbody tr td {
    border-bottom: 1px solid #e6e6e6;
    padding: 13px 16px 13px;
    font-size: 15px;
    color: #727272;
    font-weight: 500;
}

.acadamic-title .d-flex.studView {
    border-bottom: 1px solid transparent !important;
}
.d-flex.studView.inter-acad{
    justify-content: center;
}
.d-flex.studView.center-acadamic{
    justify-content: space-between;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.signuprow .btn.btn-primary {
    /* color: #FFFFFF !important; */
    background-color: main-yellow-color !important;
    border-color: main-yellow-color !important;
    border-radius: 4px !important;
    letter-spacing: 1px;
    font-weight: bolder;
    font-size: 12px !important;
}
.inten-result .ml-8 {
    margin-left: -8.3rem !important;
}
.inten-result #table_data thead tr th:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.inten-result #table_data thead tr th:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.svg-icon.svg-icon-primary svg g [fill] {
    transition: fill 0.3s ease;
    fill: #47b021 ;
}

.add-val i.add {
    font-size: 20px;
    color: green;
    margin-bottom: 6px;
    cursor: pointer;
}
.remove-val i.remove {
    font-size: 20px;
    color: red;
    cursor: pointer;
}
.jqte_tool_icon {
    width: 25px !important;
    height: 35px !important;
}
.jqte_tool.jqte_tool_1 .jqte_tool_label{height: auto !important}
.jqte {
    box-shadow: none !important;
    border: #dcdada 1px solid !important;
}
.form-plus-add .btn.btn-primary {
    /*    background-color: var(--main-yellow-color);
        border-color: var(--main-yellow-color);*/
    background-color: #3bb504 !important;
    border-color: #3bb504 !important;
    border-radius: 50px;
    padding: 0px !important;
    margin: 0;
    height: 30px;
    width: 30px;
}
.form-plus-add .btn.btn-primary:hover {
    background-color: #233d8b;
    border-color: #233d8b;
}
.form-add-data .btn.btn-light-primary {
    color:#7e8299 !important;
    background-color: #e9e9e9 !important;
    padding: calc(0.775rem + 1px) calc(1.5rem + 1px);
}
.form-add-data .btn.btn-light-primary:hover,
.form-add-data .btn.btn-light-primary:focus {
    background-color: #cccccc !important;
    color: #7e8299;
}
.jqte{margin-bottom: 0px !important;}
.scores{border: 1px solid #cecbcb;}

/*****************JobDescription Screen UI*********/

#qualify_score {
    border-collapse: collapse;
    border-spacing: 10px;
}
.qualific_tab table, .qualific_tab td, .qualific_tab th {
    border: 1px solid #ccc;
}
.paddingxs{
    padding: 6px !important;
}
.clear-btn{
    border: 1px solid #ccc;
    padding: 5px 15px 5px 15px !important;
    background: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.clear-btn:hover{
    background-color: var(--main-yellow-color);
    color: #fff;
    border: 1px solid var(--main-yellow-color);
}
.add-remove-align{
    padding: 8% 2% 3% 3%;
}
.scrolltop{background-color: var(--primary) !important}
.sticky-toolbar{display: none;}

/*************Footer**************/
.admin-foot{
    background-color: var(--main-yellow-color) !important;
}
.admin-foot .text-muted {
    color: #a1a5b7 !important;
}
.admin-foot .text-dark-75 {
    letter-spacing: 0.5px;
}
.admin-foot .link-primary {
    color: var(--primary-dark) !important;
}
.admin-foot a.text-hover-primary:hover, .text-hover-primary:hover{color:#009ef7 !important;}
.admin-foot .footer-align.nav-dark a:hover{color:#009ef7 !important;}
.date-span{font-size: 20px;font-weight: 600;}
.month-span{font-size: 11px;padding-left: 2px;}
.separator-dashed{
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}
.user-drops a.text-hover-primary:hover, .text-hover-primary:hover {
    color: var(--main-yellow-color) !important;
}
.user-drops{height: auto !important;}
.user-drops .svg-icon.svg-icon-primary svg g [fill] {
    fill: var(--main-yellow-color) !important;
}
.display_none{display: none !important;}
.user-drops .navi .navi-item .navi-link{
    padding-left: 15px;
}
.top-user-dropdown .btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled){
    background-color: var(--main-yellow-color) !important;
    border-color: var(--main-yellow-color) !important;
}
.dropdown .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-clean:not(:disabled):not(.disabled).active, .show > .btn.btn-clean.dropdown-toggle, .show .btn.btn-clean.btn-dropdown{
    background-color: var(--main-yellow-light-color) !important;
    color: white;
}
.pulse.pulse-primary .pulse-ring {
    border-color: white !important;
}
/*.notifi-drop .dropdown-menu{top: 185px !important;}*/
.dropdown .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-clean:focus:not(.btn-text), .btn.btn-clean.focus:not(.btn-text) {
    color: white;
    background-color: transparent !important;
    border-color: transparent;
}
.dis-cont{display: contents !important;}
.right-topbar .bgi-size-cover{
    background-image: none !important;
    background-color: var(--primary) !important;
}
a.text-hover-primary:hover, .text-hover-primary:hover {
    color: var(--primary) !important;
}
#tag_update{
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    background: #fff;
    z-index: 9;
    line-height: 20px;
    width: 95%;
}
#tag_update li{
    line-height: 28px;
    font-size: 14px;
    list-style: none;
    letter-spacing: 0.5px;
    font-weight: 400;
}
#tag_update li:hover{
    background-color: #e8e8ea;
}
.jobList{padding: 10px;}
.list-span span{
    background-color: #47b0212e;
    padding: 8px 5px 8px 5px !important;
    border-radius: 4px;
}
.list-redspan span{
    background-color: #ff000026;
    padding: 8px 5px 8px 5px !important;
    border-radius: 4px;
}
.list-span:hover span{
    background-color: #47b021;
}
.list-span:hover svg g [fill]{
    fill: #fff !important;
    /*opacity: 1;*/
}
.list-redspan:hover .delete-icon{
    background-color: #ff0000;
}
.list-redspan:hover .delete-icon svg g [fill]{
    fill:#fff !important;
    opacity: 1;
}
.list-redspan .delete-icon{vertical-align: middle;}
.has-success .radio{color: #5d5d5d !important;}
/*.form-add-data #table_data tbody tr td{font-size: 14px;font-weight: 400;}
.form-add-data #table_data thead tr th{font-size: 14px;}*/
.error {color: red;}
#table_data input:focus{outline: none;}
.inst-list{
    position: absolute;
    right: 40%;
    width: 47%;
    z-index: 99;
    overflow: auto;
    background-color: white;
    margin: 0;padding: 0;
    /* box-shadow: 0px 4px 4px 0px #00000059;
    border: 1px solid #00000029; */
    z-index: 1;
    border-radius: 3px;
    margin-top: 2px;}
.inst-list li{list-style: none;line-height: 25px;}
.inst-li a{font-size: 14px;letter-spacing: 0.5px;padding: 10px;}
.inst-li:hover{background-color: #e2e2e2;}

/****************conversation UI******************/
.msgs-history {
    max-height: 500px;
    overflow-y: auto;
}
.msgs-history li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 0px solid #e6e6e6;
    list-style: none;
}
.msgs-history li .msg-user-icon {
    float: left;
    width: 45px;
    height: 45px;
    margin-top: 5px;
    border-radius: 100%;
    line-height: 45px;
    font-size: 20px;
    color: #FFF;
    text-align: center;
}
.msgs-history .msg-user-details {
    position: relative;
    border: 1px solid #f9f9f9;
    background: rgba(241, 241, 241, 0.7);
    border-radius: 3px;
    padding: 1%;
}
.msgs-history li .msg-time {
    float: right;
    font-style: italic;
    font-size: 11px;
}
.send-wrapper li {
    width: calc(96% - 45px);
    margin: 2%;
    list-style: none;
}
.send-wrapper textarea {
    width: 100%;
}
.msg-wrraper.msg-details-wrapper li.msg-user-msg .msg-user-details:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #f5f5f5 transparent transparent;
    top: 11px;
    left: -20px;
}
.msg-wrraper.msg-details-wrapper li.msg-doc-msg .msg-user-details:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #f5f5f5;
    top: 11px;
    right: -20px;
}
.msg-user-icon{
    background: linear-gradient(to right,  #233d8b 0%,#0f2061 100%);
}
.msg-user-details {
    width: calc(90% - 45px);
    /*margin-left: 7%;*/
    float: left;
}
.msg-doc-msg .msg-user-icon {
    float: right !important;
}
.msg-details-wrapper .msg{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.msg-details-wrapper p{margin-bottom: 1px;}
.msg-doc-msg .msg-user-details{
    margin-right: 2%;
    float: right;
}
.msg-user-msg .msg-user-details{margin-left: 2%;}
#instituion_data li{list-style: none; line-height: 28px;}
#instituion_data .jobList{font-size: 14px; font-weight: 500;}
.instituionlist{
    position: absolute;
    background-color: #fff;
    z-index: 99;
    margin: 0;padding: 0;box-shadow: 0px 4px 4px 1px #00000059;
    width: 100%;
}
#instituion_data li:hover{background-color: #e2e2e2;}
.schltab{width: 1200px !important;table-layout: auto;}
.viewshort .checkbox.checkbox-lg > span{margin-right: 5px;}
.viewshort{
    min-height: 100px !important;
    overflow-y: auto;
    border: 1px solid #E4E6EF;
    padding-bottom: 10px !important;
}
.inter-icon .btn.btn-light .svg-icon svg g [fill]{
    fill: #47b021;
}
.right-texts a{color: white !important;}
#table_data1 thead tr th {
    padding: 15px 10px;
    font-family: var(--font-family-primary);
    font-size: 12px;
    letter-spacing: 1px;
    color: #5e6278;
    font-weight: 600 !important;
    text-transform: uppercase;
    background: #eef3f7;
    white-space: nowrap;
    color: var(--primary);
    background: var(--primary-shadow);
}
#table_data1 tbody tr td {
    border-bottom: 1px dashed #ccc;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    color: #7e8299;
    font-weight: 500;
    letter-spacing: 0.5px;
    /* color: #242934; */
    font-family: var(--font-family-primary);
}

#table_data1 thead tr th:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
#table_data1 thead tr th:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
#table_data1 table{width: 100%;}
.form-add-data .btn .fa-plus{
    font-size: 1rem;
    padding-right: 0.1rem;
}
.form-add-data .btn .fa-minus{
    font-size: 1rem;
    padding-right: 0.1rem;
}
.form-add-data .btn.btn-danger{
    width: 30px;
    height: 30px;
    padding: 0px;
    margin: 0;
    background-color: #f92745;
    border-color: #f92745;
}
.form-add-data #table_data tfoot tr td{
    padding: 13px 16px 13px;
    border-bottom: 1px solid #e6e6e6;
}
#table_data1 tfoot tr td{
    padding: 13px 16px 13px;
    border-bottom: 1px solid #e6e6e6;
}
.green-light{
    color: #3bb504;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.text-green{
    color: #3bb504;
    font-weight: 500;
    font-size: 16px;
}
.qual-score tbody tr td{
    padding: 10px 13px 10px !important;
    border-bottom: 0px !important;
}
.no-pad-t-b{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.title-padd-r-l{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}
.kc-clear .ki-close{
    float: right;
    margin-top: -28px;
    margin-right: 10px;
    color: #d99112;
    font-size: 11px !important;
}
.kc-option select{height: auto !important;    border-radius: 10px !important;}
.kc-added select{height: 230px !important;overflow: auto;border-radius: 10px !important;}
.kc-option ::-webkit-scrollbar {
    width: 3px;
}

.kc-option ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 10px;
}

.kc-option ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: none;
}
.kc-added option{
    margin-bottom: 10px;
    /*background: #eff0f4 !important;*/
    color: #767676;
    padding: 7px;
    font-size: 14px;
}
.added-select{border: 0px !important;}
.kc-added option:selected{
    background-color: #eff0f4 !important;
    color: #767676;
}
.form-add-data #table_data input[type='text']{
    height: 34px !important;
    width: 100% !important;
    background: #EBEDF3;
    border: none;
    border-radius: 6px;
}
.kc-clear input{
    border: 1px solid #d99112 !important;
    box-shadow: 1px 2px 3px 0px #d9911261 !important;
    color: #d99112 !important;
}
.kc-added option{
    background: url(/public/assets/close.png)no-repeat 98%;
    /* background-position: 95%; */
    /* float: right; */
    width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: horizontal;
    max-width: 50ch;
    padding-right: 25px;
     appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.form-add-data .btn.btn-primary{
    background-color: #009ef7;
    border-color: #009ef7;
    letter-spacing: 0.5px;
}
.form-add-data .btn.btn-primary:hover{
    background-color: var(--primary-dark) !important;
}
.kc-option option{
    /*margin-bottom: 4px;*/
    color: #979797;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}
.form-add-data .card-label{font-size: 20px;letter-spacing: 0.5px;}
/*.jobadd .kc-added select{height: 200px !important;}*/
.newjobScreen .card.card-custom > .card-body {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
.advance-search label{font-size: 14px;color: #242424;letter-spacing: 0.5px;}
.kc-option select option:hover{
    background-color: #e8e8ea !important;
    color: #636363;
}
.alert.alert-success ul li {
    font-size: 15px;
    letter-spacing: 0.5px;
}
/*#table_data .fv-plugins-message-container {
    margin-top: -0.75rem;
}*/
.mar-ri{margin-right: 4px !important;}
.jobList{
    color: #6d6d6d;
    font-size: 14px;
    font-weight: 500;
}
input.form-control{
    height: calc(1.5em + 1.3rem + 2px) !important;
}
.sub-text p{
    letter-spacing: 0.5px;
    font-size: 14px;
}
.yellow-bg{
    background-color: var(--main-yellow-color);
}
.yellow-border{
    border-color: var(--main-yellow-color);
}
.lookup-txt{
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 500;
    color: #d99112 !important;
    padding-left: 22px;
    padding-top: 10px;
}
.fa-external-link-alt.pad-left3:hover{
    color: #d99112 ;
}
p.no-found-rec.center {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #222;
    margin: 10px 0;
}
.cr-view p{
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #5d5d5d;
}
.filter-req-msg .fv-plugins-message-container {
    margin-top: -0.8rem;
}
.ad-list span{color: #5d5d5d;}
.ad-list label{letter-spacing: 0.5px;}
.jobapply a{color: #d99112;text-decoration: underline;}
.font-with-space{
    font-size: 20px;
    letter-spacing: 0.5px;
}
.left-label {
    color: #020202 !important;
    font-weight: 400 !important;
    letter-spacing: 1px;
    font-size: 15px !important;
}
.right-label{
    color: #6D6D6D !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.job-view #table_data tbody tr td, .m-r-bottom #table_data tbody tr td, .m-r-bottom #table_data1 tbody tr td{
    font-size: 13px;
    color: #6D6D6D;
    font-weight: 500;
}
.job-view{margin-top: 40px !important;}
.m-r-bottom{
    margin-bottom: 30px !important;
}
.right-label span{padding-left: 20px;}
.dots-span{margin-left: 29px;font-size: 17px;}
.dis-flex{display: flex;}
.refId a{color: #d99112;}
.refId a:hover{color: #233d8b;}
.overflow-y-hid{overflow-y: hidden;}
.for-shortlist .check-padd-left {
    padding-left: 38px !important;
}
.for-shortlist .check2-padd-left {
    padding-left: 29px !important;
}

.table-grid-ui .table-grid-row .row-number {
    position: absolute;
    top: 19px;
    left: 4px;
    font-size: 14px;
}
.table-grid-ui:not(:empty) {
    border: 1px solid #ddd;
    border-radius: 0.425rem;
    padding: 10px;
    padding-top: 0;
}
.table-grid-ui .table-grid-row .btn .delete-icon {
    color: #ff0000;
}
.table-grid-ui .table-grid-row .btn .txt-btn {
    padding: 9px 11px !important;
    font-size: 14px;
    letter-spacing: 0.3px;
}
.table-grid-ui .table-grid-row .btn .add-icon {
    color: #47b021;
}
.table-grid-ui .table-grid-row .btn:hover .txt-btn {
    color: #fff;
}
.table-grid-ui .row.table-grid-row:first-child {
    margin-top: 0;
    border-top: none;
}
.table-grid-ui .row.table-grid-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    padding-left: 15px;
    margin-top: 15px;
}
.aside-fixed .appPage{
    margin-top: 30px;
}
.aside-fixed .appPage .topcontent{
    margin-left: 15px;
}
.appPageFooter #kt_footer{
    width: 100%;
}
/* #table_data{
    padding-right: 53px !important;
    padding-left: 15px !important;
}  */
@media only screen and (max-width:768px){
    .list-span span{padding: 5px 3px 5px 3px !important;}
    .list-redspan span{padding: 5px 3px 5px 3px !important;}
    .msg-doc-msg .msg-user-details {margin-left: 0%;}
    .top_padd_mob{margin-top: 15px !important;}
    .msgs-history{padding-left: 10px;}
    .send-wrapper{padding-left: 3px;}
    .send-wrapper .btn{text-align: center;}
    .msg-user-msg .msg-user-details {margin-left: 5%;}
    .tocls{padding-left:0px;}
    .col-xs-6img {width:80px;height:80px;}
    .inten-result .ml-8 {margin-left: 0rem !important;}
    .send-wrapper li{width: 100%;}
    .remark_mob{padding-left:2.25rem;padding-right:2.25rem;}
    .col-md-4.pt-6{padding-top: 0px !important;}
    .col-md-3.pt-6{padding-top: 0px !important;}
    .app_to_board {padding-left: 15px !important;}
    .app_to_board_lft_rt{padding-left: 0px !important;padding-right: 0px !important;}
    .bulkadd .checkbox-inline {display: block !important;}
    p.no-found-rec.center{
        text-align: left;
    }
    .grid-item {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* #table_data{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }   */
    .aside-fixed .appPage {
        margin-top: 22px;
    }
}
@media (max-width:767px) {
    .remark_mob{padding-left:2.25rem;padding-right:2.25rem;}
    .app_to_board {padding-left: 15px !important;}
    .app_to_board_lft_rt{padding-left: 0px !important;padding-right: 0px !important;}
    .top_padd_mob{margin-top: 15px !important;}
    .col-md-4.pt-6{padding-top: 0px !important;}
    .col-md-3.pt-6,.col-md-3.pt-11{padding-top: 0px !important;}
    .bg-gray-box-mobile{
        box-shadow: 1px 3px 5px -1px #00000045;
        background-color: #eff0f4;
        border-radius: 20px;
        padding-bottom: 30px;
    }
    .bg-gray-box{box-shadow: none !important;}
    .bg-gray-box .image-input{position: relative !important;box-shadow: 1px 3px 5px -1px #00000045;}
    .bg-gray-box-mobile .col-sm-4{padding-left: 20px !important;}
    .bg-gray-box-mobile .contact-part p:first-child{padding-top: 0px;}
    .bg-gray-box .contact-part span{font-size: 16px !important;}
    .bg-gray-box .small-con{font-size: 18px !important;}
    .bg-gray-box .prof-name h3{font-size: 18px !important;}
    .s-step.pad-bt-larg{padding-bottom: 0px !important;}
    .key-comp {
    padding-left: 1px !important;
}
.job-print {
    float:none !important;
}
.text-green {
    font-size: 12px;
}
.job-desc-det .left-label {
    padding-left: 18px !important;
}
.padd {
    padding-left: 20px;
}
.p-1 {
    padding-left: 15px !important;padding-right: 0px !important;
}
.top1 {
    padding-top: 15px ;
}
.he1 {
    height: 130px !important;
}
}
.pl-10 {
    padding-left: 10px;
}
.padd-1 {
    padding: 0px 15px !important;
}
.padd {
    padding-right: 20px;
}

.reflink a{
    color: #d99112;
}
.bg-gray-box{
    background-color: #eff0f4;
    border-radius: 20px;
    box-shadow: 1px 3px 5px -1px #00000045;
}
.prof-name h3{
    padding-top: 30px;
    color: #000;
    letter-spacing: 1px;
    font-size: 21px !important;
    font-weight: 600;
    padding-bottom: 30px;
    margin-bottom: 0px;
    line-height: 25px;
    /*margin-left: 25px;*/
}
.bg-gray-box .image-input{
    position: absolute;
    z-index: 96;
    margin-top: 15px;
    background-color: #eff0f4;
    width: 150px;
    border-radius: 13px;
    margin-left: 20px;
}
.prof-name .fa-check-circle{
    color: #009ef7;
    margin-left: 10px;
    font-size: 20px;
}
.contact-part p{
    /*float: right;*/
    clear: both;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #6c6c6c;
    letter-spacing: 0.5px;
    margin: 0;
    line-height: 25px;
}
.small-con{
    color: #6d6d6d;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px;
}
.contact-part p:first-child{padding-top: 40px;}
.pad-bt-larg{padding-bottom: 60px;}
.top-pop{top: 35%;}
.quickclose{padding: 8px !important;}
.apply-now .fa-hand-pointer{color: #d99112;font-size: 20px;}
.new-in{
    width: auto !important;
    padding: 0;
    margin: 0;
    border: 0 !important;
    opacity: 1;
    font-size: 15px !important;
}
.pad-left-13{
    padding-left: 13px;
}
@media only screen and (min-width:1370px){
    .p-r{padding-right: 25px;}
}

/* DROP DOWN FOR ALL TABLE CELL INPUT FEILDS */



.inst-li a {
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 10px;
    font-weight: 400;
}
.inst-list li {
    list-style: none;
    line-height: 25px;
    /* padding-right: 15px; */
    text-align: start;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;


}
.ed-in paddingxs{
width: 35%;
}
div[id^=qualifyDiv] ul{
       max-height: 185px;
    right: 0% !important;
    position: absolute;
    min-width: 212px;
    top: 36px;
    left: -123px;
}
div[id^=qualifyDiv] ul:hover{
    z-index: 12;
}
div [id^=qualifyDiv]{
   position: relative;
   top: -35px !important;
   left: 100% !important;
}


div[id^=instiDiv] ul{
   max-height: 200px;
    right: 0% !important;
    position: absolute;
    min-width: 205px;
    top: 34px;
    left: -125px;
    padding-top: 0px;
    padding-left: 0px;
}
div [id^=instiDiv]{
   position: relative;
   top: -30px;
   left: 100%;
}

#input-width{
    display: flex;
    flex-flow: row wrap;
}
/*Institution Job Vacancy */
div [id^=expDiv]{
    position: relative;
   bottom: 35px;
    left: 45%;
}

div [id^=expDiv] ul{
   max-height: 200px;
    right: 0% !important;
    position: absolute;
    min-width: 400px;
     top: 34px;
    left: -178px;
    padding-top: 0px;
    padding-left: 0px;
}
.drop-down-vac ul{
    min-width: 407px !important;
    left: -186px !important;
}

#exp-text{
    text-align: center;
}
.delete-step2{
    position: relative;
    bottom: 1px;
}
.delete-step2 span{
    padding: 4px 4px 4px 4px !important;
}


.check-center{
        margin-left: 48px;
}

#drop-step2-getjob div{
   width: 99% !important;
}
#drop-step2-getjob .inst-list li {width: 13%;
}


#deleteicon{
    text-align:center;
}



/** Table changes
.table-edit-job-ul-th{
    display: flex;
    list-style-type: none;
    box-sizing: border-box;
    padding: 12px 16px 12px;
    background: #eff0f4;
    font-family: 'Inter', sans-serif;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 14px !important;
    font-weight:600;
}
.table-edit-job-ul{
    display: flex;
    list-style-type: none;
    box-sizing: border-box;
    padding-left:0px !important;


}
.table-edit-job-lis{
    display: flex;
    justify-content: center;
}
.table-edit-job-li1 {
    display: flex;
    justify-content: center;
}
.table-edit-job-li{
    border-bottom: 1px solid #e6e6e6;
    padding: 13px 16px 13px;
    font-size: 13px;
    color: #727272;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: flex;
    justify-content: center;
}

.table-edit-job-li2 {
    display: flex;
    justify-content: left;
    border-bottom: 1px solid #e6e6e6;
    padding: 13px 16px 13px;
    font-size: 13px;
    color: #727272;
    font-weight: 500;
    letter-spacing: 0.5px;
}
**/
#s-no-1{
    justify-content: flex-start;
}
#is-man {
    justify-content:left;
    padding-left:57px;
}
#is-inp{
   justify-content: center;
}
.is-serial-no{
    padding-left: 2px !important;
     border-bottom: 1px solid #e6e6e6;
}

.years-text{
    padding-left:41px;
}
.yearstext{
    padding-left:41px;
}

#experience_row0years{
    padding-left:41px;
}
#filepath-change{
    display: flex;
    padding-left: 25px;
}
.attach-a{
    padding-top: 12px;
}
#serial-no{
    padding-top: 15px;
}

#step3-btn{
    padding-left: 6px !important;
}
#step3-btn-add{
    padding-left: 13px !important;
}





.extra-spacing-div{
    position: absolute;
    overflow-x: visible !important;
    overflow-y: visible !important;
}
.job-vacancy-space{
    overflow-x: visible !important;
    overflow-y: visible !important;
}


#posi22{
    position: relative !important;
    right: 30px !important;
}

#posi23{
    position: relative !important;
    right: 28px !important;
}
#posi24{
    position: relative !important;
    right: 17px !important;
}
#posi25{
       position: relative !important;
       left: 9px !important;
}
.step2-ddata{
    position: relative !important;
    left: 242%;
}
.step2-ddataclass{
    position: absolute !important;
    top: 101px !important;

}

.step2-ddata-ul{
    padding-bottom: 15px;
    padding-top: 4px;
}

.form-add-data .step2-ddata-school, .step2-ddata-certi{
    height: 38px !important;
}


div [id^=qualifyDiv] .job-apllied-quali{
   position: relative;
    top: -35px !important;
    left: 100% !important;
}
div [id^=qualifyDiv] .job-apllied-quali ul{
    position: absolute;
    min-width: 250px;
    /* top: 34px; */
    left: 2px !important;
}

#qualif-btn-delete{
    position: relative;
    top: 18px;
    right: 22px;
}

#qualif-btn-add{
    position: relative;
    bottom: 7px;
    left: 16px;
}
#step2-btn-delete{
    position: relative;
    top: 18px;
    right: 13px;
}

.add-btn-step2{
    position: relative;
    left: 30px;
    bottom: 7px;
}
.icon-delete-get-job{
    position: relative;
    top: 18px;
}
.icon-job-vaca-plus{
    position: relative;
    right: 29px;
    top: 9px;
}
.edit_job_plus{
    position: relative;
    left: 31px;
    bottom: 8px;
}
.checkbox-edit-job{
    position: relative;
    left: 48px;
}
#experience_row1 td:nth-child(6){
    display: table-cell;
}
buttons-add{
    padding-left: 25px;
}
#job_row3_plus{
    position: relative;
    right: 7px;
    top: 2px;
}
#noofchildErr{padding-left: 15px;}
.resultLevel2 .fv-plugins-message-container{margin: 0;position: relative;left: 0px !important;}
.img_size
{
    width: 100px !important;
    height: 250px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.nopadd{padding-left: 0px;padding-right: 0px;margin-left: 0px !important;margin-right: 0px !important;}
.w20{width:25% !important;}
@media(max-width:767px)
{
    .w20{width:unset !important;}
    .nopadd_lft_rt{padding-left: 0px !important;padding-right: 0px !important;}
    .text-green {
    font-size: 12px;
    }
    .mob_center{text-align: center !important;}
    .mob_padd_lr{padding-left: 1rem !important;padding-right: 1rem !important;}
    .rolemaster-edit .font-size-sm {
        font-size: 13px;
    }
    .cls_tat_head h3 {
        margin-top: 8px;
    }
}
.nopadd_imp{padding-left: 0px !important;padding-right: 0px !important;}

.highlight:hover{color: #d99112 !important;}
.qual-td .inst-list{    right: 36%;width: 53.5%;    max-height: 250px;
    overflow-y: auto}
    .reset-btn, .submit-btn{
        border: 0 !important;
        padding: calc(0.775rem + 1px) calc(1.5rem + 1px) !important;
    }
    .reset-btn{
        margin-right: 0.5rem;
    }
    .navi .navi-item .navi-link:hover .navi-text{
color: var(--primary) !important;
    }
    .navi .navi-item .navi-link .navi-text{
        font-size: 0.95rem !important;
    }
    .top-user-dropdown .navi.navi-spacer-x-0{
        padding: 0.5rem  1rem 1rem 0.5rem !important;
    }

.pass_div{
    position: relative;
}

.pass_div span.fa{
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 15px;
    cursor: pointer;
}

.pass_div .form-control.is-invalid {
    background-position: right calc(1.375em + 1.3rem) center;
}

/* .pass_div .form-control{
    padding-right: 75px;
} */

.card .form-add-data table{
    height: auto;
}

.card .form-add-data .sticky{
    position: fixed;
    background-color: #fff;
    display: table;
    z-index: 1;
    /*box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 10%);*/
    border: none;
}

.card .form-add-data .sticky tr{
    border-bottom: none !important;
}
.form-file{
    border: none;
    font-size: 13px;
    padding-left: 10px;
    width: 100%;
}
.form-file:focus,
.form-file:focus-visible{
    border: none;
    outline: none;
}

.custom-label{
    margin: 15px 0 0 0;
    flex-wrap: wrap;
    color: #181c32;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.5px;
}

.dropdown_custom{
    position: relative;
}

.dropdown_custom .btn_custom{
    background-color: #f5f8fa;
    padding: 6px 12px;
    border-radius: 0.475rem;
    text-align: left;
    color: #5e6278 !important;
    line-height: 1.5;
    width: 100%;
    border: 1px solid #E4E6EF;
    height: calc(1.8em + 1.3rem + 2px);
    background-image: url(/assets/svg/down.svg);
    appearance: none;
    background-repeat: no-repeat;
    background-position: 97% 55%;
    background-size: 12px ;
}

.dropdown_custom .dropdown_custom-menu{
    min-width: 200px;
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
    background: #fff;
    padding: 15px;
    border-radius: 0.475rem;
    box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%);
    position: absolute;
    right: 0;
    top: calc(1.8em + 1.3rem + 2px);
    z-index: 90;
    display: none;
}

.dropdown_custom .dropdown_custom-menu .checkbox{
    display: flex !important;
    font-weight: 400;
    align-items: flex-start;
}

.dropdown_custom .dropdown_custom-menu .checkbox > span{
    flex-shrink: 0;
}

.calenderUI input[type=checkbox]:focus{
    outline: none;
}

.calenderUI .form-check-custom.form-check-solid .form-check-input:checked,
.flatpickr-day.selected{
    background-color: var(--primary) !important;
}

.calenderUI .btn.btn-primary:hover,
.calenderUI .btn.btn-primary:focus{
    background-color: var(--primary-dark) !important;
}

.swal2-modal .btn.btn-primary:hover {
    background-color: var(--blue-dark) !important;
}

.calenderUI .modal .modal-header{
    justify-content: space-between !important;
}

.calenderUI .modal .modal-header2{
    justify-content: flex-end !important;
}

.calenderUI .modal .modal-header .flex_1{
    flex: 1;
}

.modal .modal-header .flex_1 {
    flex: 1;
}
.calenderUI .btn.btn-active-icon-primary:hover .svg-icon,
.calenderUI .btn.btn-active-icon-primary:focus .svg-icon,
.calenderUI .btn.btn-active-color-primary:hover .svg-icon,
.calenderUI .btn.btn-active-color-primary:hover,
.calenderUI .btn.btn-active-color-primary:focus .svg-icon,
.calenderUI .btn.btn-active-color-primary:focus,
.calenderUI .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected,
.calenderUI .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted,
.calenderUI .fc .fc-daygrid-dot-event:hover {
    color: var(--primary) !important;
}
.calenderUI .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after,
.calenderUI .select2-container--bootstrap5 .select2-selection__clear:hover{
    background-color: var(--primary) !important;
}
.calenderUI .btn-color-grey{
    color: #7e8299 !important;
    text-decoration: none !important;
}
.calenderUI .select2-container .select2-selection--single .select2-selection__clear{
    float: right;
    position: absolute;
}
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover{
    color: var(--primary);
}
.calenderUI .btn.btn-light-primary,
.swal2-modal .btn-active-light{
    color: #7e8299 !important;
    background-color: #f5f8fa !important;
    padding: calc(0.775rem + 1px) calc(1.5rem + 1px);
}

.calenderUI .btn.btn-light-primary:hover,
.calenderUI .btn.btn-light-primary:focus,
.swal2-modal .btn-active-light{
    background-color: #eff2f5 !important;
}
.swal2-modal .swal2-icon.swal2-warning.swal2-icon-show,
.swal2-modal .swal2-icon.swal2-error.swal2-icon-show,
.swal2-modal .swal2-icon.swal2-success{
    margin: auto;
}
.calenderUI .select2-container .select2-selection--single{
    height: calc(1.5em + 1.3rem + 2px) !important;
    border: 1px solid #E4E6EF !important;
}
.calenderUI .select-arrow{
    background-image: none;
}
.calenderUI .select-arrow:after{
    content: '';
    border-width: 8px 6px 8px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #a1a5b7;
    display: inline-block;
    border-radius: 2px;
    position: absolute;
    right: 15px;
    bottom: 8px;
}

.calenderUI .fc-h-event,
.calenderUI .fc-v-event{
    background-color: var(--primary);
    border-color: var(--primary);
}
.calenderUI .fc-daygrid-event-dot{
    border-color: var(--primary);

}
.calenderUI .fc .fc-col-header-cell .fc-col-header-cell-cushion{
    text-transform: capitalize;
}
.calenderUI .fc .fc-daygrid-day-number{
    font-size: 13px;
    font-weight: 500;
}
.calenderUI .modal-content{
    border: none;
    box-shadow: none;
}
.calenderUI .badge{
    background-color: var(--primary);
}
.calenderUI .calendar-modal input.form-control:active,
.calenderUI .calendar-modal input.form-control.active,
.calenderUI .calendar-modal input.form-control:focus,
.calenderUI .calendar-modal .form-control.form-control-solid:focus,
.calenderUI .calendar-modal .form-control.form-control-solid:active,
.calenderUI .calendar-modal .form-control.form-control-solid.active{
    border: 2px solid var(--primary) !important;
}

.calenderUI .calendar-modal .custom-select-ui select.form-control:hover,
.calenderUI .calendar-modal .custom-select-ui select.form-control:active{
    border: 2px solid var(--primary) !important;
}

@media(max-width: 767px){
    .modal-body .calendarpopup-content{
        max-height: calc(100vh - 150px);
        padding-right: 10px;
    }
    .calenderUI .modal.calendar-modal .modal-body {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .calendarpopup-content::-webkit-scrollbar-thumb {
        background-color: var(--primary);
        border-radius: 10px;
    }
}

@media(min-width: 488px){
    .calendar-modal .event-label, .calendar-modal .event-select {
        width: calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
}

@media(max-width: 487px){
    .calenderUI .modal-content .modal-body .col{
        flex: unset;
    }

    .calenderUI .modal-content .modal-body .g-10{
        --bs-gutter-y: 0;
        --bs-gutter-x: 0;
    }

    .calenderUI .modal-content .modal-body .all_day{
        margin-top: 0 !important;
    }

    .calenderUI .modal.calendar-modal .modal-body {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .login_chart #student_strength_chart {
        margin-left: 18px !important;
        margin-top: 0px !important;
        padding-right: 10px !important;
    }
}

.table.cls-tat>tbody>tr>td, .table.cls-tat>tbody>tr>th,
.table.cls-tat>tfoot>tr>td, .table.cls-tat>tfoot>tr>th,
.table.cls-tat>thead>tr>td, .table.cls-tat>thead>tr>th {
    border-top: none;
    border-bottom: 1px dashed #eff2f5;
}
.card.card-custom > .card-header.cls_tat_head {
    padding: 2rem 2.25rem;border-bottom: none;
}
.cls_tat_head h3 {
    font-size: 18px;
}
.formUI.card.card-custom.m-t-10-list> .card-body.cls_tat_body {
    padding: 10px 25px 20px !important;
}
.list-span-cls span {
    background-color: #046307;
    padding: 8px 5px 8px 5px !important;
    border-radius: 4px;
}
.list-redspan-cls span {
    background-color: #ff000026;
    padding: 8px 5px 8px 5px !important;
    border-radius: 4px;
}
.edit-icon.svg-icon-primary svg g [fill] {
    transition: fill 0.3s ease !important;
    fill: #fff !important;
}
.delete-icon.svg-icon-primary svg g [fill] {
    transition: fill 0.3s ease !important;
    fill: red !important;
}
.list-span-cls:hover span {
    background-color: #09440b;
}
.list-span-cls:hover svg g [fill] {
    fill: #fff !important;
    opacity: 1;
}
.list-redspan-cls:hover .delete-icon {
    background-color: #ff0000;
}
.list-redspan-cls:hover .delete-icon svg g [fill] {
    fill: #fff !important;
    opacity: 1;
}

table .state-active-txt{
    color: var(--state-active-color);
    background-color: var(--state-active-bg-color);
    padding: 0.325rem 0.5rem;
    border-radius: 0.425rem;
    font-weight: 600;
    font-size: 0.85rem;
}

table .state-inactive-txt{
    color: var(--state-inactive-color);
    background-color: var(--state-inactive-bg-color);
    padding: 0.325rem 0.5rem;
    border-radius: 0.425rem;
    font-weight: 600;
    font-size: 0.85rem;
}

.timetable_data .tbl_dsk_scroll{cursor: grab !important;}
.period-name > div{
    cursor: pointer;
    min-height: 60px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.timetable_data{
    max-width: 100%;
}

.timeTable-ui .time-para{
    margin: 0px;
}

.timeTable-ui table tbody tr > td.period-name{
    border: 2px solid #e7e7ea;
    padding: 15px 5px;
}

.timeTable-ui table tbody tr > td.period-name,
.timeTable-ui table thead tr > th.time-name{
    min-width: 130px;
}

.timeTable-ui table thead tr > th{
    padding: 5px 5px 5px;
}

.timeTable-ui table thead tr > th,
.timeTable-ui table tbody tr > td{
    text-align: center;
}

.timeTable-ui table thead tr > th{
    padding-bottom: 20px;
}

.timeTable-ui table .days-name{
    color: #3f4253;
    font-size: 11px;
    text-transform: uppercase;
    padding: 5px 10px;
    text-align: left;
}

.timeTable-ui table .time-name{
    color: #3f4253;
    font-size: 9px;
    font-weight: 500;
    text-transform: lowercase;
}

.timeTable-ui table .interval-time{
    color: #3f4253;
    font-size: 12px;
    font-weight: 500;
}

.time-header .time-title{
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 2px solid var(--primary);
    padding-bottom: 10px;
    align-items: center;
}

.time-header .svg-icon.svg-icon-1 svg {
    height: 1.75rem!important;
    width: 1.75rem!important;
}

.time-header .time-title .btn.btn-icon.btn-sm{
    margin-top: -5px;
}

.time-header .time-title .modal-header .btn-active-icon-primary {
    justify-content: flex-end;
}

.time-header .time-title .btn.btn-active-icon-primary:hover .svg-icon {
    color: var(--primary) !important;
}

.time-header .time-title .svg-icon {
    color: #a1a5b7;
}

.modal-content .btn.btn-icon .svg-icon rect{
    opacity: 1 !important;
}

.time-header .time-title h3{
    color: #181c32;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 0px;
}

.time-header .time-smalltitle h3{
    color: #181c32;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding-bottom: 25px;
}

.form-timetable.formUI.card.card-custom.m-t-10-list> .card-body{
    padding: 0px !important;
}

.srow{
    margin-left: -15px;
    margin-right: -15px;
}

.topcontent .form-timetable select.form-control{
    background-color: #fff !important;
    border: 1px solid #a1a5b7 !important;
}

.form-timetable .sbtn-row{
    padding: 0px !important;
    gap: 0px !important;
}

.form-timetable .row .btn-right-padd{
    padding: 0px !important;
}

.form-timetable label.time-label{
    color: #242424;
    font-weight: 400;
    font-size: 15px;
}

.timetable-popup .card.card-custom{
    margin: 0px !important;
}

.modal.timetable-popup .modal-content{
    border-radius: 10px;
}

.timetable-popup .close:hover{
    opacity: 1 !important;
}

.timetable-popup .close {
    position: absolute;
    right: -10px;
    opacity: 1;
    z-index: 9;
    top: -10px;
    font-size: 20px;
    background: #fff;
    padding: 3px 7px;
    border-radius: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.timeTable-ui .subject-p{
    width: 100%;
    border-radius: 5px;
    padding: 3px 5px 1px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.timeTable-ui .subject-p.subject-padding{
    padding: 0px;
    margin-bottom: 0px;
}

.timeTable-ui .staffname-p{
    color: #3f4253;
    font-weight: 600;
    font-size: 12px;
    text-transform: capitalize;
}

.timeTable-ui .seniarname-p{
    color: #b0b3c1;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
}

.timeTable-ui table .time-name .period-title{
    color: #3f4253;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0px 0px 5px;
}
.interval-name{
    position: relative;
}

.interval-name:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    border: 1px solid #e7e7ea;
}

.interval-name:after{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    width: 100%;
    content: '';
    border: 1px solid #e7e7ea;
}
.timeTable-ui .timeTablePeriod table thead tr th.interval-name {
    padding: 0px !important;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* color: #f64e60;
    background: #f64e6047; */
    color: #dd3b0a;
    background: #dd3b0a38;
    position: unset;
}
.timeTable-ui .timeTablePeriod table thead tr th.interval-name:before,
.timeTable-ui .timeTablePeriod table thead tr th.interval-name:after {
    display: none;
}
.interval-name .interval-textp{
    /* -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl; */
    color: #f64e60;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; */
    width: 100%;
    white-space: nowrap;
    position: absolute;
    left: 0%;
}
.interval-name .interval-textp span {
    font-weight: 600;
    text-transform: uppercase;
}
.form-add-data .timetable-settingeditui table input{
    padding: 0px 20px;
    text-align: center;
    min-width: 80px;
}

.timetable_data table{width: 100%;}

.config-btn.bnt-active-light-primary{
    padding: calc(0.55rem + 1px) calc(1.25rem + 1px);
    color: #7E8299;
    border-color: #f5f8fa;
    background-color: #f5f8fa;
    border-radius: 0.425rem;
    font-size: 14px;
    font-weight: 400;
}

.config-btn.bnt-active-light-primary:hover,
.config-btn.bnt-active-light-primary:focus,
.config-btn.bnt-active-light-primary:active{
    background-color: #eff2f5;
    border-color: #eff2f5;
    color: #7E8299;
}

.multiplework-days .dropdown-toggle,
.bootstrap-select.mutliple .dropdown-toggle {
    white-space: normal !important;
}

.bootstrap-select.mutliple{
    height: auto !important;
}

.action-flex{
    display: flex;
    justify-content: flex-end;
    background: #fff;
}

.periodtable-editui .fv-plugins-message-container{
    position: relative;
    left: 0 !important;
}

.calenderUI .calendar-modal.modal {
    overflow-y: auto !important;
    padding-right: 0px !important;
    position: fixed;
}

body .modal{
    overflow-y: auto;
}

.calendar-modal #kt_summernote_1 iframe{
    min-height: 200px;
    max-height: 400px !important;
    height: auto !important;
}

.tinymce .mce-panel{
    overflow: hidden;
}

.calendar-modal .flatpickr-calendar.hasTime{
    top: auto !important;
    left: 15px !important;
    right: 15px !important;
    width: calc(100% - 30px) !important;
    margin: auto;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    text-transform: capitalize;
}

#testTable tbody tr > td{
    cursor: pointer;
}

.calendar-checkbox .form-check-custom .form-check-input{
    cursor: pointer;
}

.calendar-modal h2{
    color: var(--kt-headings-color);
}

.calenderUI .modal.calendar-modal .modal-header .flex_1{
    font-size: 1.5rem;
    letter-spacing: 0.5px;
}

.calenderUI .modal.calendar-modal .modal-header{
    padding: 1rem 1.75rem;
}

.calenderUI .modal.calendar-modal .modal-body{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.modal.calendar-modal .modal-dialog{
    width: auto;
}

.modal.calendarview-modal .modal-dialog{
    width: auto;
}

.mce-menu[aria-describedby]:hover,
.mce-menu[aria-describedby]:focus {
    position: absolute !important;
}

.calenderUI .fc .fc-daygrid-body{
    width: 100% !important;
}

.calenderUI .fc .fc-scrollgrid-section-body table,
.calenderUI .fc .fc-scrollgrid-section-footer table{
    width: 100% !important;
    height: 100% !important;
}

.calenderUI .fc .fc-scrollgrid-section table{
    width: 100% !important;
}

.calendarview-modal .fs-3{
    color: var(--kt-headings-color);
    letter-spacing: 0.5px;
}

.calendarview-modal .fs-6{
    color: var(--kt-headings-color);
    font-weight: 400;
}

.calendar-modal .row.row-cols-lg-2{
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.calendar-modal .fs-6{
   color: var(--kt-headings-color);
}

.calenderUI .calendar-modal .form-control.form-control-solid {
    background-color: var(--kt-input-solid-bg) !important;
    border-color: var(--kt-input-solid-border) !important;
    color: var(--kt-input-solid-color) !important;
    transition: color 0.2s ease;
}

.calenderUI .calendar-modal .color-picker {
    padding: 8px 15px;
    border-radius: 0.475rem !important;
    border: 1px solid #f5f8fa !important;
    background-color: #f5f8fa !important;
    display: inline-block;
    min-width: 120px;
}

.calenderUI .calendar-modal .color-picker label span{
    padding-left: 10px;
    font-weight: 500;
    color: #5e6278;
}

.calenderUI .calendar-modal label, .circular-modal label{
    letter-spacing: 0.5px;
    font-size: 14px !important;
    color: #7E8299 !important;
    font-weight: 500!important;
}


.calendar-modal .tinymce .mce-panel{
    border: 0 solid #E4E6EF;
}

.calendar-modal .fv-plugins-message-container.invalid-feedback{
    color: #f1416c;
    font-size: 12px !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    font-family: var(--font-family-primary);
}

.calendar-modal .bootstrap-select.mutliple button.dropdown-toggle {
    border: 1px solid #e4e6ef !important;
    background: #fff !important;
    padding: calc(0.65rem) calc(1.25rem + 1px) !important;
}

.calendar-modal .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    font-size: 14px;
}

.calendar-modal .bootstrap-select>.dropdown-toggle.bs-placeholder .filter-option-inner-inner{
    font-size: 14px;
}

.calenderUI .calendar-modal .fv-plugins-message-container{
    left: 0px !important;
}

.calenderUI .fc .fc-daygrid-event {
    line-height: 1.5;
}

.calendarview-modal .badge.badge-light-success {
    color: var(--kt-success);
    background-color: var(--kt-success-light);
    font-weight: 400;
}

.fc .fc-daygrid-more-link{
    color: var(--primary);
}

#table_data tbody tr td .student-name{
    color: var(--blue);
    text-decoration: underline;
}

#table_data tbody tr td .staff-name{
    color: var(--blue);
    text-decoration: underline!important;
}

table tbody td.student-color{
    color: #181C32 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

table tbody td .staff-color{
    color: #181C32 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

table tbody td .student-color{
    color: #181C32 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

#filter_div_std .instTypeUI .col-md-3 .form-group {
    margin-bottom: 0;
}

#filter_div_std .instTypeUI.advanceFilter .row .col-sm-12{
    padding-right: 0 !important;
}

.bulk-selectdrop .custom-select-ui select.form-control{
    background-color: #fff !important;
    min-width: 150px;
    border: 1px solid #a1a5b7 !important;
}

#table_data .std-attendtable tbody tr.bulk-select-div td{
    border-bottom: 1px dashed #92979d;
}

#table_data .std-attendtable tbody tr td{
    border-bottom: 1px dashed #d7dbdf;
}

#table_data .std-attendtable th{
    font-weight: 600 !important;
}

#table_data table tbody .comment-std{
    min-width: 230px;
    height: calc(1.5em + 1.3rem) !important;
}

table tbody td .form-control.comment-std{
    min-width: 230px;
}

table .form-checkbox {
    position: relative;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

table .form-checkbox .checkbox-input:checked {
    background-color: var(--primary) !important;
}

table .form-checkbox .checkbox-input[type=checkbox] {
    background-size: 70% 70% !important;
}

table .form-checkbox .checkbox-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 1px solid var(--primary) !important;
}

table .form-checkbox .minus-checkbox.checkbox-input[type=checkbox]{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAYAAACOqiAdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjklEQVR4nO3Vuw3CQBAE0HMtUACkiE/h0Ai4C5NBMOgkB+RItha9V8HcaE/TGgAAAAAAAAAAAADUk2Sf5JbkmTp61muS3VqlXZK8UlfPfl66tCHJmPoe/S1LFrfN/9gorkBxw3zm1d0X/apf4/BO7XE4tTUkOc7TPqWOac58WKU0AAAAAAAAAAAAAGg/+QAMnTqVcaOquwAAAABJRU5ErkJggg==") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 1px solid var(--primary) !important;
    background-size: 100% 100% !important;
    background-color: var(--primary) !important;
}

table .form-checkbox .checkbox-input {
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    vertical-align: top;
    background: #fff !important;
    border: 1px solid #a3a4a9;
    appearance: none;
    print-color-adjust: exact;
    cursor: pointer;
    border-radius: 5px;
    outline: 0 !important;
    outline-offset: unset !important;
}

#table_data .stdview-attendtable tbody tr.remv-border td{
    border-bottom: none !important;
}

#table_data .stdview-attendtable tbody tr.remv-border td.show-border{
    border-bottom: 1px dashed #92979d !important;
    padding-bottom: 10px;
}

#table_data .stdview-attendtable tbody tr td{
    border-bottom: 1px dashed #92979d;
}

#table_data .stdview-attendtable th{
    font-weight: 600 !important;
}

@media(min-width: 769px) and (max-width: 991px){
    #filter_div_std .instTypeUI.advanceFilter{
        width: 100%;
    }

    #filter_div_std .instTypeUI .col-md-3 {
        width: 30% !important;
        flex: 0 0 30% !important;
        max-width: 30% !important;
        margin-bottom: 10px !important;
    }
    .instTypeUI .col-md-3, .instTypeUI .col-md-2 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .top-user-dropdown {
        width: 210px;
        padding-bottom: 20px !important;
    }
}

@media(min-width: 768px) and (max-width: 991px){
    .calendarpopup-content::-webkit-scrollbar-thumb {
        background-color: var(--kt-scrollbar-color);
        border-radius: 10px;
    }
    div#student_growth_chart {
        margin-top: -92px !important;
    }
}

@media (min-width: 992px){
    .modal.timetable-popup{
        position: fixed;
        overflow-y: auto;
    }
    .modal.subjectSelect{
        position: fixed;
        overflow-y: auto;
    }
    .myaccountsection.top-mrgn {
        margin-top: -15px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #filter_div .card-toolbar, .filter_div-class .card-toolbar{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        grid-gap: 10px 0px;
        gap: 10px 0px;
    }
    .aside.bg-white{z-index: 999 !important;}
    .aside-fixed .aside.bg-white{z-index: 999;}
}

@media(min-width: 480px){
    .viewTimeRow{
        padding-left: 86px;
    }
}

@media(min-width: 992px) and (max-width: 1199px){
    #filter_div_std .instTypeUI.advanceFilter{
        width: 100%;
    }

    #filter_div_std .instTypeUI .col-md-3 {
        width: 33% !important;
        flex: 0 0 33% !important;
        max-width: 33% !important;
        margin-bottom: 10px !important;
    }
    .header-img > .col-sm-2.col-md-4{
        width: 60%;
        max-width: 60%;
    }
    .instTypeUI .col-md-3, .instTypeUI .col-md-2 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .promotion-row .col-lg-4 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media (min-width: 1200px){
    #request-cardbody{
        overflow: auto;
        height: calc( 100% - 195px);
    }

    #filter_div_std .instTypeUI.advanceFilter{
        width: 100%;
    }

    #filter_div_std .instTypeUI .col-md-3 {
        width: 20%;
        flex: 0 0 20%;
        max-width: 20%;
        margin-bottom: 10px !important;
    }
    .instTypeUI .col-md-3.std-datediv{
        margin-left: auto;
    }

}

@media only screen and (max-width: 768px){
    .mob-mar20 {
        margin-top: 20px;
    }
    .srow .col-sm-6{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .cardHeadUI.card-header .card-label{
        font-size: 15px;
    }
}

@media (max-width: 767px){
    .calendar-modal .modal-content .modal-body .col.d-none {
       display: none !important;
    }
    .table-grid-ui .table-grid-row .form-group label {
        font-size: 13px;
        padding-left: 0;
    }
    .table-grid-ui .table-grid-row .row-number {
        left: 0px;
    }
}

@media(min-width: 481px) and (max-width: 768px){
    .viewTimeRow .col-md-3{
        padding-left: 15px !important;
    }
    .login_chart #student_growth_chart {
        margin-top: -62px !important;
        width: auto;
        min-width: auto;
    }
}

@media(max-width: 480px){
    .viewTimeRow .col-md-3{
        padding-right: 15px !important;
    }
}

@media(max-width: 486px){
    #filter_div .card-toolbar{
        display: flex;
        flex-wrap: wrap;
        gap: 10px 10px;
        grid-gap: 10px 10px;
        justify-content: flex-end;
    }
    #filter_div .card-toolbar #AdvFilter{margin-left: 0px !important;}
    .filter_div-class .card-toolbar, .filder_div-class .card-toolbar{
        display: flex;
        flex-wrap: wrap;
        gap: 10px 10px;
        grid-gap: 10px 10px;
        justify-content: flex-end;
    }
}

.popup_index #jobApplicantProfile,#applicantProfileDetails{
    z-index: 999999 !important;
}

.staff_word .form-control strong{
    white-space: normal;
    line-height: 20px;
    word-break: break-word;
}

.closePopup{
    position: absolute;
    right: -10px;
    opacity: 1;
    z-index: 9;
    top: -15px;
    font-size: 25px;
    background: #fff;
    padding: 5px 9px;
    border-radius: 100%;
    box-shadow: 0px 0px 3px 1px #ccc;
    font-weight: 400;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
}

.top-user-dropdown .hide-large-device {
    display: none !important;
}

.top-user-dropdown .hide-large-device {
    display: none !important;
}

.sunicons-div{
    border: 1px solid #ddd;
    height: 26px;
    width: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.stick-svg{
    display: block;
    width: 20px;
    text-align: center;
}

.stick-svg svg,
.scross-svg svg{
    width: 15px;
    height: 15px;
}

.scross-svg{
    display: block;
    width: 20px;
    text-align: center;
}

.stick-div {
    background: #e8fff3;
}

.scross-div{
    background: #fff5f8;
}

.sminus-svg{
    display: block;
    width: 20px;
}

.stick-div{
    padding: 3px;
}

.scross-svg .a{
    fill: #d52f2e;
}

.sminus-svg .a{
    fill: #ddd;
}

#table_data .stdsession-table tbody tr.remv-border td{
    padding-bottom: 0px;
    padding-top: 10px;
}

.sproject-heading{
    display: none;
}

.viewtext-btn.bnt-active-light-primary{
    padding: calc(0.55rem + 1px) calc(1.25rem + 1px);
    color: #7E8299;
    border-color: #f5f8fa;
    background-color: #f5f8fa;
    border-radius: 0.425rem;
    font-size: 0.925rem;
    font-weight: 500;
}

.viewtext-btn.bnt-active-light-primary:hover,
.viewtext-btn.bnt-active-light-primary:focus,
.viewtext-btn.bnt-active-light-primary:active{
    background-color: #eff2f5;
    border-color: #eff2f5;
    color: #7E8299;
}

.subject-rowflex{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.subject-flexbox{
    width: 50%;
    flex-shrink: 0;
    display: flex;
    padding-right: 5px;
}

.subjectSelect .subject-flexbox label {
    font-size: 13px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    align-items: flex-start;
}

.subject-flexbox .checkbox > span{
    flex-shrink: 0;
}

.subjectSelect .formUI.card.card-custom.m-t-10-list> .card-body {
    padding: 0px !important;
}

.subjectSelect .card-body form{
    padding: 0px;
    margin: 0px;
}

.subjectSelect .card.card-custom{
    margin: 0px !important;
}

.modal.subjectSelect .modal-content{
    border-radius: 10px;
}

.subjectSelect .close:hover{
    opacity: 1 !important;
}

table tbody tr > td.removeRgtPad{
    padding-right: 0px !important;
}

table tbody tr > td.remove-rgtpad{
    padding-right: 0px !important;
}

.popmodal-header .popmodal-title {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 2px solid var(--primary);
    padding-bottom: 5px;
    align-items: center;
}

.popmodal-header .popmodal-title h3 {
    color: #181c32;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0px;
    font-family: 'Inter';
}

.popmodal-header .svg-icon.svg-icon-1 svg {
    height: 1.75rem!important;
    width: 1.75rem!important;
}

.popmodal-header .popmodal-title .svg-icon {
    color: #a1a5b7;
}

.popmodal-header .popmodal-title .btn.btn-active-icon-primary:hover .svg-icon {
    color: var(--primary) !important;
}

#custom_row thead th label{
    padding: 0px !important;
    margin: 0px !important;
}

.topcontent .form-control.blackSelected{
    color: #7E8299 !important;
    font-weight: 500 !important;
}

body .form-control.blackSelected{
    color: #7E8299 !important;
    font-weight: 500!important;
    font-size: 14px !important;
}

body input.form-control:focus,
body input.form-control.active,
body input.form-control:focus
body input.form-control:active{
    background-color: #fff !important;
    border-color: var(--primary) !important;
}

body .form-control{
    font-family: var(--font-family-primary);
}

body input.form-control::-moz-placeholder,
body textarea.form-control::-moz-placeholder{
    color: #a1a5b7 !important;
    font-weight: 400 !important;
}

body input.form-control::-ms-input-placeholder,
body textarea.form-control::-ms-input-placeholder{
    color: #a1a5b7 !important;
    font-weight: 400 !important;
}

body input.form-control::-webkit-input-placeholder,
body textarea.form-control::-webkit-input-placeholder{
    color: #a1a5b7 !important;
    font-weight: 400 !important;
}

.levelApprovalUI #roleaccess #table_data table {
    margin-bottom: 3%;
}

.levelApprovalUI #roleaccess #table_data .fv-plugins-message-container {
    position: relative !important;
    left: 0px !important;
}

#school_row .td-institutionDiv .inst-list{
    max-height: 200px !important;
}

.list-span[disabled]:hover span{
    background-color: #47b0212e;
}

.list-span[disabled]:hover svg g [fill]{
    fill: #47b021 !important;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder .filter-option-inner-inner{
    color: #7E8299 !important;
    font-weight: 500;
}

.swal2-container.swal2-center{
    overflow-y: auto !important;
}

.top-popup .svg-icon.svg-icon-1 svg {
    height: 1.75rem!important;
    width: 1.75rem!important;
}

.top-popup .svg-icon{
    color: #a1a5b7;
}

.top-popup .btn.btn-active-icon-primary:hover .svg-icon{
    color: var(--primary) !important;
}

.modal .modal-header h2{
    color: #181C32;
    font-size: 1.5rem;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.modal.mymodel-popup .modal-header {
    padding: 1rem 1.75rem;
}

.cirinform p{
    margin: 0px;
}

.cirdownloadtext a{
    color: var(--blue) !important;
    font-size: 13px;
}

.rightDiv h2{
    font-size: 17px;
}

.modal-body .calendarpopup-content{
    overflow-x: hidden;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.upload-table tbody tr > td{
    white-space: nowrap;
}

.text-color-alert{
    color: var(--danger);
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check,
.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check{
    color: var(--light-green) !important;
}

.institutionRegister .footer-text a{
    color: var(--white);
}

.institutionRegister .footer-text a:hover{
    color: var(--lemon);
}

#request-cardbody::-webkit-scrollbar-thumb{
    background-color: var(--lemon);
}

.timetable-settingeditui#table_data tbody tr td:last-child {
    padding-right: 0px !important;
}

#filter_div .instTypeUI .form-control:not([type="date"]),
.filter_div-class .instTypeUI .form-control:not([type="date"]),
.filder_div-class .instTypeUI .form-control:not([type="date"]){
    text-transform: capitalize;
}

#pagination{
    padding-right: 0px !important;
}

.tbl_dsk_scroll.tableMarginBot{
    margin-bottom: 20px;
}

#table_data .tbl_dsk_scroll.tableMarginBot > table{
    margin-bottom: 0px;
}

.pagination>li:last-child .page-link{
    margin-right: 0px !important;
}

.modal-content .cir-popup-filter .form-group{
    margin-bottom: 10px !important;
}

.modal-content .cir-popup-filter .col-lg-3{
    padding-left: 0px;
    padding-right: 0px;
}

.modal-content .cir-popup-filter .col-md-3{
    padding-left: 0px;
    padding-right: 0px;
}

.modal-content .cir-popup-filter .col-md-3 .col-md-12{
    padding-left: 0px;
}

.modal-content .cir-popup-filter .col-sm-12 .form-group > .col-sm-12{
    padding-left: 0px;
}

.modal-content .cir-popup-filter {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 7px;
}

.modal-content .popup-filterdiv{
    width: 80%;
}

.modal-content .popup-cardbar{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    grid-gap: 10px 0px;
    gap: 10px 0px;
    padding: 0px 15px;
    text-align: right;
    width: 20%;
}

.modal-content .popup-cardbar .btn-primary.popup-submit{
    padding: 6px 12px !important;
    font-size: 13px;
}

.modal-content .popup-filterdiv .dropdown.bootstrap-select.dropdown-toggle{
    margin-bottom: 0px !important;
}

.modal-content .popuptable-section{
    width: 100%;
}

.calendar-modal #event_send_user_roles .custom-select-ui .selector-options,
.calendar-modal .custom-select-ui.type-select .selector-options{
    left: 0px !important;
    position: absolute !important;
    top: 38px !important;
}

.event-userbtns span.form-check-label a{
    cursor: pointer;
}

.event-userbtns{
    border: 1px solid #ddd;
    border-radius: 0.425rem;
    padding: 15px 15px;
    margin-bottom: 15px;
}
.event-usertables{width: 100%;}
.event-usertables .tbl_dsk_scroll{width: 100%;}
.scrollable-table #pagination .pagination{
    padding-top: 15px;
}

.event-userhead{
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    font-family: Inter, Helvetica, "sans-serif";
    text-transform: capitalize;
    color: #181c32;
    font-weight: 600;
    letter-spacing: 0px;
    display: none;
    padding-top: 20px;
}

.event-userbtns .event-fbutton#but1{
    background-color: #009bf2 !important;
}

.event-userbtns .event-fbutton#but2{
    background-color: #7a30e3 !important;
}

.event-userbtns .event-fbutton#but3{
    background-color: #00cdd6 !important;
}

.event-userbtns .event-fbutton#but4{
    background-color: #fc456b !important;
}

.event-userhead#userHead1{
    color: #009bf2 !important;
}

.event-userhead#userHead2{
    color: #7a30e3 !important;
}

.event-userhead#userHead3{
    color: #00cdd6 !important;
}

.event-userhead#userHead4{
    color: #fc456b !important;
}

#event_send .event-fromrow{
    margin-top: 15px;
}

.modal-content .circularmodal-body{
    padding: 1.5rem 1.75rem;
}

/* .eventSendPopup .modal-content .circularmodal-body{
    padding-top: 0px;
}

.circularPopup .modal-content .circularmodal-body{
    padding-top: 0px;
} */

.modal-content .popuptable-section .scrollable-table{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.mymodel-popup .modal-content .circularmodal-body .tbl_dsk_scroll table{
    margin-bottom: 0px !important;
}

.event-userbtns .event-fbutton#but5{
    background-color: #21cd8f !important;
}

.event-userhead#userHead5{
    color: #21cd8f !important;
}

.event-userbtns .event-fbutton#but6{
    background-color: #ffc938 !important;
}

.event-userhead#userHead6{
    color: #ffc938 !important;
}

.event-userbtns .event-fbutton#but7{
    background-color: #800000 !important;
}

.event-userhead#userHead7{
    color: #800000 !important;
}

.event-userbtns .event-fbutton#but8{
    background-color: #808000 !important;
}

.event-userhead#userHead8{
    color: #808000 !important;
}

.event-userbtns .event-fbutton#but9{
    background-color: #008080 !important;
}

.event-userhead#userHead9{
    color: #008080 !important;
}

.event-userbtns .event-fbutton#but10{
    background-color: #000080 !important;
}

.event-userhead#userHead10{
    color: #000080 !important;
}

.event-userbtns .event-fbutton#but11{
    background-color: #FF00FF !important;
}

.event-userhead#userHead11{
    color: #FF00FF !important;
}

.event-userbtns .event-fbutton#but12{
    background-color: #800080 !important;
}

.event-userhead#userHead12{
    color: #800080 !important;
}

.eventrolename{
    padding-bottom: 5px;
}

.selectedevent{
    padding-right: 10px;
}

.eventbrowsediv{
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}

.eventuserflex{
    display: flex;
    justify-content: space-between;
    gap: 10px 0px;
    grid-gap: 10px 0px;
    align-items: center;
}

.event-userbtns .event-browsebtn{
    margin-right: 10px;
}

.selectedevent .event-formcount{
    letter-spacing: 1px;
    font-size: 14px !important;
    color: #7E8299 !important;
    font-weight: 500!important;
    display: inline-block;
}

.selectedevent .event-formcount a{
    color: #009ef7 !important;
    font-weight: 500;
    cursor: pointer;
}

.eventrolename{
    color: var(--primary) !important;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.event-userbtns .btn.event-browsebtn {
    background-color: rgb(13 134 84 / 14%);
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.event-userbtns .event-browsebtn:hover {
    background-color: #0b452d !important;
    color: #fff !important;
}

.calendar-head-flex{
    display: flex;
}

.calendar-head-flex .btn.event-removebtn {
    background-color: rgb(238 45 64 / 19%);
}

.calendar-head-flex .btn {
    padding: 7px 6px !important;
    border: none;
    position: relative;
    font-weight: 600 !important;
    font-size: 0.925rem !important;
    border-radius: 0.425rem !important;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.calendar-head-flex .btn svg {
    width: 18px;
    height: 18px;
}

.calendar-head-flex .btn.event-removebtn svg path {
    fill: #EE2D41;
}

.calendar-head-flex .btn .calspan-text {
    visibility: hidden;
    width: fit-content;
    white-space: nowrap;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px !important;
    position: absolute;
    z-index: 99;
    bottom: 125%;
    left: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    transform: translateX(-50%);
}

.calendar-head-flex .btn.event-removebtn .calspan-text {
    background-color: #EE2D41;
}

.calendar-head-flex .btn.event-removebtn .calspan-text::after {
    border-color: #EE2D41 transparent transparent transparent;
}

.calendar-head-flex .btn .calspan-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
}

.calendar-head-flex .btn.event-removebtn:hover {
    background-color: #EE2D41 !important;
}

.calendar-head-flex .btn:hover .calspan-text {
    visibility: visible;
    opacity: 1;
}

.btn.event-removebtn:hover .caldelete-icon svg g [fill] {
    fill: #fff !important;
    opacity: 1;
}

.calendar-head-flex .btn.event-browsebtn .calspan-text {
    background-color: var(--primary);
}

.calendar-head-flex .btn.event-browsebtn .calspan-text::after {
    border-color: var(--primary) transparent transparent transparent;
}

.btn.event-browsebtn:hover .calbrowse-icon svg .cls-1,
.btn.event-browsebtn:hover .calbrowse-icon svg .cls-2,
.btn.event-browsebtn:hover .calbrowse-icon svg .cls-3 {
    stroke: #fff !important;
    opacity: 1;
}

.noDocList .uploadLabel{display: none;}
.noDocList .files-container{margin: 0px;}
.noDocList.form-group{margin-bottom: 0px;}
.upload-input-group input[type="file"]::-webkit-file-upload-button{
    visibility: unset !important;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    background-color: #009ef7;
    letter-spacing: 0px;
    color: #fff;
    border-radius: 0.425rem;
    outline: 0;
    border: none !important;
    padding: 7px 10px;
}

.upload-input-group input[type="file"]::before {
    display: none !important;
}

.upload-input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    margin-bottom: 10px;
}

.upload-input-group .uploadform-control {
    display: block;
    width: 100% !important;
    height: 100%;
    padding: 0.75rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #9d5e27;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
    padding-right: 60px;
}

.upload-input-group .btn.btn-upload {
    margin-left: 10px;
    padding: 5px 10px;
}

.form-add-data .upload-input-group .btn.btn-upload .fa-plus{
    font-size: 1.3rem;
    padding-right: 0px;
}

.upload-card{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

.upload-cardbody {
    padding: 1.25rem;
}

.uploadcard-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.uploadcard-header .col-form-label{
    padding: 0px !important;
    margin: 0px !important;
}

.upload-input-group .btn.btn-trash, .upload-input-group .btn.btn-upload{
    color: #ffffff !important;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-input-group .btn.btn-trash {
    color: #ffffff;
    background-color: #F64E60;
    border-color: #F64E60;
}

.form-add-data .upload-input-group .btn.btn-upload .fa-trash{
    font-size: 1.3rem;
    padding-right: 0px;
}

.fileitems-name{
    border: 1px solid #e4e6ef;
    border-radius: 5px;
    position: relative;
    width: 100%;
    font-family: 'Inter', sans-serif;
    padding: 10px 10px;
}

.fileitems-name a{
    display: block;
    width: 100%;
    text-align: center;
}

.fileitems-name a span {
    display: block;
    margin-bottom: 2px;
}

.fileitems-name a span:last-child {
    margin-bottom: 0px;
}

.fileitems-name .fileitem-name{
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    font-weight: 600;
    font-size: 13px;
    color: #181C32;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'Inter', sans-serif;
}
.fileitem-name a{color: #333;font-family: 'Inter', sans-serif;font-size: 13px;}
.fileitem-name a:hover{color: var(--blue) !important;}
.fileitems-name .delete-file{
    background: #7E8299 !important;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    padding: 0px !important;
    top: 5px;
    right: 5px;
    margin: 0px !important;
}

.delete-file .x-mark{color: #fff;font-size: 12px;line-height: 14px;}
.files-container{
    display: grid;
    grid-template-columns: repeat(auto-fill, 13%);
    justify-content: space-between;
    grid-column-gap: 1%;
    grid-row-gap: 15px;
    margin-top: 8px;
    margin-bottom: 10px;
}
.controls .entry:last-child{margin-bottom: 0px;}
.transfer-custom-option .col-sm-12.col-lg-6{
    padding: 0 !important;
}

.transfer-custom-option .col-sm-12.col-lg-6 label,
.transfer-custom-option .col-lg-12.col-md-12.col-sm-12{
    padding-left: 0 !important;
}

.app-print .print-padd-ui{
    accent-color: var(--primary);
}

.printer.btn-printicon:focus{
    border-color: var(--blue) !important;
}

.student-clubTable tbody tr > td{
    white-space: nowrap;
}

button .club-eye .fa-eye{
    color: #47b021;
}
button .edit-icon .fa-eye {
    color: var(--primary);
    padding-right: 0;
}
button .club-eye:hover .fa-eye,button.btn-edit-button:hover .edit-icon .fa-eye{
    color: #fff !important;
}
button:hover .validate-icon svg{
    color: #fff !important;
}
#userDiv ul.inst-list li {
    padding: 5px 15px;
    font-family: var(--font-family-primary);
    font-size: 14px;
}
#activities_div ul.inst-list {
    position: absolute;
    right: 0 !important;
    width: 100% !important;
    background-color: white;
    margin: 0;
    padding: 0;
    z-index: 1;
    border-radius: 3px;
    margin-top: 2px;
    box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%);
    cursor: pointer;
    overflow: auto;
    max-height: 300px;
}

#userDiv ul.inst-list {
    position: absolute;
    right: auto;
    width: 100%;
    background-color: white;
    margin: 0;
    padding: 0;
    z-index: 1;
    border-radius: 3px;
    margin-top: 2px;
    box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%);
    cursor: pointer;
    overflow: auto;
    max-height: 300px;
}

table td .scheduled, table td .Scheduled {
    color: #800080;
    background-color: #f1cff1;
    padding: 0.3rem 0.3rem;
    border-radius: 0.425rem;
    font-weight: 600;
    font-size: 0.85rem;
}

.viewpageflex{
    display: flex;
    flex-wrap: wrap;
}

.swal2-container.swal2-center{
    padding-top: 15px;
    padding-bottom: 15px;
}

.cirdownloadtext_ui .cirdownloadtext strong a {
    display: inline-block;
    margin-bottom: 5px;
}

.cirdownloadtext strong a{
    display: block;
}

.inner-viewui{
    display: flex;
    flex-wrap: wrap;
}

.cardHeadUI.card-header .card-toolbar .btn.back-btn{
    display: flex;
    align-items: center;
    background-color: var(--blue-dark) !important;
    border-color: var(--blue-dark) !important;
    padding: 7px 15px !important;
}
.cardHeadUI.card-header .card-toolbar .btn.back-btn:hover{
    display: flex;
    align-items: center;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.staff_add_pro .upload-input-group .btn.btn-trash {
    padding: 12px !important;
    background-color: #fff5f8;
    border-color: #fff5f8;
    color:#f1416c !important;
}
.staff_add_pro .upload-input-group .btn.btn-trash:hover {
    background-color: #f1416c;
    border-color: #f1416c;
    color:#ffffff !important;
}
.staff_add_pro .upload-input-group .btn.btn-upload {
    padding: 11px;
}
.staff_add_pro .form-add-data .upload-input-group .btn.btn-upload .fa-times{
    font-size: 12px;
}
.staff_add_pro .upload-input-group .btn.btn-upload.btn-add {
    padding: 12px !important;
    background-color: #e8f5f4;
    border-color: #e8f5f4;
}
.staff_add_pro .upload-input-group .btn.btn-upload.btn-add:hover {
    background-color: #06603b;
    border-color: #06603b;
}
.staff_add_pro .form-add-data .upload-input-group .btn.btn-upload .fa-plus {
    font-size: 11px;
    color: #06603b !important;
}
.staff_add_pro .form-add-data .upload-input-group .btn.btn-upload:hover .fa-plus {
    color:#ffffff !important;
}
.wid-80 {
    width:80% !important;
}
.wid-90 {
    width:90% !important;
}
.change_pass_ui a.text-dark-75.link-primary.fw-semibold {
    color: var(--primary-dark) !important;
    font-weight: 500!important;
}
.change_pass_ui .pass_div span.fa, .mail_settings_ui .pass_div span.fa {
    font-size: 12px;
}
.change_pass_ui .current_in, .change_pass_ui .new_in,.change_pass_ui .conform_in  {
    flex: 0 0 60%;
    max-width: 60%;
}
.cardHeadUI .export-ui .print_btn1 {
    padding: 9px 9px !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    border: 0.17rem solid var(--primary) !important;
}
.cardHeadUI .export-ui .print_btn1:hover {
    background-color: #05700026 !important;
}
.cardHeadUI .app-print .print_btn2 {
    padding: 11px 12px !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    border: 0.17rem solid var(--primary) !important;
    margin-right: 10px;
}
.cardHeadUI .app-print .print_btn2:hover {
    background-color: #05700026 !important;
}
.cardHeadUI .app-print .print_btn2.btn-print {
    padding: 6px 12px !important;
    margin-right: 0px;
}
.cardHeadUI .export-ui.printbtn-ui ul.dropdown-menu.drop-hover.show, .cardHeadUI .d-flex-print .app-print.printbtn-ui .dropdown-menu.pull-right.show{
    left: -10px !important;
}
.cardHeadUI .app-print .print_btn2 .png-pint-img img {
    width: 85%;
}
.cardHeadUI .viewPage-head .app-print .print_btn2.btn-print {
    padding: 4px 10px !important;
    margin-right: 0px;
}
.cardHeadUI .viewPage-head .app-print .print_btn2 .png-pint-img img {
    width: 80%;
}

@media (min-width: 768px){
    .subjectSelect .subject-flexbox label {
        font-size: 15px;
    }

    .transfer-custom-option .col-sm-12.col-lg-6{
        max-width: 50% !important;
    }
}

@media (max-width: 576px){
    .subjectSelect .close{
        right: -7px !important;
    }
    #admitPopupStaff .close{
        right: -7px !important;
    }
    .timetable-popup .close {
        right: -7px !important;
    }
    .closePopup{
        right: -7px !important;
    }
    .levelApprovalUI .radio-inline.levelRadio{
        display: block !important;
    }
    .modal.calendar-modal  .modal-dialog{
        margin: 0.5rem !important;
    }
}
@media (min-width: 488px) and (max-width: 577px){
    .login_chart #student_strength_chart {
        margin-left: 22px !important;
        margin-top: 0px !important;
        padding-right: 10px !important;
    }
}
@media (min-width: 577px) and (max-width: 768px){
    .login_chart #student_strength_chart {
        margin-left: 26px !important;
        margin-top: 0px !important;
        padding-right: 10px !important;
    }
}

@media only screen and (max-width: 768px){
    .levelApprovalUI .levelRadio label.radio{
        font-size: 14px;
    }
    .levelApprovalUI .form-add-data #table_data input[name="roles_val"]{
        min-width: 210px !important;
    }
    .wid-80 {
        width:100% !important;
    }
    .wid-90 {
        width:100% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1300px){
    .instTypeUI .col-md-3, .instTypeUI .col-md-2 {
        width: 33% !important;
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }
}

@media (min-width: 768px){
    .modal.circularPopup {
        position: fixed;
        overflow-y: hidden !important;
    }
    .modal.eventSendPopup {
        position: fixed;
        overflow-y: hidden !important;
    }
    .mymodel-popup .modal-dialogbox{
        max-width: 100%;
        width: 98%;
        height: calc(100vh - 40px);
        margin: 20px auto;
    }
    .mymodel-popup .modal-content {
        height: auto;
        max-height: 100%;
        overflow: hidden;
    }
    .mymodel-popup .modal-content .circularmodal-body {
        height: auto;
        max-height: calc( 100vh - 150px );
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 30px
    }
    .mymodel-popup .modal-content .circularmodal-body::-webkit-scrollbar {
        background: transparent !important;
    }
    .mymodel-popup .modal-content .circularmodal-body::-webkit-scrollbar-thumb {
        background-color: #B6B9C8;
    }
    .modal-content .modal-body .calendarpopup-content{
        max-height: calc(100vh - 150px);
        padding-right: 10px;
    }
    .modal.calendar-modal .modal-dialog-centered{
        padding: 10px !important;
        height: 100%;
        max-height: 100%;
        margin: auto;
        width: 650px !important;
        max-width: 100% !important;
    }
    .calenderUI .modal.calendar-modal .modal-body{
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .modal.calendar-modal .modal.eventSendPopup{
        width: 100vw !important;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
    }
    .calendarpopup-content::-webkit-scrollbar-thumb {
        background-color: var(--kt-scrollbar-color);
        border-radius: 10px;
    }
    #event_send_user_roles .eventSendPopup.mymodel-popup .modal-content{
        overflow: unset;
    }
    .modal.calendar-modal .eventSendPopup.mymodel-popup .modal-content{
        overflow: unset;
    }
}

@media (min-width: 1360px){
    .calendar-modal .eventSendPopup .modal-dialogbox {
        width: 1330px !important;
    }
    .mymodel-popup .modal-dialogbox{
        width: 1330px !important;
    }
}

@media (max-width: 767px){
    .dropdown_custom .btn_custom.add_column_btn {
        margin-bottom: 20px;
        display: inline-block;
        padding-right: 15px;
    }
    .dropdown_custom .dropdown_custom-menu{
        top: 20px;
    }
    .mob-p2{
        padding: 0.5rem !important;
    }
    .card-toolbar .button_search_panel span,.card-toolbar .button_search_panel1 span { display: none; }
    .card-header .setting-primary svg { animation: none; width: 20px; height: 20px; }
    .card-toolbar .btn,.card-toolbar .button_search_panel,.card-toolbar .button_search_panel1 {
        margin-bottom: 5px;
    }
    .fc .fc-header-toolbar .fc-today-button{
        min-width: 80px;
    }
    .inst-reqview .req_table{
        margin-bottom: 15px;
    }
    .titleUI .d-flex{
        font-size: 14px;
    }
    .ViewUI #viewField{
        margin-top: 10px;
    }
}

@media (max-width: 767px){
    .modal-content .popup-filterdiv{
        width: 100% !important;
    }
    .modal-content .popup-cardbar{
        width: 100% !important;
        margin-top: 10px;
    }
    .modal-content .cir-popup-filter{
        flex-direction: column;
    }
    .modal.circularPopup{
        overflow-y: auto !important;
    }
    .modal.eventSendPopup{
        overflow-y: auto !important;
    }
}

@media (max-width: 486px){
    .files-container .fileitems-name{
        padding: 10px 10px;
        border-radius: 5px;
    }
    .fileitem-name a{font-size: 12px;}
    .fileitem-name{font-size: 12px;}
    .controls .upload-input-group{margin-bottom: 5px;}
    .upload-card .upload-cardbody{padding: 5px 5px;}
    .upload-cardbody .upload-input-group .uploadform-control{padding: 7px 40px 7px 7px;}
    .upload-cardbody .upload-input-group input[type="file"]::-webkit-file-upload-button{
        font-size: 12px !important;
        padding: 5px 5px !important;
    }
    .upload-cardbody .upload-input-group .btn.btn-upload{
        padding: 5px 10px !important;
        margin-left: 5px !important;
    }
    .upload-cardbody .upload-input-group .btn.btn-upload.btn-add{
        padding: 5px 10px !important;
        margin-left: 5px !important;
    }
    .upload-cardbody .upload-input-group .btn.btn-trash, .upload-cardbody .upload-input-group .btn.btn-upload{
        top:8px;
        right: 8px;
        bottom: 8px;
    }
    .form-add-data .upload-input-group .btn.btn-upload .fa-trash,
    .form-add-data .upload-input-group .btn.btn-upload .fa-plus{
        font-size: 12px !important;
    }
    .upload-card .uploadcard-header{
        padding: 0.75rem 1rem;
    }
    .event-userbtns{
        padding: 10px 10px;
    }
    .eventuserflex .selectedevent .event-formcount{
        font-size: 12px !important;
    }
    .modal-content .modal-body .calendarpopup-content{
        padding-right: 5px;
    }
    .eventrolename{font-size: 15px;}
    .calendarview-modal .modal-dialog .modal-content .modal-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }
}

@media (min-width: 487px) and (max-width: 767px){
    .modal-content .cir-popup-filter .col-md-3{
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
    .modal-content .cir-popup-filter .col-md-3:nth-child(odd){
        padding-right: 15px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .modal-content .cir-popup-filter .col-md-3{
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .modal-content .cir-popup-filter .col-md-3{
        flex: 0 0 33%;
        max-width: 33%;
        width: 33%;
    }
    .modal-content .cir-popup-filter .col-md-4{
        flex: 0 0 33%;
        max-width: 33%;
        width: 33%;
    }
}

@media (min-width: 1200px){
    .modal-content .cir-popup-filter .col-md-3{
        flex: 0 0 25%;
        max-width: 25%;
        width: 25%;
    }
}

@media (min-width: 768px) and (max-width: 1199px){
    .tabViewUI .tab-content .tab:first-child .col-lg-8 .col-md-6,
    .tabViewUI .tab-content .tab:first-child .col-lg-8 .col-md-6{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .tabViewUI .tab-content .tab .col-sm-12 > .col-md-4,
    .tabViewUI .tab-content .tab .col-sm-12 > .col-md-4{
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }

}

@media (max-width: 380px){
    .ViewUI .view-group{
        flex-direction: column;
    }
    .ViewUI .view-sub-val{
        padding-left: 0px !important;
        width: 100% !important;
    }
 .ViewUI .view-sub-head{
        width: 100% !important;
    }
    .login_chart #student_strength_chart {
        margin-left: 15px !important;
        margin-top: 0px;
        padding-right: 10px !important;
    }
    .login_chart #student_growth_chart {
        margin-top: -24% !important;
        width: auto;
        min-width: auto;
    }
}
@media (max-width: 410px){
    .login_chart #student_strength_chart {
        margin-left: 14px !important;
        margin-top: 0px;
        padding-right: 10px !important;
    }
}

a.instreg_tab_link{
    cursor: pointer;
}

a.prevent-click {
    pointer-events: none;
}

.institutionRegister .form-control{
    border-radius: 0.475rem !important;
    background-color: #fff !important;
    border-color: #E4E6EF;
}
.institutionRegister .form-control:focus{
    background-color: #fff !important;
    border-color: var(--primary) !important;
    border-width: 2px !important;
}
.form-group label.boysGirls.col-form-label {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    color: #7E8299 !important;
    padding: 0 5px !important;
}
.view-head-other {
    padding: 0 !important;
    color: #7E8299;
    font-size: 14px;
    width: 100%;
    max-width: 100%;
}
.view-download-btn {
    background: var(--bs-link-color);
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 0.475rem;
}
.view-sub-val.view-sub-val-other {
    display: flex;
}
.view-sub-val.view-sub-val-other .view-sub-val-inner-other {
    width: 50%;
}
.view-sub-val.view-sub-val-other .view-sub-val-inner-other .view-sub-val.gap-set {
    width: 100%;
    padding: 0;
    display: flex;
}
.view-sub-val.view-sub-val-other .view-sub-val-inner-other .view-sub-val.gap-set .view-sub-val-inner-2 {
    display: flex;
    flex-direction: column;
    color: #7E8299;
}
.institutionRegister .container-xxl {
    max-width: 100%;
}
.institutionRegister .primary-radient {
    background: var(--primary) !important;
}
.institutionRegister .footer-text {
    margin-top: 1rem;
}
.institutionRegister .stepper.stepper-pills .stepper-item.mark-completed:last-child .stepper-label .stepper-desc {
    color: var(--light-green);
}
.institutionRegister .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-label .stepper-title {
    color: var(--white);
}
.institutionRegister .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon {
    background-color: var(--lemon);
    border: var(--lemon);
}
.institutionRegister .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check {
    display: none;
}
.institutionRegister .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-number{
    display: block;
}
.institutionRegister .btn-lg.btn-primary.d-none{
    display: none!important;
}
@media (max-width: 1199px){
.institutionRegister .primary-radient #request-cardbody{
    height: auto!important;
}
}
@media (max-width: 1200px){
.institutionRegister .w-xxl-400px.primary-radient {
    padding-bottom: 0px;
}
}


table td .waiting, table td .Waiting {
    color: #b7b71d;
    background-color: #fbf06f45;
    padding: 0.75rem 1rem;
    border-radius: 0.425rem;
    font-weight: 600;
    font-size: 0.85rem;
    display: block;
    width: max-content;
}

table td .approval, table td .Approval {
    color: var(--state-active-color);
    background-color: var(--state-active-bg-color);
    padding: 0.75rem 1rem;
    border-radius: 0.425rem;
    font-weight: 600;
    font-size: 0.85rem;
    display: block;
    width: max-content;
}

.staffViewUI .custominner-view-box .col-sm-12.flex-wrap > .col-md-6.view-group{
    padding-left: 0px;
}



.top-popup .modal-header .btn-active-icon-primary{
    justify-content: flex-end;
}

#table_data1 #search_result_text > p {
    color: #f25c81;
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px;
    letter-spacing: 0.2px;
    background-image: url(/assets/funnel.png);
    appearance: none;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 20px;
    margin-bottom: 5px;
}

#table_data #staff_search_result_text > p,
#table_data1 #staff_search_result_text > p {
    color: #f25c81;
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px;
    letter-spacing: 0.2px;
    background-image: url(/assets/funnel.png);
    appearance: none;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 20px;
    margin-bottom: 5px;
}

.choosen_table .sportscard-body{
    padding: 15px 20px;
    position: relative;
}

table .w-150px .form-control{
    min-width: 150px;
}

table .w-100px .form-control{
    min-width: 100px;
}

.club-activityTable tbody tr > td{
    white-space: nowrap;
}

.clubchoosen_table .clubcard-body{
    padding: 15px 20px;
    position: relative;
}

.stdclubchoosen_table .stdclubcard-body{
    padding: 15px 20px;
    position: relative;
}


@media (min-width: 768px) and (max-width: 1199px){
    .staffViewUI .inner-view-box .col-lg-8 > .col-md-6{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .staffViewUI .inner-view-box .col-sm-12 > .col-md-4{
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .staffViewUI .custominner-view-box .col-sm-12 > .col-md-6{
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }

}

@media (min-width: 1200px){
    .staffViewUI .custominner-view-box .col-sm-12.flex-wrap > .col-md-6{
        width: 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}


.user-add-screen .form-group label.col-form-label.col-form-label-0,
.user-edit-screen .form-group label.col-form-label.col-form-label-0{
    font-size: 14px;
    font-weight: 600;
}
#table_data table tbody .w-250{
    min-width: 250px;
}
@media (min-width: 1450px){
.instTypeUI .col-md-3.my-md-0.my-md-1{
    flex: 0 0 30%;
    max-width: 30%;
}
}
@media (min-width: 1366px) and (max-width: 1499px){
.instTypeUI .col-md-3.my-md-0.my-md-1{
    flex: 0 0 33%;
    max-width: 33%;
}
}
@media (min-width: 1200px) and (max-width: 1365px){
.instTypeUI .col-md-3.my-md-0.my-md-1{
      flex: 0 0 40%!important;
      max-width: 40%!important;
}
}

@media (min-width: 1367px){
.instTypeUI .my-md-0.my-md-active{
    flex: 0 0 20%;
    max-width: 20%;
}
}




.userUI #table_data thead tr th{
    background-color: #0d865424!important;
}
.userUI #table_data thead tr th,
.userUI #table_data tbody tr td{
     padding-right: 15px;
     padding-left: 15px;
    }

.staff_list_popup .swal2-show.studentPopupUI .right.buttonSec{
        display:block;
    }
.institutionRegister .stepper.stepper-pills .stepper-item.current .stepper-label .stepper-desc {
     color: var(--lemon);
}
.clr-diff2 td:nth-child(2),.clr-diff3 td:nth-child(3),.clr-diff4 td:nth-child(4),.clr-diff5 td:nth-child(5),.clr-diff6 td:nth-child(6),.clr-diff7 td:nth-child(7),.clr-diff8 td:nth-child(8),.clr-diff9 td:nth-child(9) {
    color: #7e8299;
}


@media (max-width: 314px){
.forgot-otp .btn.btn-primary{
    width: 50%;
}
}
@media (min-width: 769px){
    .col-md-2.nopadd_imp.LimitDiv{
        width: 125px;
    }
    .col-md-2.nopadd_imp.LimitDiv .form-group{
        margin-bottom: 0px !important;
    }
}
.reportui .btn.view-btn.btn-sm.btn-light:hover,
.reportui .btn.view-btn.btn-sm.btn-light:active,
.reportui .btn.view-btn.btn-sm.btn-light:focus{
    color: var(--primary) !important;
    background-color: var(--primary-shadow) !important;
    border-color: var(--primary-shadow) !important;
}
.btn.btn-primary.font-weight-bolder,
.btn.btn-primary.btn-edit-button.font-weight-bolder{
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}
.btn.btn-primary.btn-edit-button{
    background-color: var(--primary-shadow) !important;
    border-color: var(--primary-shadow) !important;
}
.btn.btn-primary.font-weight-bolder:hover,
.btn.btn-primary.btn-edit-button.font-weight-bolder:hover{
    background-color: var(--blue-dark) !important;
    border-color: var(--blue-dark) !important;
}
.btn.btn-primary.btn-edit-button:hover{
   background-color: var(--primary-dark) !important;
}
.fileitems-name .fileitem-date{
    color: var(--blue);
    font-weight: 600;
    font-size: 13px;
}
.fileitems-name{
    background: #fff;
}
.student-listUI .right.buttonSec{
  display: block;
}
#staffProfilePopup #jobApplicantProfile,
#studentProfilePopup #jobApplicantProfile {
    display: flex !important;
    align-items: center;
    padding: 25px 5px;
    background: rgba(0,0,0,0.7);
}
.btn-lookup.btn-look svg{
   width: 20px;
   height: 20px;
   fill: var(--blue);
   margin-left: -8px;
}
.btn-lookup.btn-look.set-look svg{
    width: 14px;
    height: 14px;
    fill: var(--blue);
    margin-left: -8px;
}
.btn-lookup.btn-look:hover,
.btn-lookup.btn-look{
    background: transparent;
}
.studentPopupUI.studentpop .btn.light-btn{
    color: #7e8299 !important;
    font-weight: 600 !important;
}
.card-upload.card-custom .card-header{
    min-height: 50px;
}
.card-upload.card-custom .card-body{
    padding-top: 0px;
}

.sunicons-div .btn-lookup{
    width: auto;
    height: auto;
}

.sunicons-div .btn-lookup.btn-look svg {
    width: 15px;
    height: 15px;
    fill: var(--blue);
    margin-left: 0;
}

.sunicons-div .btn-lookup .tool-tiptext{
    box-shadow: 0px 11px 10px 0 rgba(82, 63, 105, 0.2);
    transform: translateX(-50%);
    margin-top: -47px;
    right: 10%;
}

.stick-div .btn-lookup .tool-tiptext{
    background-color: #e8fff3;
    color: #046307;
}

.stick-div .btn-lookup .tool-tiptext::after {
    border-color: #e8fff3 transparent transparent transparent;
}

.scross-div .btn-lookup .tool-tiptext{
    color: #d52f2e;
    background-color: #fff5f8;
}

.scross-div .btn-lookup .tool-tiptext::after {
    border-color: #fff5f8 transparent transparent transparent;
}

/*****tooltop issue fix*******/
.sunicons-div .btn-lookup .tool-tiptext{
    white-space: normal;
    width: max-content;
}

.sunicons-div .btn-lookup .tool-tiptext{
    transform: none;
    z-index: 200;
}

.sunicons-div .btn-lookup .tool-tiptext.top-tooltip{
    box-shadow: 0px 0px 20px 0 rgb(82 63 105 / 20%);
}

.sunicons-div.stick-div .btn-lookup .tool-tiptext::after {
    border-color: #00452f transparent transparent transparent;
}

.sunicons-div .btn-lookup .tool-tiptext::after{
    border-width: 8px;
}

.sunicons-div.stick-div .btn-lookup .tool-tiptext.top-lfttooltip::after{
    border-color: transparent transparent #00452f transparent;
    bottom: 100%;
    top: auto;
    left: 10px;
}

.sunicons-div.stick-div .btn-lookup .tool-tiptext.top-rgttooltip::after{
    border-color: transparent transparent #00452f transparent;
    bottom: 100%;
    top: auto;
    left: auto;
    right: 10px;
}

.sunicons-div.stick-div .btn-lookup .tool-tiptext.bottom-lfttooltip::after{
    left: 10px;
}

.sunicons-div.stick-div .btn-lookup .tool-tiptext.bottom-rgttooltip::after{
    left: auto;
    right: 10px;
}

.sunicons-div .btn-lookup .tool-tiptext.hide-sque::after{
    display: none;
}

.sunicons-div{
    position: relative;
}

.sunicons-div.addtop-sque::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    border-width: 7px;
    border-style: solid;
    transform: translateX(-50%);
    border-color: transparent transparent #00452f transparent;
}

.sunicons-div.addbot-sque::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    border-width: 7px;
    border-style: solid;
    transform: translateX(-50%);
    border-color: #00452f transparent transparent transparent;
}

@media (min-width: 1200px){
    .sunicons-div .btn-lookup .tool-tiptext{
        max-width: 400px;
        white-space: normal;
        width: max-content;
    }
    .admin_institution_request .institutionRegister.bg-white .stepper-pills.flex-xl-row {
        flex-direction: row !important;
    }
    .admin_institution_request .content .institutionRegister .primary-radient.card.w-xl-400px{
        width: 310px!important;
    }
}

@media (min-width: 1300px){
    .sunicons-div .btn-lookup .tool-tiptext{
        max-width: 500px;
    }
}

@media(min-width: 992px) and (max-width: 1199px){
    .sunicons-div .btn-lookup .tool-tiptext{
        max-width: 300px;
    }
}

@media(min-width: 768px) and (max-width: 991px){
    .sunicons-div .btn-lookup .tool-tiptext{
        max-width: 330px;
    }
}

@media (max-width: 767px){
    .sunicons-div .btn-lookup .tool-tiptext{
        max-width: 450px;
    }
}

@media (max-width: 480px){
    .sunicons-div .btn-lookup .tool-tiptext{
        max-width: 300px;
    }
    .login_chart #student_growth_chart {
        margin-top: -74px !important;
        width: auto;
        min-width: auto;
    }
}

/****Event common ui fix*********/
.calendarpopup-content #event_send .event-fromrow > .col-lg-12{
    padding-left: 0px;
    padding-right: 0px;
}
.calendarpopup-content #event_send .event-fromrow .event-fromrownew .col-sm-12.euserbtncolumn,
.calendarpopup-content #event_send .event-fromrow .event-fromrownew .col-sm-12.euser-tables{
    padding-left: 0px;
    padding-right: 0px;
}
#event_send{padding: 0px;margin-top: 0px;width: 100%;}
#event_send .event-fromrow .tbl_dsk_scroll table{
    margin-bottom: 0px;
    margin-top: 10px;
}
.event-userbtnsdiv{width: 100%;}
.eventSendPopup .popuptable-section .tbl_dsk_scroll table .form-checkbox {
    position: relative;
    width: 1.55rem !important;
    height: 1.55rem !important;
}

.eventSendPopup .popuptable-section .tbl_dsk_scroll table .form-checkbox .checkbox-input[type=checkbox] {
    background-size: 70% 70% !important;
}

.eventSendPopup .popuptable-section .tbl_dsk_scroll table .form-checkbox .checkbox-input {
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    vertical-align: top;
    background: #fff !important;
    border: 1px solid #a3a4a9;
    appearance: none;
    border-radius: 5px;
    outline: 0 !important;
    outline-offset: unset !important;
}

.eventSendPopup .popuptable-section .tbl_dsk_scroll table .form-checkbox .checkbox-input:checked {
    background: var(--primary) !important;
}

.eventSendPopup .popuptable-section .tbl_dsk_scroll table .form-checkbox .checkbox-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 1px solid var(--primary) !important;
}

.eventSendPopup .modal-content .cir-popup-filter {
    display: flex;
    align-items: flex-start !important;
    justify-content: space-between;
    margin-bottom: 15px;
}
.eventSendPopup .popup-filterdiv .bootstrap-select.mutliple.multiplework-days{
    border: none !important;
}
.eventSendPopup .popup-filterdiv .bootstrap-select.mutliple button.dropdown-toggle{
    border: 1px solid #e4e6ef !important;
    background: #fff !important;
}

.eventSendPopup .popup-filterdiv input.form-control {
    height: calc(1.5em + 1.3rem) !important;
}

.eventSendPopup .popup-cardbar .btn-filter{
    padding: 6px 12px !important;
}

.eventSendPopup .popup-filterdiv .form-checkbox {
    position: relative;
    width: 1.55rem !important;
    height: 1.55rem !important;
}

.eventSendPopup .popup-filterdiv .form-checkbox .checkbox-input[type=checkbox] {
    background-size: 70% 70% !important;
}

.eventSendPopup .popup-filterdiv .form-checkbox .checkbox-input {
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    vertical-align: top;
    background: #fff !important;
    border: 1px solid #a3a4a9;
    appearance: none;
    cursor: pointer;
    border-radius: 5px;
    outline: 0 !important;
    outline-offset: unset !important;
}

.eventSendPopup .popup-filterdiv .form-checkbox .checkbox-input:checked {
    background: var(--primary) !important;
}

.eventSendPopup .popup-filterdiv .form-checkbox .checkbox-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 1px solid var(--primary) !important;
}

@media (min-width: 768px){
    .eventSendPopup .modal-content .popup-cardbar{
        padding-top: 35px !important;
    }
    .activity-popupui .row.minus-row{
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}
@media (max-width: 767px){
.staff-listUI.view-box-ui .ViewUI .inner-box-show .view-sub-head-2 .view-sub-val {
    display: flex;
    flex-wrap: unset;
}
#jobApplicantProfile .applicantprof .tab-links .tabl {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.qualify-section.table-grid-ui .table-grid-row #table_data .qualifi-info {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 20px !important;
}
.qualify-section.table-grid-ui .table-grid-row #table_data .row-number.left-add {
    left: 5px;
    top: 0;
}
.mob-mt-10 {margin-top: 10px !important;}
.mob-mt-15 {margin-top: 15px !important;}
.mob-mb-15 {
    margin-bottom: 15px !important;
}
.mob-mb-10 {
    margin-bottom: 10px !important;
}
}
#table_data .activity-log tbody tr td.date-td,
.activity-log .activity-description,
.activity-log .activity-date {
    font-size: 12px;
}
.staff-listUI.institution-ui table .Approved,
.staff-listUI.institution-ui table .Rejected {
    padding: 0.75rem 1rem;
}
#roleaccess #table_data tbody tr td {
    color: #595555;
}
.radio-inline .radio-btn-0{
    display: flex;
}
.calendar-modal .modal-body .calendarpopup-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.staff-listUI.view-box-ui .ViewUI .req-view.inner-box-show .view-group {
    display: block;
}
.staff-listUI.view-box-ui .ViewUI .inner-box-show .view-sub-val {
    width: auto;
    padding-left: 0px;
}
.staff-listUI.view-box-ui .ViewUI .inner-box-show .view-sub-head-2 .view-sub-val .view-sub-val-inner-2 {
    width: auto;
}
.staff-listUI.view-box-ui .ViewUI .subheading {
    font-size: 16px;
}
.staff-listUI.view-box-ui .ViewUI .titleUI .d-flex.studView {
    margin-bottom: 0px !important;
}
.qualify-section.table-grid-ui .table-grid-row .row-number.left-add {
     left: 0px;
     top: 6px;
}
.qualify-section.table-grid-ui .table-grid-row .qualifi-info{
    margin-top: 10px;
    border-bottom: 1px solid #eff2f5;
    padding-bottom: 10px;
    margin-bottom: 10px
}
.qualifi-info .form-group label {
    margin-top: 0px;
}
.staffpromotion_ui #table_data tbody tr td{
    white-space: nowrap;
}
@media (max-width: 1662px) and (min-width:1285px){
#jobApplicantProfile .tab-links li {
    padding: 15px 20px;
}
}
@media (max-width: 1284px) and (min-width:1160px){
#jobApplicantProfile .tab-links li {
    padding: 15px 10px;
}
}
.AdvanceFilter{width: 100%;}
/* Time Table UI Changes by Ambiga 20.06.2023 */
 .card .form-add-data .timeTablePeriod table {
    display: flex;
    position: relative;
 }
 .card .form-add-data .timeTablePeriod table thead ,  .card .form-add-data .timeTablePeriod table tbody {
    display: inline-flex;
 }
 .card .form-add-data .timeTablePeriod table thead tr,
 .card .form-add-data .timeTablePeriod table tbody tr {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
 }
 .timeTable-ui .timeTablePeriod table tbody tr > td.period-name {
    border: 1px solid #f3f3f3;
}
.timeTable-ui .timeTablePeriod table .days-name {
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    color: var(--primary);
    background: var(--primary-shadow);
    padding: 10px 10px;
}
.timeTable-ui .timeTablePeriod table thead tr > th.time-name {
    min-width: 130px;
    max-width: 130px;
    min-height: 115px;
}
.timeTable-ui .timeTablePeriod table tbody tr > td.period-name {
    min-width: 145px;
    max-width: 145px;
    min-height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.timeTable-ui .timeTablePeriod table tbody tr > td.period-name > div {
    width: 100%;
}
.timeTable-ui .timeTablePeriod table .time-name {
    font-size: 10px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.timeTable-ui .timeTablePeriod .subject-p {
    padding: 3px 5px 3px;
    font-size: 11px;
    letter-spacing: .3px;
}
.timeTable-ui .timeTablePeriod .staffname-p, .timeTable-ui .timeTablePeriod .seniarname-p {
    font-size: 11px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 11px;
    margin-top: 3px;
}
.timeTable-ui .timeTablePeriod table thead tr th.common-head {
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    color: #f64e60;
    background: #f533482e;
    padding: 9px 10px;
}
.timeTable-ui .timeTablePeriod table thead tr th {
    color: #3699ff;
    background: #3699ff47;
}
.timeTable-ui .timeTablePeriod table .time-name .period-title {
    color: #0d74df;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0px 0px 5px;
}
/* Time Table UI Changes by Ambiga 20.06.2023 */

.subject-lookup{
    display: none;
}

.page-item.disabled .page-link{height: auto;}

/*****add screen filter*******/
.content .addbutton_search_panel {
    color: var(--primary);
    border: none;
    background: var(--primary-shadow);
    padding: calc(0.48rem + 0px) calc(1.25rem + 1px) !important;
    font-weight: 600 !important;
    font-size: 13px;
    border-radius: 0.425rem;
    line-height: 1.42857143;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    cursor: pointer;

}

.content .addbutton_search_panel .addsetting-primary {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 0;
}

.content .addbutton_search_panel:hover {
    background: var(--primary);
    color: var(--white);
}

.content .addbutton_search_panel:hover svg,
.content .addbutton_search_panel:hover span{
    color: var(--white);

}

.content .addsetting-primary svg {
    color: var(--primary);
    width: 16px;
    stroke-width: 2.5px;
    -webkit-animation: rotateInSetting 1.5s ease infinite;
    animation: rotateInSetting 1.5s ease infinite;
}

.filter_box_panel {
    display: none;
    position: absolute;
    right: 0;
    width: 275px;
    background: #fff;
    z-index: 90;
    padding: 1.5rem;
    box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%);
    top: 37px;
    border-radius: 0.475rem;
}

.content .filter_box_panel::-webkit-scrollbar-thumb{
    border-radius: 10px;
}

.boxSearchPaneldiv{
    position: relative;
    width: 100%;
}

.filter_box_panel.mb-7 {
    margin-bottom: 0 !important;
}

.filter_box_panel .instTypeUI.advanceFilter .row .col-sm-12 {
    padding: 0 !important;
    margin-top: 0;
}

.filter_box_panel .card-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    grid-gap: 10px 0px;
    gap: 10px 0px;
}

/*********table checkbox*********/
table .table-checkbox {
    position: relative;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

table .table-checkbox input[type="checkbox"].tblcheckbox-input:checked {
    background: var(--primary) !important;
}

table .table-checkbox input[type="checkbox"].tblcheckbox-input[type=checkbox] {
    background-size: 70% 70% !important;
}

table .table-checkbox input[type="checkbox"].tblcheckbox-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 1px solid var(--primary) !important;
}

table .table-checkbox input[type="checkbox"].tblcheckbox-input {
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    vertical-align: top;
    background: #fff !important;
    border: 1px solid #a3a4a9;
    appearance: none;
    print-color-adjust: exact;
    cursor: pointer;
    border-radius: 5px;
    outline: none !important;
    outline-offset: unset;
}

.form-add-data #table_data .table-grid-ui .table-checkbox,
.form-add-data #table_data1 .table-grid-ui .table-checkbox {
    position: relative;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.form-add-data #table_data .table-grid-ui .table-checkbox input[type="checkbox"].tblcheckbox-input:checked,
.form-add-data #table_data1 .table-grid-ui .table-checkbox input[type="checkbox"].tblcheckbox-input:checked{
    background: var(--primary) !important;
}

.form-add-data #table_data .table-grid-ui .table-checkbox input[type="checkbox"].tblcheckbox-input[type=checkbox],
.form-add-data #table_data1 .table-grid-ui .table-checkbox input[type="checkbox"].tblcheckbox-input[type=checkbox]{
    background-size: 70% 70% !important;
}

.form-add-data #table_data .table-grid-ui .table-checkbox input[type="checkbox"].tblcheckbox-input:checked[type=checkbox],
.form-add-data #table_data1 .table-grid-ui .table-checkbox input[type="checkbox"].tblcheckbox-input:checked[type=checkbox]{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 1px solid var(--primary) !important;
}

.form-add-data #table_data .table-grid-ui .table-checkbox input[type="checkbox"].tblcheckbox-input,
.form-add-data #table_data1 .table-grid-ui .table-checkbox input[type="checkbox"].tblcheckbox-input{
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    vertical-align: top;
    background: #fff !important;
    border: 1px solid #a3a4a9;
    appearance: none;
    print-color-adjust: exact;
    cursor: pointer;
    border-radius: 5px;
    outline: none !important;
    outline-offset: unset;
}
/*********table checkbox end*********/
button .edit-icon .fa-tasks {
    color: var(--primary);
    padding-right: 0;
}
button.btn-edit-button:hover .edit-icon .fa-tasks {
    color: #fff !important;
}

.filter_box_panel .location_filter .col-sm-12{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.filter_box_panel .location_filter .form-group label.col-form-label{
    display: none;
}

.card .MultiRowUI .form-group label.col-form-label.table-grid-row-head{
    padding-bottom: 5px;
}

.topcontent textarea.form-control.ht150px{
    height: 150px !important;
}

a.downloadtext {
    color: var(--blue) !important;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
}

.downloadtext a {
    color: var(--blue) !important;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
}

.multirow-sub-val {
    width: 100%;
}

.multirow-sub-val strong {
    font-weight: 600;
    color: #181C32;
    word-break: break-word;
    white-space: normal;
    line-height: 20px;
    font-size: 14px;
}

.approved-txt{
    color: var(--state-active-color);
}

.rejected-txt{
    color: #f1416c;
}

.progress-txt{
    color: #009ef7;
}

.correction-txt{
    color: #ffc700;
}

.readmore-elementdiv{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
}

.readmore-elementdiv .readmoreText{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    padding-left: 12px;
    z-index: 5;
    cursor: pointer;
    color: var(--primary);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: none;
}

.readmore-itemdiv{
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 20px;
    word-wrap: break-word;
}

.modal-content .readmoremodal-body {
    padding: 1.5rem 1.75rem;
}

.modal.readmore-popup{
    z-index: 9999999;
}

.readmore-popup .modal-dialogbox {
    display: flex;
    justify-content: center;
    height: 100%;
}

.modal.readmore-popup .modal-header {
    padding: 1rem 1.75rem;
}

.view-head-flex .btn .span-text.leftside{
    transform: translate(0%, -50%);
    bottom: auto;
    left: auto;
    top: 50%;
    right: 125%;
}

.view-head-flex .btn .span-text.leftside::after{
    left: auto;
    transform: rotate(-90deg);
    right: -19px;
    bottom: 0;
    margin: auto;
    top: 0;
}

.folder-div{
    display: grid;
    gap: 20px 10px;
    grid-gap: 20px 10px;
    grid-template-columns: repeat(auto-fill, 150px);
    justify-content: space-between;
}

.folder-item{
    width: 100%;
    position: relative;
}

.foldername{
    color: #181C32;
    font-size: 12px;
    font-weight: 600;
    padding-left: 5px;
    display: block;
}

.foldername a{
    color: #181C32 !important;
    font-size: 12px;
    font-weight: 600;
    padding-left: 5px;
    display: inline-block;
    word-break: break-word;
}

.folderinfo{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
}

.folderdownloadtext a {
    color: var(--blue) !important;
    font-size: 13px;
}

.folderdownloadtext_ui .folderdownloadtext .folderdownloadflex a{
    display: block;
    width: 100%;
    text-align: center;
}

.folderdownloadtext_ui .folderdownloadtext .folderdownloadflex .folderdownloaditem{
    border: 1px solid #e4e6ef;
    border-radius: 5px;
    padding: 10px 10px;
    width: 100%;
    position: relative;
}

.folderdownloadtext_ui .folderdownloadtext .folderdownloadflex a span{
    display: block;
    margin-bottom: 2px;
}

.folderdownloadtext_ui .folderdownloadtext a span:last-child{
    margin-bottom: 0px;
}

.folderdownloadtext_ui .folderdownloadtext .folderdownloadflex a .filenamespan{
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    font-weight: 600;
    font-size: 13px;
    color: #181C32;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.folderdownloadtext_ui .folderdownloadtext .folderdownloadflex a .filenamedate{
    font-weight: 600;
    color: #ba895d;
    font-size: 13px;
}

.folderdownloadflex{
    display: grid;
    grid-template-columns: repeat(auto-fill, 13%);
    justify-content: space-between;
    grid-column-gap: 1%;
    grid-row-gap: 15px;
}

.cirdownloadtext_ui .cirdownloadtext .cirdownloadflex a{
    display: block;
    width: 100%;
    text-align: center;
}

.cirdownloadtext_ui .cirdownloadtext .cirdownloadflex .cirdownloaditem{
    border: 1px solid #e4e6ef;
    border-radius: 5px;
    position: relative;
    padding: 10px 10px;
    width: 100%;
}

.cirdownloadtext_ui .cirdownloadflex a span{
    display: block;
    margin-bottom: 2px;
}

.cirdownloadtext_ui .cirdownloadflex a span:last-child{
    margin-bottom: 0px;
}

.cirdownloadtext_ui .cirdownloadflex a .cirnamespan{
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    font-weight: 600;
    font-size: 13px;
    color: #181C32;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cirdownloadtext_ui .cirdownloadflex a .cirnamedate{
    font-weight: 600;
    color: #181C32;
    font-size: 13px;
}

.cirdownloadflex{
    display: grid;
    grid-template-columns: repeat(auto-fill, 13%);
    justify-content: space-between;
    grid-column-gap: 1%;
    grid-row-gap: 15px;
}

.cirdownloaditem span .view-image{
    width: 64px;
    height: 64px;
}

.fileitems-name span .view-image{
    width: 64px;
    height: 64px;
}

.cirdownloaditem span img{
    width: 64px;
    height: 64px;
}

.fileitems-name span img{
    width: 64px;
    height: 64px;
}

.html-editorcontent{
    display: none;
}

.modal input.form-control:active, .modal input.form-control:focus {
    border: 2px solid var(--primary) !important;
}

.studentpromotionui .fv-plugins-message-container{
    position: relative;
    left: 0px !important;
}

.table-grid-ui .table-grid-row .form-group.row{
    margin-bottom: 10px;
    display: block;
}

.bursary-recordview .view-mw200px{
    min-width: 200px;
}

@media only screen and (max-width: 768px){
    .filter_box_panel .card-toolbar{
        margin-top: 5px;
    }
    .upload-card{
        margin-top: 15px;
    }
}
/*****add screen filter end*******/

@media(min-width: 380px){
    .label-vwt-190.ViewUI .view-sub-head{
        width: 190px;
    }
}

@media(min-width: 1200px){
    .circular-modal .event-label, .circular-modal .event-select {
        width: calc(32% - 15px);
        max-width: calc(32% - 15px);
    }
    .circular-modal .event-userbtnsdiv{
        display: grid;
        grid-template-columns: repeat(auto-fill, 32.5%);
        justify-content: space-between;
        width: 100%;
    }
}

@media only screen and (min-width: 768px){
    .card.card-custom .formapproveUI .card-body.new-add-edit-ui{
        padding: 0px 0px 10px !important;
    }

    .card.card-custom .circulateapproveUI .card-body.new-add-edit-ui{
        padding: 0px 0px 10px !important;
    }
    .viewmb-15{margin-bottom: 15px;}
    .viewmt-50{margin-top: 50px;}
    .viewmt-40{margin-top: 40px;}
    .multirow-sub-val {
        padding-left: 4px;
    }
    .readmore-popup .modal-content .readmoremodal-body {
        height: auto;
        max-height: calc( 100vh - 100px );
        overflow-x: hidden;
        overflow-y: auto;
    }
    .readmore-popup .modal-content {
        height: auto;
        max-height: 100%;
        overflow: hidden;
    }
    .readmore-popup .modal-dialogbox {
        max-width: 100%;
        width: 98%;
        height: calc(100vh - 40px);
        margin: 20px auto;
    }
    .formUI .card-body .MultiRowUI #table_data1 {
        padding: 0px 20px !important;
    }
    .formUI.ViewUI .card-body .MultiRowUI #table_data.viewp15,
    .formUI.ViewUI .card-body .MultiRowUI #table_data1.viewp15{
        padding: 0px 15px !important;
    }
    .folderinfo{
        position: absolute;
        right: 10px;
        top: 0px;
        z-index: 10;
    }
}

@media(min-width: 768px) and (max-width: 991px){
    .folderdownloadtext_ui .folderdownloadflex {
        grid-template-columns: repeat(auto-fill, 18.5%);
    }
    .cirdownloadtext_ui .cirdownloadflex {
        grid-template-columns: repeat(auto-fill, 18.5%);
    }
    div .files-container {
        grid-template-columns: repeat(auto-fill, 18.5%);
    }
}

@media(min-width: 992px) and (max-width: 1199px){
    .folderdownloadtext_ui .folderdownloadflex {
        grid-template-columns: repeat(auto-fill, 18.5%);
    }
    .cirdownloadtext_ui .cirdownloadflex {
        grid-template-columns: repeat(auto-fill, 18.5%);
    }
    div .files-container {
        grid-template-columns: repeat(auto-fill, 18.5%);
    }
}

@media(min-width: 768px) and (max-width: 1199px){
    .circular-modal .event-label, .circular-modal .event-select {
        width: calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
    .circular-modal .event-userbtnsdiv{
        display: grid;
        grid-template-columns: repeat(auto-fill, 49%);
        justify-content: space-between;
        width: 100%;
    }
}

@media only screen and (max-width: 767px){
    .card.card-custom .formapproveUI .card-body.new-add-edit-ui{
        padding: 0px 0px 10px !important;
    }
    .card.card-custom .circulateapproveUI .card-body.new-add-edit-ui{
        padding: 0px 0px 10px !important;
    }
    .timetableframeworkUI .periodtable-editui table tbody td input.form-control,
    .timetableframeworkUI .periodtable-editui table tbody td select.form-control{
        min-width: 200px;
    }
    table .activity-th{
        min-width: 250px;
    }
    .viewmb-15{margin-bottom: 5px;}
    .cardHeadUI.card-header .card-toolbar .btn.btn-primary{line-height: 16px;}
    .viewmt-50{margin-top: 25px;}
    .viewmt-40{margin-top: 20px;}
    .modal.readmore-popup .modal-content .modal-header h2{
        font-size: 16px;
    }
    .formUI.card.card-custom.m-t-10-list> .card-body.publication-listpadd{
        padding: 1rem !important;
    }
    .folder-div{
        gap: 15px 5px;
        grid-gap: 15px 5px;
        grid-template-columns: repeat(auto-fill, 23.5%);
    }
    .folderdownloadtext_ui .folderdownloadflex {
        grid-template-columns: repeat(auto-fill, 23.5%);
    }
    .cirdownloadtext_ui .cirdownloadflex {
        grid-template-columns: repeat(auto-fill, 23.5%);
    }
    div .files-container {
        grid-template-columns: repeat(auto-fill, 23.5%);
    }
    .qualifi-info-view{
        padding: 15px 15px;
    }
    .notification-table tbody td.message-td{min-width: 250px;}
    .mob-mw-200px{min-width: 200px;}
    .timetableframeworkUI .periodtable-editui table tbody td input.form-control.pcount{
        min-width: 110px;
    }
    .table-grid-ui .table-grid-row .form-group.row{
        margin-bottom: 5px !important;
    }
    .mob-minw-150px{
        min-width: 150px !important;
    }
    .mob-minw-200px{
        min-width: 200px !important;
    }
    .mob-minw-250px{
        min-width: 250px !important;
    }
}

@media (min-width: 1360px){
    .readmore-popup .modal-dialogbox {
        width: 1330px !important;
    }
}

@media(min-width: 481px) and (max-width: 586px){
    .folder-div{
        grid-template-columns: repeat(auto-fill, 31.5%);
    }
    .folderdownloadtext_ui .folderdownloadflex {
        grid-template-columns: repeat(auto-fill, 31.5%);
    }
    .cirdownloadtext_ui .cirdownloadflex {
        grid-template-columns: repeat(auto-fill, 31.5%);
    }
    div .files-container {
        grid-template-columns: repeat(auto-fill, 31.5%);
    }
}

@media only screen and (max-width: 480px){
    .publication-folderui .folder-div {
        gap: 15px 5px;
        grid-gap: 15px 5px;
        grid-template-columns: repeat(auto-fill, 47.5%);
    }
    .folder-image svg{
        width: 120px;
        height: 120px;
    }
    .folderdownloadtext_ui .folderdownloadflex {
        grid-template-columns: repeat(auto-fill, 47.5%);
    }
    .cirdownloadtext_ui .cirdownloadflex {
        grid-template-columns: repeat(auto-fill, 47.5%);
    }
    div .files-container {
        grid-template-columns: repeat(auto-fill, 47.5%);
    }
}

@media only screen and (max-width: 330px){
    .publication-folderui .folder-div {
        gap: 20px 5px;
        grid-gap: 20px 5px;
        grid-template-columns: repeat(auto-fill, 47.5%);
    }
    .folder-image svg{
        width: 100px;
        height: 100px;
    }
    .folderdownloadtext_ui .folderdownloadflex {
        grid-template-columns: repeat(auto-fill, 47.5%);
    }
    .cirdownloadtext_ui .cirdownloadflex {
        grid-template-columns: repeat(auto-fill, 47.5%);
    }
    div .files-container {
        grid-template-columns: repeat(auto-fill, 47.5%);
    }
    .login_chart #student_strength_chart {
        margin-left: 15px;
        margin-top: 0px;
        padding-right: 10px !important;
    }
}
/* .workHolidyFlex {
    border-bottom: 2px solid var(--primary);
} */
.workHolidyFlex h3.sub-heading-ui {
    font-size: 18px;
    color: var(--primary);
    font-weight: 500;
}
.workHolidyFlex .btn.btn-primary {
    background: var(--primary-shadow) !important;
    color: var(--primary) !important;
    border-color: var(--primary-shadow) !important;
}
.workHolidyFlex .btn.btn-primary .button__text {
    color: var(--primary) !important;
}
.workHolidyFlex .btn.btn-primary:hover .button__text {
    color: #fff !important;
}

.ViewUI.label-vwt-110 .p-0.inner-viewui .staff-ht-qst-ans {
    display: flex;
}
.ViewUI.label-vwt-110  .p-0.inner-viewui .staff-ht-qst-ans .view-group.staff-ht-qst{
    margin-top: 18px!important;
}
.topcontent.mbl-top-no .formUI.ViewUI.label-vwt-110 .p-0.inner-viewui .staff-ht-qst-ans .view-sub-val strong{
    margin-left: 0px;
}

/****custom accordion*****/
.custom-tabViewUI {
    font-size: 13px;
    color: #3f4254;
}
.custom-applicantprof .custom-accordion {
    border-radius: 4px;
}
.custom-accordion:last-child {
    margin-bottom: 0;
}
.custom-accordion {
    color: #444;
    cursor: pointer;
    padding: 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}
.custom-applicantprof .custom-accordion .custom-accordion-item {
    border-bottom: 1px solid #ddd;
}
.custom-applicantprof .custom-accordion .custom-accordion-header {
    margin: 0;
}
.custom-applicantprof .custom-accordion .custom-accordion-button {
    width: 100%;
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--primary-shadow);
    color: var(--primary);
    border: 1px solid transparent;
    position: relative;
}
.custom-applicantprof .custom-accordion .custom-accordion-button.collapsed {
    background-color: #f5f8fa;
    color: #595555;
}
.custom-applicantprof .custom-accordion .custom-accordion-button.collapsed::before {
    transform: rotate(90deg);
}
.custom-applicantprof .custom-accordion .custom-accordion-button::before {
    font-family: Ki;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\F105";
    position: absolute;
    right: 15px;
    top: 15px;
    transform: rotate(-90deg);
    transition: all 0.5s;
    font-size: 14px;
}
.custom-applicantprof .custom-accordion .custom-accordion-body {
    padding: 15px 10px;
}
.custom-applicantprof .custom-accordion .custom-accordion-button.collapsed svg {
    fill: #595555;
}
.custom-applicantprof .custom-accordion .custom-accordion-button .svg-icon {
    padding-right: 7px;
}
.custom-applicantprof .custom-accordion .custom-accordion-button:not(.collapsed) {
    border-bottom: 2px solid var(--primary);
}
.custom-applicantprof .custom-accordion .custom-accordion-button:not(.collapsed) svg {
    fill: var(--primary);
}
/*******custom accordion end*******/
.civil-view-text {
    font-weight: 600;
    color: #181C32;
    word-break: break-word;
    white-space: normal;
    line-height: 20px;
    font-size: 14px;
}
.civil-work-name strong{
    font-weight: 600;
    color: #181C32;
    word-break: break-word;
    white-space: normal;
    line-height: 20px;
    font-size: 14px;
}
.CivilInfraViewUI .civil-work-name strong{
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.ViewUI .qualifi-info-view{
    gap: 15px 0px;
    grid-gap: 15px 0px;
}

.ViewUI .qualifi-info-view .view-group {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.tabular-ui table{width: 100%;}
@media (min-width: 768px) and (max-width: 1199px){
    .institutionRegister .ViewUI .view-group.col-md-6.viewtoilet-students{
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .institutionRegister .ViewUI .view-group.col-md-6.viewtoilet-staff{
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 1600px) and (min-width: 1200px){
    .institutionRegister .ViewUI .view-group.col-md-6.viewtoilet-students{
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .institutionRegister .ViewUI .view-group.col-md-6.viewtoilet-staff{
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 2000px) and (min-width: 1601px){
    .institutionRegister .ViewUI .view-group.col-md-6.viewtoilet-students{
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .institutionRegister .ViewUI .view-group.col-md-6.viewtoilet-staff{
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

.tabflex{
    display: flex;
    flex-wrap: wrap;

}

#link-clr-blue{
  color:#4242f2;
}
#user_lookup .modal-content #userPopupList .popup-filterdiv,
#user_lookup .modal-content #userPopupList .popup-cardbar{
    width: 100%;
}
#user_lookup .modal-content #userPopupList #popup-filters-user .col-lg-3.nopadd_imp{
    padding-left: 0px!important;
    padding-right: 0px !important;
}
#user_lookup #userPopupList #pagination.pagination-wrapper,
#user_lookup #userPopupList .limit-drop{
    margin-top: 10px!important;
}



/* ======= Chart Ui ======= */

.chartUi .card.card-custom h4 {
    padding: 20px 38px 0px 38px;
    color: #181c32;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0px;
    font-family: var(--font-family-primary);
    text-transform: capitalize;
}
.chartUi .tbl_dsk_scroll {
    margin: 0px 35px 35px 35px;
    /* margin: 0px 18px 35px 18px; */
}
.chartUi .card-body {
    padding: 0 2.25rem 2.25rem 1rem !important;
    padding-bottom: 0 !important;
}
.dash_chartUi .level_approve_table table{width: 100%;}
.level_approve_table .topbottomspace {margin-bottom: 0px;}
/* #div_form_level_approve .dash_chartUi {
    min-height: 525px !important;
    height: 525px !important;

} */
.dash_chartUi .level_approve_table .page-item.active .page-link{
    height: 2rem;
    width: 2rem;
    font-size: 0.89rem;
}
.dash_chartUi .level_approve_table .page-item:last-child .page-link{
    font-size: 2rem;
}
.dash_chartUi .level_approve_table .pagination>li a{
    height: 2rem;
    width: 2rem;
    font-size: 0.89rem;
}
.dash_chartUi .level_approve_table .page-item.disabled .page-link{
    padding-top: 0px;
}
.dashlistScrol.chart_scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.dashlistScrol.chart_scroll::-webkit-scrollbar-thumb {
    background: #B6B9C8;
    border-radius: 20px;
    height: 3px;
}
.dashlistScrol.chart_scroll::-webkit-scrollbar {
    width: 5px !important;
}
.dashlistScrol.chart_scroll{overflow: auto;}
.dashboard_listUi table td, .dashlistScrol  table td{
    color: #333 !important;
    font-weight: 400 !important;
    font-family: Inter, Helvetica, "sans-serif" !important;
}
.dashboard_listUi .roletype {
    font-weight: 600;
}
.level_approve_table .tbl_dsk_scroll {
    margin: 0px 18px 20px 18px;
}
.cbsChart table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
}
.cbsChart th, .cbsChart td {
    padding: 8px 15px !important;
    white-space: nowrap;
    text-align: left;
}
.cbsChart table td {
    font-size: 12px !important;
    font-weight: 500;
    color: #7e8299;
}
.cbsChart th{
    white-space: nowrap;
    background-color: #0d865424;
    font-family: var(--font-family-primary);
    font-size: 13px !important;
    letter-spacing: 1px;
    color: var(--primary);
    font-weight: 600 !important;
    text-transform: capitalize;
}
.cbsChart tr{
    border-bottom: 1px solid #ddd;
}
.chart--container{
    flex-direction: column;
}

.card-body.new-add-edit-ui .form .col-lg-6 .form-group .col-lg-12.col-md-12.col-sm-12.note.px-0 {
    display: flex;
    align-items: baseline;
    gap: 5px;

}
.card-body.new-add-edit-ui .form .col-lg-6 .form-group .col-sm-12 .box1{
    font-size: 12px;
    color: #046307 !important;
}
.card-body.new-add-edit-ui .form .col-lg-6 .form-group .col-sm-12 .box{
padding: 0px !important;
max-width: 85%;
text-transform: none !important;
}

#table_data .dashboard_listUi tbody tr td:last-child, #table_data1 .dashboard_listUi tbody tr td:last-child, .req_table .dashboard_listUi table tbody tr td:last-child {
    padding-right: 0px !important;
}
#table_data .dashboard_listUi tbody tr td, #table_data1 .dashboard_listUi tbody tr td, .req_table .dashboard_listUi table tbody tr td {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
.dashlist_head_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #0000001f;
}
.dashlist_head_btn h4{
    padding: 0px !important;
    font-size: 15px !important;
    margin-top: 0px !important;
}
.dashlistUI .view_more_btn {
    padding: 5px 15px;
    margin: 0 !important;
    float: right !important;
    font-size: 13px;
}
.dashlistUI .topbottomspace {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 15px;
    border-bottom: 1px solid #0000001f;
    padding-bottom: 15px;
}
.dashlistUI .content-width {
    padding: 10px 5px 0px 0px !important;
}
.dashlistUI.formUI.card.card-custom.m-t-10-list > .card-body {
    padding: 1.2rem !important;
    padding-top: 0px !important;
}
.dashboard_listUi .meet_mode.online, .dashboard_listUi .meet_mode.create {
    background-color: #108484;
    border: 1px solid #108484;
}

.dashboard_listUi .meet_mode.direct, .dashboard_listUi .meet_mode.modify {
    background-color: #846a10;
    border: 1px solid #846a10;
}
.dashboard_listUi .meet_mode.not-specified {
    background-color: #846a10;
    border: 1px solid #846a10;
}

.dashboard_listUi .meet_mode {
    padding: 5px 13px;
    color: #fff;
    text-align: center;
    border-radius: 25px;
    float: right;
    font-size: 12px;
}
.dashboard_listUi .staff_img{
    overflow: hidden;
    width: 90px !important;
    height: 90px !important;
}
.dashboard_listUi .staff_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
#table_data .dashboard_listUi tbody tr td .staff-name, #table_data1 .dashboard_listUi tbody tr td .student-name {
    color: var(--blue);
    text-decoration: underline !important;
    cursor: pointer;
    text-transform: capitalize;
}
.dashboard_listUi .meet_mode.teach {
    background-color: #00ac56;;
    border: 1px solid #00ac56;;
}
.dashboard_listUi .boxing{
    display: flex;
    flex-direction: column;
    width: 90%;
}
.dashboard_listUi .ac-con{
    display: flex;
    align-items: baseline;
    gap: 30px;
}
.dashboard_listUi .meet_mode.non_teach {
    background-color: #fb8c00;
    border: 1px solid #fb8c00;
}
.dashboard_listUi .meet_detail{
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 12px !important;
}
.dashboard_listUi .meet_detail .adm-no {
    color: #008bd0;
}
.dashboard_listUi .ac-detail{
    color: #008bd0;
    font-weight: 600;
}
.dashboard_listUi .meet_detail .meet_det_head {
    color: #181c32 !important;
    font-weight: 600;
}
.dashlistUI .inner-box.inner-boxcat.nonoil-box{

    width: 100%;
    height: 130px;
    padding: 0px;
    border-radius: 6px;
    border: 1px solid #008bd0;
}
.dashlistUI .inner-box .img-boxdiv {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 100%;
    align-items: center;
    background-color: #00ac56;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.dashlistUI .inner-box .img-boxdiv .head-text{
    color: #fff;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 3px !important;
    margin-top: 4px;
}
.dashlistUI .inner-box .boxcat-div .txt-boxcat{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 100px;
}
.dashlistUI .inner-box .boxcat-div .txt-boxcat .txt-box {
    width: 33%;
    text-align: center;
    margin-top: 0px;
    padding: 0px 2px;
    font-size: 10px;
    color: #000;
}
.dashlistUI .img-box1{
        display: flex;
        align-items: center;
        justify-content: end;
}

.dashlistUI .img-box1 .arr-img{
    width: 25px;

}
.dash_chartUi .img-box1 .arr-img{
    width: 25px;
}
.dash_chartUi .img-box1.hov1:hover img,
.dash_chartUi .img-box1.hov1.active img,
.dash_chartUi .img-box1.hov1.disabled img,
.dash_chartUi .img-box1.hov2:hover img,
.dash_chartUi .img-box1.hov2.active img,
.dash_chartUi .img-box1.hov2.disabled img,
.dash_chartUi .img-box1.hov3:hover img,
.dash_chartUi .img-box1.hov3.active img,
.dash_chartUi .img-box1.hov3.disabled img,
.dash_chartUi .img-box1.hov4:hover img,
.dash_chartUi .img-box1.hov4.active img,
.dash_chartUi .img-box1.hov4.disabled img{
    opacity: 0;
}
.dash_chartUi .img-box1.hov1:hover,
.dash_chartUi .img-box1.hov1.active{
    background-image: url(../assets/home.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.dash_chartUi .img-box1.hov1.disabled{
    background-image: url(../assets/home-dis.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: unset;
}
.dash_chartUi .img-box1.hov2:hover,
.dash_chartUi .img-box1.hov2.active {
    background-image: url("../assets/act2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.dash_chartUi .img-box1.hov2.disabled {
    background-image: url("../assets/act2-dis.png");
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: unset;
}

.dash_chartUi .img-box1.hov3:hover,
.dash_chartUi .img-box1.hov3.active {
    background-image: url("../assets/act3.png");
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.dash_chartUi .img-box1.hov3.disabled {
    background-image: url("../assets/act3-dis.png");
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: unset;
}
.dash_chartUi .img-box1.hov4:hover,
.dash_chartUi .img-box1.hov4.active {
    background-image: url("../assets/act4.png");
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.dash_chartUi .img-box1.hov4.disabled {
    background-image: url("../assets/act4-dis.png");
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: unset;
}
.dash_chartUi .ar-con{
    display: flex;
    gap: 10px;
    justify-content: end;
}
.dashlistUI .img-box1:hover img{
    opacity: 0 !important;
}
.dashlistUI .img-box1:hover  {
    background-image: url("../assets/arr-hov.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    display: inline-block !important;
    float: right !important;


 }
 .dash_chartUi .img-box1:hover img{
    opacity: 0;
}
.dash_chartUi .img-box1:hover  {
    background-image: url("../assets/eye1.png");
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    float: right;
 }
.dashlistUI .img-btn{
    display: flex;
}
.dashlistUI .inner-box .boxcat-div .txt-boxcat .txt-box .ttl{
    color: #008bd0;
    font-size: 10px;
    word-break: break-word;
    margin: 10px 0px;
}
.dashlistUI .inner-box .boxcat-div .txt-boxcat .txt-box .count{
    color: #000;
    font-size: 11px;
    word-break: break-word;
    margin: 8px 0px 4px 0px;
}
.dashlistUI .inner-box .boxcat-div .txt-boxcat .txt-box:nth-child(2) {
    border-right: 1px solid #008bd0;
    border-left: 1px solid #008bd0;
}
.dashlistUI .meet_detail.wid_38 {
    width: 38% !important;
}

.form-control .year-datepicker {
    position: relative;
}
.institutionRegister .input-group-text1{
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 10px;
    z-index: 4;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    text-align: center;
    white-space: nowrap;
    border-radius: 0.42rem;
}
.staff-listUI .input-group-text1 {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 10px;
    z-index: 4;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    text-align: center;
    white-space: nowrap;
    border-radius: 0.42rem;
}
.stud-mark-popupform  .error-field{
    float:left;
}

/* .error-field + .error-field{
    display: none;
    float:left;
} */
 .expiredUI .expire{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
     padding: 0 ;
    gap: 10px;
    /* margin-top: 35px; */
}
.expiredUI .pad{
    padding: 4rem;
}
.expiredUI .p-text{
    text-align-last: center;
    color: #a1a5b7;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
.expiredUI .b-content{
    /* background-image: url(../assets/noaccess/bg3.jpg) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
    visibility: visible !important;
    font-family: Inter,Helvetica,sans-serif;
    height: 100%;
}
.expiredUI .refresh{
    width: 64px;
    height: 64px;
}

.expiredUI .font-size-h1{
    font-size: 23px !important;
    color: #181c32;
    margin-bottom: 1.25rem!important;

}
.expiredUI .rad{
    margin-top: 20px;
    border-radius: 25px;
    background-color:var(--primary) !important;
    padding: 10px 35px !important;
}
.expiredUI .ref a{
    color: #fff !important;
    font-size: 14px;

}
.expiredUI .card-body{
       padding: 2rem 2.25rem;
}
.expiredUI .card{
   border: none !important;
}
.text_wrap{
    white-space: nowrap;
}
@media (min-width: 992px){
    .expiredUI .refresh-body{
        width: 650px!important;
        margin: auto;
    }
    .expiredUI .no-wid{
        margin: auto;
    }
}
@media(max-width:767px){
    .expiredUI .font-size-h1{
        font-size: 22px !important;
    }
    .expiredUI .card-body {
        padding: 2rem 1.25rem;
        width: 300px;
        margin: auto;
    }
    .expiredUI .pad{
        padding: 0 !important;
    }
    .expiredUI .res{
        flex-direction: column;
    }
    .expiredUI .left-content{
        width: 100% !important;
        padding: 15px;
    }

}
@media(max-width:992px){
    .expiredUI .pad{
        padding: 0 !important;
    }

}
.ViewUI .w-100.no-found-rec.center {
    font-size: 15px;
    font-weight: 500;
}
.ViewUI .insti-name{
    font-size: 18px;
    border-bottom: 1px solid var(--primary);
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 10px;
    color: var(--primary);
}
.expiredUI .left-content{
    width: 50%;
}

.fs-15{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #222;
    margin: 10px 0;
}

.pl-edit-pad{
    padding: 0 5px !important;
}

.mt_27{
    margin-top: 27px !important;
}

.mt-align-sshift{
    margin-top: -15px !important;
}

.customDropDown .is-invalid {
    border: 2px solid #f1416c !important;
}
.padbtm-20{
    padding-bottom: 20px !important;
}

.multi-ui .form-group.has-danger .dropdown-toggle.btn-light.bs-placeholder,
.multi-ui#filetypediv .form-group.has-danger .dropdown-toggle.btn-light.bs-placeholder{
    border: 2px solid #f1416c !important;
    padding-right: calc(1.5em + 1.3rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F64E60' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F64E60' stroke='none'/%3e%3c/svg%3e")!important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.3rem) center !important;
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem) !important;
}
.chartUi .card.card-custom{
    min-height: 630px;
    height: 630px;
}
.dash_chartUi.dashboard_list{
    min-height: 325px !important;
    height: 325px !important;
}
.dashlistUI.card.card-custom{
    min-height: 325px;
    height: 325px;
    padding-bottom: 20px;
}
.chartUi .card.card-custom.set {
    min-height: 155px;
    height: 155px;
}
.chartUi .card.card-custom.form_appr_list{
    min-height: 500px;
    height: 500px;
}
.chartUi .box{
    width: 18%;
    background-color: #999;
    padding: 8px;
    border-radius: 0.457rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px;
}
.chartUi .inbox_1{
    background-color: #eaf0ff;
}
.chartUi .inbox_2{
    background-color: #fff3e6;

}
.chartUi .inbox_3{
    background-color: #ebf8ed;
}
.chartUi .inbox_4{
    background-color: #edebff;
}
.chartUi .inbox_5{
    background-color: #ffe5e7;
}
.chartUi .inbox_6{
    background-color: #ede0d4;
}

.chartUi .img-box img {
    width: 25px;
    /* margin-right: 15px; */
}
.chartUi .innerbox{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1px;
}
.chartUi .innerbox .text{
    color: #000;
    font-size: 13px;
    word-break: break-word;
    font-weight: 400;
    margin: 0;
}
.chartUi .innerbox .count{
    color: #000;
    font-size: 20px;
    word-break: break-word;
    margin-top: 5px;
    font-weight: 700;
    margin-bottom: 5px;
}
.chartUi .head{

    color: #181c32;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    font-family: var(--font-family-primary);
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 15px;
}
.logo_chart.card.card-custom.set {
     min-height: auto;
     height: auto;
}
.login_chart .inbox_1,
.login_chart .inbox_2,
.login_chart .inbox_4,
.login_chart .inbox_3{

    padding: 14px 8px;
}
.logo_chart.card.card-custom.m-t-10-list > .card-body {

    padding: 0px !important;
    margin-bottom: 1px !important;
}
div#student_growth_chart {
    margin-top: -80px;
    width: 230px;
    min-width: 200px;
}
.login_chart .box{
    width: 45%;
    margin: 3px;
}
.logo_chart .head-logo{
    margin: 10px 5px 4px 5px;
    font-size: 13px;
    font-weight: 600;
}
.login_chart .innerbox {
    display: flex;
    align-items: center;
     flex-direction:row;
    gap: 5px;
}
.dashb_chart_student_strength_based_chart{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dashb_chart_student_strength_based_chart .container{
    padding: 0px !important;
}
.dashb_chart_student_strength_based_chart .card-body {
    flex: 0 0 48%;
    margin-bottom: 20px;
    padding: 1rem !important;
}
div#class_based_chart {
    min-height: 165px !important;
}
.login_chart .in-1 .count {
color: #2962ff;
font-size: 18px;
}
.login_chart .in-2 .count {
color: #5f4aff;
font-size: 18px;
}
.login_chart .in-3 .count {
color: #fb8c00;
font-size: 18px;
}
.login_chart .in-4 .count {
color: #33b647;
font-size: 18px;
}
.login_chart .box {
background-color: #fff;
padding: 0px !important;
}
.four_chart .chart--container {
    min-height: 175px !important;
    border-radius: 10px;
}
div#student_growth_chart .chart--container {
    min-height: 220px !important;
}


.dash_tbl .tbl_dsk_scroll {
    margin: 15px 0px;
}
.chartUi .class_based_attendance_chart-graph-id0-scale_x-item_0 {
    transform: rotate(-90deg);
    transform-origin: 33.88px 473px;
}
.zc-menu {
    display: none !important;
}
.zc-menu-container {
    display: none !important;
}

.chartUi .form-control,
.chartUi .form-control.dropdown-toggle {

    background-color: #e5f6fe !important;
    border-color: #e5f6fe !important;
    color: #3F4254 !important;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
    /* appearance: none;
    border-radius: 0.475rem !important;
    background-color: #fff !important;
    border-color: #e4e6ef !important;
    color: #181c32 !important;
    transition: color 0.2s ease;
    border-width: 1.5px !important;
       font-size: 1.1rem !important; */
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chartUi .form-control,
.chartUi .form-control.dropdown-toggle:hover{
    border-color: #F3F6F9 !important;
}
.chartUi  .subject_chart .flex-icons.flex_end {
    justify-content: end;
}
.chartUi .card.card-custom{
    margin: 0% auto 20px;
}
/* .chartUi .chartPageRow:nth-child(odd) {
    padding-left: 0;
}
.chartUi .chartPageRow:nth-child(even) {
    padding-right: 0;
} */
.dashlistUI .list-padd {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
}
.dashlistUI .transfer_reason{
    text-transform: capitalize;
    font-size: 12px !important;
}
.dashlistUI .chart_scroll {
    overflow:auto;
    overflow-x: hidden !important;
    cursor: auto;
}
.dashlistUI .chart_scroll::-webkit-scrollbar {
    width: 5px !important;
}
.dashlistUI .chart_scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.dashlistUI .chart_scroll::-webkit-scrollbar-thumb {
    background: #B6B9C8;
    border-radius: 20px;
    height: 3px;
}
/* #div_activity_list .dash_chartUi.dashboard_list {
    min-height: 525px !important;
    height: 525px !important;
}
#div_activity_list .dashlistUI.card.card-custom {
    min-height: 525px;
    height: 525px;
} */
.level_approve_table .timeLine{
    text-align: right;
    padding: 13px 0px !important;
}
.chartUi .level_approve_table .user-weight b{font-weight: 500;}
.chartUi .level_approve_table .timeLine span{font-size: 10px;display: flex;text-wrap: balance;}
.chartUi #div_activity_list .right.meet_detail{font-size: 10px !important;}
.grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Distribute items evenly */
    width: 100%;
  }
#div_language_based_staff_chart .dash_chartUi, #div_leave_reason_based_staff_chart .dash_chartUi, #div_age_based_student_chart .dash_chartUi, #div_leave_reason_based_student_chart .dash_chartUi, #div_bursary_chart .dash_chartUi{
    min-height: 400px;height: 100%;
}
#div_language_based_staff_chart .chart--container, #div_leave_reason_based_staff_chart .chart--container, #div_age_based_student_chart .chart--container, #div_leave_reason_based_student_chart .chart--container{
    min-height: 400px;
}
#div_staff_location_based_chart .dash_chartUi, #div_student_location_based_chart .dash_chartUi{
    min-height: 400px;height: 100%;
}
#div_staff_location_based_chart .chart--container, #div_student_location_based_chart .chart--container{
    min-height: 400px;height: 100%;
}
#div_top_5_instituion_academic_exam_chart .dash_chartUi{height: 100% !important;}

.grid-item {
    width: 49%;
    max-width: 49%;
    margin-bottom: 10px;
  }
.Err1{
    margin-top: 3px;
    margin-bottom: -62px;
    color: #f1416c;
    font-size: 0.9rem !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    position: relative;
    right: -8%;
}
@media (max-width:767px){
    .chartUi .box{
        width: 100%;
        margin: 15px 0px;
    }
    .col-sm-6.col-md-6.col-xs-12.chartPageRow {
        padding: 0px !important;
    }
    .chartUi .card.card-custom.set {
        height: auto;
    }
    .chartUi .card.card-custom.form_appr_list{
        height: auto;
    }
    .dashlistUI.card.card-custom{
        min-height: auto;
        height: auto;
    }
    .chartUi .card.card-custom h4{
        font-size: 12px !important;
    }
    .chartUi .card.card-custom .topbottomspace {
        margin-bottom: 0px;
        margin-top: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .dashlistUI .topbottomspace{
        margin-bottom: 0px !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 10px !important;
    }
    .chartUi .card-body {
        padding: 0px 2rem 1rem 1rem !important;
    }
    .chartUi .head {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .chartUi .card.card-custom{
        min-height: auto !important;
        height: auto !important;
    }
    .chartUi #table_data .dashboard_listUi tbody tr td:last-child p.no-found-rec.center {
        text-align: center;
    }
    .chartUi .top_drop_2 {
        padding: 0 10px 0 0 !important;
    }
    .chartUi .top_drop_1 {
        padding: 0 10px !important;
    }
    .chartUi #table_data tbody tr td, .chartUi .req_table table tbody tr td {
        font-size: 12px;
    }
    .chartUi .form_appr_list #table_data tbody tr td {
        font-size: 12px;
        white-space: nowrap;
    }
    .chartUi .card.card-custom .topbottomspace .chart_head {
        padding: 0px 10px !important;
    }
    .chartUi .card.card-custom .topbottomspace .chart_btn{
        padding: 0px 10px !important;
    }
    .chartUi .card.card-custom .topbottomspace .chart_btn .flex-icons {
        gap: 5px;
    }
    .chartUi .card.card-custom .topbottomspace .chart_btn .flex-icons a {
        padding: 3px !important;
    }
    .chartUi .card.card-custom .topbottomspace .chart_btn .flex-icons a svg{
        width: 14px;
        height: 14px;
    }
    .zc-menu {
        display: none !important;
    }
    .zc-menu-container {
        display: none !important;
    }
    .dashlistUI .meet_detail.wid_38 {
        width: 32% !important;
    }
    .chartUi .head.content-width {
        font-size: 14px !important;
        margin-bottom: 0px;
    }
    .chartUi .tbl_dsk_scroll {
        margin: 10px 10px 15px 10px;
    }
    .dashboard_listUi .meet_detail{
        font-size: 10px !important;
    }
    .content-width {
        font-size: 12px !important;
    }
    .dashlistUI .view_more_btn {
        margin: 0px 0px !important;
        font-size: 10px;
    }
    .dashlistUI .topbottomspace {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .dashboard_listUi .staff_img{
        width: 70px !important;
        height: 70px !important;
    }
    .dashboard_listUi .meet_mode {
        font-size: 10px;
    }
    .chartUi .form-control,
    .chartUi .form-control.dropdown-toggle {
        margin: 0px;
        font-size: 12px !important;
    }
    .chartUi .col-sm-7, .chartUi .col-sm-5{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .dashlistUI .transfer_reason {
        font-size: 10px !important;
    }
    .Err1{
        right: 0%;
    }
}
@media (max-width: 1200px) and (min-width: 768px){
    .chartUi .box{
        width: 45%;
        margin: 6px;
    }
    .chartUi .card.card-custom.set {
        height: auto;
    }
    .chartUi .card.card-custom.form_appr_list{
        height: auto;
    }
    .chartUi .card.card-custom {
        height: auto;
    }
    .chartUi #table_data .dashboard_listUi tbody tr td:last-child p.no-found-rec.center {
        text-align: center;
    }
    .chartUi .top_drop_2 {
        padding: 0 10px 0 0 !important;
    }
    .chartUi .top_drop_1 {
        padding: 0 10px !important;
    }
    .Err1{
        right: -5%;
    }
    .login_chart .sub_head_login {
        font-size: 6px !important;
    }
}

.chartUi #cpd_based_chart-svg, .chartUi #academic_exam_chart-svg, .chartUi #top_5_academic_exam_chart-svg{
    height: 480px !important;
}
.chartUi .loc_filter_div{
    position: absolute;
    right: 0;
    width: 230px;
    background: #fff;
    z-index: 90;
    padding: 1rem;
    box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%);
    top: 60px;
    border-radius: 0.475rem;
    max-height: 400px;
    overflow: auto;
}

.loader-chart_age_based_chart, .loader-chart_country_based_studetn_staff_chart, .loader-chart_cpd_based_chart, .loader-chart_department_based_staff_chart,
.loader-chart_designation_based_staff_chart, .loader-chart_drop_based_staff_chart, .loader-chart_drop_based_student_chart, .loader-chart_language_based_staff_table,
.loader-chart_leave_based_staff_chart, .loader-chart_leave_based_student_chart, .loader-chart_scheme_of_work_chart, .loader-chart_student_strength_based_chart,
.loader-chart_subject_based_staff_chart, .loader-chart_top_5_academic_exam_chart, .loader-chart_student_location_based_chart, .loader-chart_staff_location_based_chart
{
    opacity: 0.6;
}
.chart_filloader{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    z-index: 1000;
}
.chart_filloader .loadContainer {
    --loaderSize: 50px;
}

.chart_filloader .loadCircleInner{
	--border-thickness: 5px;
  --loader-base-color: 187,0,255;
}

.chart_filloader .loadContainer {
    --loaderSize: 60px;
    --loaderOpacity: 1;
}

.chart_filloader .loadCircleInner {
    --border-thickness: 6px;
    --loader-base-color: 150, 75, 0;
}

.chart_filloader .loadContainer {
    position: relative;
    width: var(--loaderSize);
    height: var(--loaderSize);
    opacity: var(--loaderOpacity);
}


.chart_filloader .loadInner{
	width: 82.5%;
	height: 85%;
	border-radius: 100%;
	position: absolute;
	top: 7.5%;
	left: 7.25%;
}

.chart_filloader .loadCircle{
	width: 100%;
	height: 100%;
	position: absolute;
}

.chart_filloader .loadCircle > .loadCircleInner {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: var(--border-thickness) solid rgba(var(--loader-base-color), 0.7);
    border-right: none;
    border-top: none;
    background-clip: padding;
    box-shadow: inset 0px 0px 10px rgba(var(--loader-base-color), 0.15);
}
.chart_filloader .loadCircle:nth-of-type(0){
	transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
}
.chart_filloader .loadCircle:nth-of-type(0) .chart_filloader .loadCircleInner{
	animation: loaderSpin 2.3s infinite linear;
		-o-animation: loaderSpin 2.3s infinite linear;
		-ms-animation: loaderSpin 2.3s infinite linear;
		-webkit-animation: loaderSpin 2.3s infinite linear;
		-moz-animation: loaderSpin 2.3s infinite linear;
}
.chart_filloader .loadCircle:nth-of-type(1){
	transform: rotate(70deg);
		-o-transform: rotate(70deg);
		-ms-transform: rotate(70deg);
		-webkit-transform: rotate(70deg);
		-moz-transform: rotate(70deg);
}
.chart_filloader .loadCircle:nth-of-type(1) .chart_filloader .loadCircleInner{
	animation: loaderSpin 2.3s infinite linear;
		-o-animation: loaderSpin 2.3s infinite linear;
		-ms-animation: loaderSpin 2.3s infinite linear;
		-webkit-animation: loaderSpin 2.3s infinite linear;
		-moz-animation: loaderSpin 2.3s infinite linear;
}
.chart_filloader .loadCircle:nth-of-type(2){
	transform: rotate(140deg);
		-o-transform: rotate(140deg);
		-ms-transform: rotate(140deg);
		-webkit-transform: rotate(140deg);
		-moz-transform: rotate(140deg);
}
.chart_filloader .loadCircle:nth-of-type(2) .chart_filloader .loadCircleInner{
	animation: loaderSpin 2.3s infinite linear;
		-o-animation: loaderSpin 2.3s infinite linear;
		-ms-animation: loaderSpin 2.3s infinite linear;
		-webkit-animation: loaderSpin 2.3s infinite linear;
		-moz-animation: loaderSpin 2.3s infinite linear;
}
.chart_filloader .loadInner{
	animation: loaderSpin 5.75s infinite linear;
		-o-animation: loaderSpin 5.75s infinite linear;
		-ms-animation: loaderSpin 5.75s infinite linear;
		-webkit-animation: loaderSpin 5.75s infinite linear;
		-moz-animation: loaderSpin 5.75s infinite linear;
}
@keyframes loaderSpin{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
@-o-keyframes loaderSpin{
	from{
		-o-transform: rotate(0deg);
	}
	to{
		-o-transform: rotate(360deg);
	}
}
@-ms-keyframes loaderSpin{
	from{
		-ms-transform: rotate(0deg);
	}
	to{
		-ms-transform: rotate(360deg);
	}
}
@-webkit-keyframes loaderSpin{
	from{
		-webkit-transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes loaderSpin{
	from{
		-moz-transform: rotate(0deg);
	}
	to{
		-moz-transform: rotate(360deg);
	}
}
.institutionRegister .gps{
    margin-top: -6.3rem;
}
@media(max-width:768px){
    .institutionRegister .gps{
        margin-top: 0rem;
    }

}
.tool_text {
    position: relative;
}

.tooltip1::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: var(--primary);
}
.tooltip1 {
    visibility: hidden;
    width: fit-content;
    white-space: nowrap;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px !important;
    position: absolute;
    z-index: 999;
    bottom: 81%;
    left: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    transform: translateX(-50%);
    border-color: var(--primary);
    background-color: var(--primary);
}
.tool_text:hover .tooltip1 {
    visibility: visible;
    opacity: 1;
}
#table_data .count thead tr th {
    white-space:pre-wrap !important;
}
#table_data  .count .staff-sum thead tr th {
    white-space: nowrap !important;
}
.rpt_pd_icon{
    width: 18px !important;
    height: 18px !important;
}
.tbl_pd_btn{
    border-top-right-radius: 0px !important;
    right: 0;
    position: sticky;
    background: #ddeee7 !important;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-top: 2px !important;
}
.tbl_btn{
    border-top-right-radius: 0px !important;
    right: 0;
    position: sticky;
    /* background: #ddeee7 !important; */
    display: flex;
     justify-content: end;
    gap: 10px;
    padding-top: 6px !important;
}
.academic_tbl .btn-tbl-print{
    gap: 10px;
    display: flex;
    justify-content: end;
    margin-top: 15px;
}
.tbl-bac table tr td.removeRgtPad

{
     background:none !important;
}
.tbl-bac {
    background:none !important;
}
.white{
    background: #fff !important;
}
.academic_tbl tr th{
    vertical-align: initial;
}
#table_data table .region_id thead.academic_tbl tr.first-row th:first-child{
    border-bottom-left-radius: 10px;
}
#table_data table .region_id thead.academic_tbl tr.first-row th:last-child{
     border-bottom-right-radius: 10px;
}
.data_tabUI #table_data thead tr th:first-child{
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.data_tabUI #table_data thead tr th:last-child{
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #80808040;
}
.data_tabUI #table_data thead tr th, .data_tabUI #table_data tbody tr td{
    padding: 10px 8px;
}
.data_tabUI.applicantprof h5 {
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
    font-size: 15px;
}
.data_tabUI.applicantprof .accordion .accordion-button{
    text-transform: capitalize;
}
.tbl_dsk_scroll table .academic_tbl tr th.lastActionCol {
    position: sticky;
    right: 0;
}
#table_data .exam-table thead tr th::nth-child(9)
{
    width:200px !important;
}
#table_data .exam-table thead tr th::nth-child(10)
{
    width:200px !important;
}
#table_data .past-table thead tr th::nth-child(6)
{
    width:200px !important;
}
#table_data .past-table thead tr th::nth-child(7)
{
    width:200px !important;
}

.dropout-table th:last-child {
    width:150px !important;
}

.dropout-table th:nth-child(1){
    width: 65px !important;
}
.dropout-table th:nth-child(2)
{
    width: 170px !important;
}
.dropout-table th:nth-child(3){
    width:200px !important;
}
.dropout-table th:nth-child(4),
.dropout-table th:nth-child(5),
.dropout-table th:nth-child(6){
    width: 100px !important;
}
.pub th:nth-child(3){
    width:180px !important;
}
#table_data .staff-critical thead tr th::nth-child(2)
{
    width:200px !important;
}
#table_data .staff-critical thead tr th:nth-child(3){
    width:150px !important;
}
#table_data .staff-critical thead tr th:first-child {
    width: 90px !important;
}
.formUI.boxPad.card.card-custom.m-t-10-list > .card-body {
    padding: 0.9rem !important;
}
#table_data .staff_tab thead tr th::nth-child(4)
{
    width:200px !important;
}
#table_data .staff_tab thead tr th::nth-child(2)
{
    width:200px !important;
}
#table_data .staff_tab thead tr th:nth-child(6){
    width:200px !important;
}
#table_data .past_tab thead tr th::nth-child(4)
{
    width:200px !important;
}
#table_data .past_tab thead tr th::nth-child(5)
{
    width:200px !important;
}
.boxPad .img-box{

    border-radius: 60%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inbox_1 .img-box{
    background-color: #2962ff;
}
.inbox_2 .img-box{
    background-color: #fb8c00;
}
.inbox_3 .img-box{
    background-color: #33b647;
}
.inbox_4 .img-box{
    background-color: #5f4aff;
}
.inbox_5 .img-box{
    background-color: #ee001a;
}
.inbox_6 .img-box {
    background-color: #7f5539;
}
.login_chart .box_1 {background-color: #e9fff3;border-radius: 4px;padding: 3px;}
.login_chart .box_2 {background-color: #f8f5ff;border-radius: 4px;padding: 3px;}
.login_chart .box_3 {background-color: #f1faff;border-radius: 4px;padding: 3px;}
.login_chart .box_4 {background-color: #fff5f8;border-radius: 4px;padding: 3px;}

.login_chart .in-1 .count{color: #42ca81;font-size: 11px;font-weight: 700;margin: 0;}
.login_chart .in-2 .count{color: #976bef;font-size: 11px;font-weight: 700;margin: 0;}
.login_chart .in-3 .count{color: #37b1f7;font-size: 11px;font-weight: 700;margin: 0;}
.login_chart .in-4 .count{color: #f14c77;font-size: 11px;font-weight: 700;margin: 0;}

.login_chart .innerbox .text{
    color: #000;
    font-size: 7px;
    word-break: break-word;
    font-weight: 800;
    margin: 0;
    display: block;
}
.login_chart .container {
    width: 85% !important;
    margin: 15px auto 5px auto;
}
.login_chart .head-logo {
    margin: 5px 5px 0px 5px;
    font-size: 10px;
    font-weight: 700;
}
.login_chart .sub_head_login {
    color: #cdcdd6;
    font-weight: 600;
    font-size: 6.5px;
    margin: 0px 5px 5px 5px;
}
.login_chart .img_sec img{width: 22px;}
.login_chart #staff_strength_chart {max-width: 45%;flex: 0 0 45%;padding-top: 20px !important;}
.login_chart #student_strength_chart {max-width: 45%;flex: 0 0 45%;margin-left: 22px;margin-top: -10px;padding-right: 10px !important;}
.login_chart #emis_strength_chart {padding-right: 12px !important;}
.login_chart .login_list{display: flex;align-items: center;justify-content: center;}
.table-wrapper {
    overflow-x: auto;
    position: relative;
    border: 1px solid #ddd;
}

.sports-activityTable {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.sports-activityTable thead {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 2;
}
.reserch-table.sports-activityTable th,
.reserch-table.sports-activityTable td {
    border: none !important;
    padding: 0.5rem;
    text-align: left !important;
}

.sports-activityTable th, .sports-activityTable td {
    border: 1px solid #ddd;
    padding: 0.5rem;
    text-align: center;
}

.sticky-col {
    position: sticky !important;
    background-color: #fff;
    z-index: 3;
}

.first-col {
    left: 0;
    z-index: 4;

}


.sports-activityTable th, .sports-activityTable td {
    min-width: 120px;
}

.first-col {
    width: 300px;

}
#table_data1 .sports-activityTable table thead tr th.first-col {
border-top-left-radius: 0px !important;
}
#table_data1 .sports-activityTable table thead tr th.last-col {
    border-top-right-radius: 0px !important;
    }
    .last-col-total {
        right: 120px !important;
        z-index: 4;
        width: 120px !important;
        min-width: 120px !important;

    }

    .last-col-pass {
        right: 0;
        z-index: 4;
        width: 120px !important;
        min-width: 120px !important;

    }
    .subject-col {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .second-col {
        left: 120px;
        width: 120px;
        z-index: 4 !important;
    }

    .third-col {
        left: 240px;
        width: 120px;
        z-index: 4 !important;
    }
    .attach-dis{
        width:100%;
    }
    @media (max-width: 768px) {
        .in-sub {
            flex-direction: column;
        }
        .login_chart .login_list .box {
            /* width: 49%; */
            margin: 5px 0px;
            padding-left: 0px !important;
        }
        .tbl_dsk_scroll table .academic_tbl tr th.lastActionCol {
            position: static;
            right: 0;
        }
        .d-flex.studView.center-acadamic {
            flex-direction: column;
        }
        .tbl_acadamic {
            overflow-x: auto;
        }
        .login_chart .logo_chart.card.card-custom.set {
            margin-top: 0px !important;
            margin-bottom: 10px !important;
        }
        .login_chart #emis_strength_chart,
        .login_chart #student_growth_chart {
            max-width: 50%;
            flex: 0 0 50%;
            padding-top: 0px !important;
        }
        .login_chart #staff_strength_chart,
        .login_chart #student_strength_chart
        {
            max-width: 45%;
            flex: 0 0 45%;
            padding-top: 0px !important;
        }
        .login_chart .container {
            width: 98% !important;
            margin: 15px auto 5px auto;
        }
        /* .login_chart #student_strength_chart {
            margin-left: 24px !important;
            margin-top: 0px;
            padding-right: 10px !important;
        } */
        .login_chart #student_growth_chart {
            margin-top: -20%;
            width: auto;
            min-width: auto;
        }
        div#class_based_chart {
            min-height: 130px !important;
        }
        @supports ((position: -webkit-sticky) or (position: sticky)) {
            .sports-activityTable .sticky-top {
              position: -webkit-static !important;
              position: static !important;
              top: 0;
              z-index: 1020 !important;
            }
          }
          .sports-activityTable .sticky-col {
            position: static !important;
            background-color: #fff;
            z-index: 3;
        }
        .sports-activityTable {
            width: 100%;
            display: block;
            overflow-x: auto;
        }

        .sports-activityTable th,
        .sports-activityTable td {
            white-space: nowrap;
            position: static; /* Ensure no sticky columns */
        }
    }

    #popupModal.modal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
        padding-top: 60px;
    }

    #popupContent
     {
        background-color: #fefefe;
        margin: 5% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        max-width: 600px;
        position: relative;
    }

    #closePopup {
        color: #aaa;
        font-size: 28px;
        font-weight: bold;
        position: absolute;
        right: -15px !important;
        top: -18px !important;
        cursor: pointer;
    }

    #closePopup:hover,
    #closePopup:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
    #div_exam_type_trend_analyse_chart .card-custom {
        height: 740px !important; /* Set the height you want */
        min-height: 740px !important;
    }
     .in-sub {
        display: flex;
        justify-content: end;
    }

     .mark-row{
        display: flex;
        flex-direction: column;
     }