.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;
}


.inten-result #table_data tbody tr td {
    border-bottom: 1px solid #e6e6e6;
    padding: 13px 16px 13px;
    font-size: 15px;
    color: #727272;
    font-weight: 500;
}
.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(--primary) !important;
}
.admin-foot .text-muted {
    color: #a1a5b7 !important;  
}
.admin-foot .text-dark-75 {
    letter-spacing: 0.5px;
}
.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 5px;
    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 #eff2f5;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 5px;
    padding-right: 5px;
    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{
    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(--secondary) !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;
}
@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;
    }
}
@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;
}
.files-container {
    grid-template-columns: repeat(auto-fill, 48%) !important;
}
.inner-viewui .view-group.col-md-6 {
    padding: 0 !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;
}

.req-qualif{
    
    
   
    
}

.req-qualif-text{
   

}

#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;
}



#padd{
    padding-left:14px;
}


.get_job_add{
    
}
#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;
    }
    .mapui {margin: 0 !important;}

    .mapui .filter_text {
        font-size: 14px !important;
        margin-top: 0px !important;
    }
    .mapui .padd_fix{
        padding: 1rem !important;
    }
}

.mapui .border-fix{
    border: 1px solid #e4e6ef;
    border-radius: 0.42rem;
}
.mapui .filter_text {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #e4e6ef;
    font-size: 15px;
    color: #222;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0.3px;
    font-family: 'Work Sans';
}
.mapui .filter_text .btn-filter::after, .mapui .filter_text .btn-filter:hover::after {
    background: none !important;
}
.mapui .padd_fix{
    padding: 1rem !important;
}
.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-left: 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: 100;
    display: none;
}

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

.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(--secondary) !important;
}

.swal2-modal .btn.btn-primary:hover {
    background-color: var(--secondary) !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);
}

@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-content .modal-body{
        padding: 30px 20px !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;
}

.time-header .time-title h3{
    color: #181c32;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--primary);
    padding-bottom: 15px;
}

.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: -15px;
    font-size: 25px;
    background: #fff;
    padding: 5px 9px;
    border-radius: 100%;
    box-shadow: 0px 0px 3px 1px #ccc;
}

.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;
}

.interval-name .interval-textp{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    color: #3f4253;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.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;
}

.periodtable-editui .fv-plugins-message-container{
    bottom: 0px;
}

.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-bg) !important;
    color: var(--kt-input-solid-color) !important;
    transition: color 0.2s ease;
}

.calenderUI .calendar-modal .color-picker {
    padding: 10px 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{
    letter-spacing: 0.5px;
}

.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);
}

#table_data tbody tr td .staff-name{
    color: var(--blue);
}

#table_data 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;
}

.form-add-data #table_data .form-checkbox {
    position: relative;
    width: 1.75rem !important;
    height: 1.75rem !important;
}

.form-add-data #table_data .form-checkbox .checkbox-input:checked {
    background: var(--primary) !important;
}

.form-add-data #table_data .form-checkbox .checkbox-input[type=checkbox] {
    background-size: 70% 70% !important;
}

.form-add-data #table_data .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;
}

.form-add-data #table_data .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;
}

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

#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);
    }
}

@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;
    }
}

@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: 22%;
        flex: 0 0 22%;
        max-width: 22%;
        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;
    }
}

@media(min-width: 481px) and (max-width: 768px){
    .viewTimeRow .col-md-3{
        padding-left: 15px !important;
    }
}

@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;
    }
}

.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;
}

.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: 20px;
}

.popmodal-header .popmodal-title h3 {
    color: #181c32;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--primary);
    padding-bottom: 15px;
}

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

.topcontent .form-control.blackSelected{
    color: #a1a5b7 !important;
    font-weight: 400 !important;
}

body .form-control.blackSelected{
    color: #a1a5b7 !important;
    font-weight: 400 !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 {
    bottom: 0px;
}

#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: #a1a5b7 !important;
    font-weight: 400;
}

.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;
}
.pagnationUi {
    position: absolute;
    right: 0;
    margin: 25px 0;
}
.limitUi {margin: 20px 0 !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%;
}

.event-userbtns .event-fbutton{
    padding: 6px 12px;
    width: 100%;
    color: #ffffff !important;
    background-color: var(--blue);
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
}

.event-userbtnsdiv{
    display: flex;
    gap: 10px 10px;
    flex-wrap: wrap;
    grid-gap: 10px 10px;
    margin-bottom: 15px;
}

.event-userbtns{
   min-width: 150px; 
}
.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;
}

.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: 1rem 1.75rem;
}

.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;
}

.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: #495057;
    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{
    background: #ddd;
    padding: 10px 15px;
    border-radius: 30px;
    position: relative;
    display: flex;
    align-items: center;
    font-family: 'Inter', sans-serif;
}

.fileitems-name .fileitem-name{
    flex: 1;
    padding-right: 10px;
    font-size: 13px;
} */
.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{
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
    position: relative;
    padding: 0px !important;
}

.delete-file .x-mark{color: #242424;}
.files-container{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px 15px;
    margin-top: 10px;
    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 .club-eye:hover .fa-eye{
    color: #fff !important;
}

#userDiv ul.inst-list li {
    padding: 5px 15px;
    font-family: var(--font-family-primary);
    font-size: 14px;
}

#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.75rem 1rem;
    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 strong a{
    display: block;
}

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

.cardHeadUI.card-header .card-toolbar .btn.back-btn{
    display: flex;
    align-items: center;
    line-height: 18px;
    font-family: 'Open Sans', sans-serif !important;
}

@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 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;
    }
    .pagnationUi {
        display: flex;
        align-items: end;
        justify-content: end;
        margin: 0;
        width: 30%;
        float: right;
        position: relative;
        top: 10px;
        margin-top: 20px
    }
    .pagnationUi .page-item:first-child {display: block !important;}
    .pagnationUi .page-item:first-child a {font-size: 18px;padding: 2px 12px !important;margin-right: 4px;margin-bottom: 12px;border-radius: 0.42rem !important;border: 1px solid #ddd !important;}
    .pagnationUi .page-item:first-child span {font-size: 20px;margin-bottom: 0px;margin-top: 3px;}
    .pagnationUi .page-item:last-child {display: block !important;}
    .pagnationUi .page-item:last-child .page-link {font-size: 18px;padding: 2px 12px !important;margin-left: 4px;border-radius: 0.42rem !important;border: 1px solid #ddd !important;}
    .pagnationUi .page-item:last-child span {font-size: 18px;margin-bottom: 0px;margin-top: 8px;}
    .pagnationUi .page-item.active {display: block !important;}
    .pagnationUi .page-item {display: none !important;}
    .pagnationUi .page-item.active .page-link {font-size:1.1rem;}
    .img_head {
        /* width: 75px; */
        height: 20px;
    }
    header .headUi ul li .top-img-icon:before {
        right: -40px;
    }
    header .headUi ul li a.regis:before {
        right: 17px;
    }
}

@media(max-width:540px){
    header .headUi ul li .top-img-icon:before {
        right: -50px;
    }
    header .headUi ul li a.regis:before {
        right: 25px;
    }
}
@media(max-width:430px){
    header .headUi ul li .top-img-icon:before {
        right: -40px;
    }
    header .headUi ul li a.regis:before {
        right: 17px;
    }
}
@media(max-width:320px){
    header .headUi ul li .top-img-icon:before {
        right: -25px;
    }
    header .headUi ul li a.regis:before {
        right: 5px;
    }
    header .headUi ul li:last-child {
        gap: 5px;
    }
}
@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;
    }
    .mymodel-popup .modal-dialogbox{
        max-width: 100%;
        width: 98%;
        height: 100vh;
        margin: 1.75rem auto;
        display: flex;
    }
    .mymodel-popup .modal-content {
        height: auto;
        max-height: calc( 100% - 40px );
        overflow: hidden;
    }
    .mymodel-popup .modal-content .circularmodal-body {
        height: auto;
        max-height: calc( 100vh - 100px );
        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);
    }
    .modal.calendar-modal .modal-dialog-centered{
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        height: 100%;
    }
    .calenderUI .modal.calendar-modal .modal-body{
        padding-left: 4.25rem !important;
        padding-right: 4.25rem !important;
    }
}

@media (max-width: 767px){
    .mob-p2{
        padding: 0.5rem !important;
    }
    .card-toolbar .btn {
        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;
    }
   
    .publicationUI .tab-headers li {
        padding: 10px 10px !important;
        margin-bottom: 5px;
        text-align: center!important;
    }

}
@media (max-width: 768px) {
    .d-flex.flex-column.flex-lg-row.flex-column-fluid.downloadUI {
        width: 100% !important;
      
    } 

    .publicationUI ul.tab-headers {
        overflow:auto;
        overflow-y: hidden !important;
        cursor: auto;
    }

    .publicationUI ul.tab-headers::-webkit-scrollbar {
        background: white;
        border-radius: 20px;
        height: 5px;
    }
   
    .publicationUI ul.tab-headers::-webkit-scrollbar-thumb {
        background: #B6B9C8;
        border-radius: 20px;
        height: 3px;
    }
   
    .publicationUI ul.tab-headers::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .publicationUI ul.tab-headers::-webkit-scrollbar {
        width: 10px !important;
    }
}




@media (max-width: 480px) {
     .d-flex.flex-column.flex-lg-row.flex-column-fluid.downloadUI {
        width: 100% !important;
      
    } 

    .publicationUI ul.tab-headers {
        overflow:auto;
        overflow-y: hidden !important;
        cursor: auto;
    }

    .publicationUI ul.tab-headers::-webkit-scrollbar {
        background: white;
        border-radius: 20px;
        height: 5px;
    }
   
    .publicationUI ul.tab-headers::-webkit-scrollbar-thumb {
        background: #B6B9C8;
        border-radius: 20px;
        height: 3px;
    }
   
    .publicationUI ul.tab-headers::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .publicationUI ul.tab-headers::-webkit-scrollbar {
        width: 10px !important;
    }
}


    .event-userbtnsdiv .event-userbtns{
        min-width: 48%;
    }
    .event-userbtnsdiv{
        gap: 10px 5px !important;
        grid-gap: 10px 5px !important;
    }
    .event-userbtnsdiv{
        justify-content: space-between;
    }
    .files-container .fileitems-name{
        padding: 5px 10px !important;
        border-radius: 20px;
    }
    .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 33px 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 5px !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;
    }
    
.GalleryViewUI .tag .left {
    width: 100%;
    /* justify-content: center; */
}


@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;
    }
    .event-userbtnsdiv .event-userbtns{
        min-width: 31.5%;
    }
}

@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;
        gap: 0;
    }
    .ViewUI .view-sub-val{
        padding-left: 0px !important;
        width: 100% !important;
    }
 .ViewUI .view-sub-head{
        width: 100% !important;
    }
}


.institutionRegister .form-control{
    border-radius: 0.475rem !important;
    background-color: #fff !important;
    border-color: #E4E6EF !important; 
}
.institutionRegister .form-control:focus{
    background-color: #fff !important;
    border-color: var(--primary) !important;
}
.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: #97103d;
    background-color: #f3b0c6;
    padding: 0.75rem 1rem;
    border-radius: 0.425rem;
    font-weight: 600;
    font-size: 0.85rem;
}

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;
}

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

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

.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;
}

.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: 991px){
    .new-add-edit-ui .row > .col-sm-12.col-lg-6{
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }
}

@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%;
    }
}
.files-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, 15%);
    justify-content: space-between;
    grid-column-gap: 1%;
    grid-row-gap: 15px;
    margin-top: 8px;
    margin-bottom: 10px;
}
.fileitems-name {
    background: #fff;
}
.fileitems-name {
    position: relative;
    width: 100%;
    font-family: 'Inter', sans-serif;
    text-align: center;
}
.fileitems-name a span {
    display: block;
    margin-bottom: 2px;
}
.fileitems-name .fileitem-img {
    border: 1px solid #e4e6ef;
    border-radius: 5px;
    padding: 15px 10px;
}
.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: Work sans;
}
.fileitems-name a span:last-child {
    margin-bottom: 0px;
}
.fileitems-name .fileitem-date {
    color: var(--blue);
    font-weight: 600;
    font-size: 13px;
}

.downpg_img.fileitems-name{
    border: 1px solid #e4e6ef;
    border-radius: 5px;
    padding: 15px 10px;
}
.downpg_img .fileitem-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 2s ease-in-out;
}
.downpg_img.fileitems-name .fileitem-img {
    border: none;
    border-radius: 0;
    padding: 0;
    width: 100%;
}
  
.downpg_img .fileitem-img:hover img {
    transition: all 0.3s ease 0s;
    transform: scale(1.1);
}

.downpg_img.fileitems-name a{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.downpg_img .fileitem-name {margin-top: 15px;}

.inner-viewui .view-group .view-sub-val label {
    padding: 0;
    font-size: 16px;
    margin: 0 !important;
    color: var(--primary) !important;
}
#staffProfilePopup #jobApplicantProfile, #studentProfilePopup #jobApplicantProfile {
    display: flex !important;
    align-items: center;
    padding: 25px 5px;
}
.black_overlay {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 99999;
    -moz-opacity: 0.8;
    opacity: .80;
    display: none;
}
#jobApplicantProfile, #applicantProfileDetails {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    overflow-y: auto;
}
#jobApplicantProfile, #applicantProfileDetails, #staffProfilePopup {
    display: none;
}
#staffProfilePopup #jobApplicantProfile .applicantprof, #studentProfilePopup #applicantProfileDetails .applicantprof, #studentProfilePopup #jobApplicantProfile .applicantprof, #staffProfilePopup #applicantProfileDetails .applicantprof {
    margin: auto;
}
@media (min-width: 1200px)
{
    #jobApplicantProfile .applicantprof {
        width: 40% !important;
    }
}
#jobApplicantProfile .tabViewUI {
    border-radius: 6px;
}
#jobApplicantProfile .applicantprof, #applicantProfileDetails .applicantprof {
    position: relative;
    background: white;
    width: 98%;
    margin: 1.75rem auto;
    padding: 1.35rem 1.75rem 1.75rem;
}
#jobApplicantProfile .tabs .closeTabPopup, .applicantprof .closeTabPopup, .poolpoup_close {
    position: absolute;
    right: -10px;
    opacity: 1;
    z-index: 9;
    top: -15px;
    font-size: 24px;
    background: #fff;
    padding: 0px !important;
    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;
    color: #000;
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}
.applicantprof .accordion .accordion-item-header {
    border-bottom: none;
}
.applicantprof .accordion .accordion-header {
    margin: 0;
    width: 50%;
    border-radius: 5px;
}
.applicantprof .accordion .accordion-button.collapsed {
    background-color: #fff;
    color: #002147;
    border: 2px solid #002147;
}
.applicantprof .accordion .accordion-button {
    width: 100%;
    display: inline-block;
    padding: 12px 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600 !important;
    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(--white);
    border: 1px solid transparent;
    position: relative;
    text-align: center;
    font-family: 'Work Sans' !important;
    letter-spacing: .5px;
}
.accordion-item.accordion-item-header {
    display: flex;
}

.publicationUI .tab-headers {
    list-style: none;
    display: flex;
    gap: 8px;
    /* background: var(--primary-shadow); */
    color: var(--primary);
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    margin-bottom: 2rem;
}

.publicationUI .tab-headers li.collapsed:before {
    position: absolute;
    content: '';
    height: 4px;
    background: var(--secondary);
    width: 100%;
    top: 0;
    transition: height 0.4s;
    z-index: 0;
    left: 0;
}
.publicationUI .tab-headers .tab-head:not(.collapsed) {
    background: var(--primary);
    color: var(--white);
    padding: 15px 20px;
}

.publicationUI .tab-headers .tab-head.collapsed:hover {
    color: #fff !important;
}

.publicationUI .tab-headers .tab-head.collapsed:hover::before {
    height: 100%;
}

.publicationUI .tab-headers .tab-head.collapsed span {
    z-index: 5;
    position: relative;
}

.publicationUI .tab-headers li {
    padding: 15px 35px;
    cursor: pointer;
    position: relative;
    text-align: center;
    min-width: 150px;
}
.publicationUI .no-data{
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Work Sans';
}
.publicationUI .tab-headers li span {
    font-family: 'Work Sans';
    font-size: 15px;
    text-transform: capitalize;
}

.publicationUI .tab-content {
   display: none;
}
.publicationUI .down_ui {
    box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
    border-radius: 0.625rem;   
}

.publicationUI .showContents {
    position: relative;
    overflow: hidden;
}
.publicationUI .tab-content.show {
    animation: zoom-in-zoom-out 1s ease-out;
}

@keyframes zoom-in-zoom-out {
    0% {
      transform: scale(0.8, 0.8);
      opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

.downloadCertificate .applicantprof .accordion .accordion-header {
    margin: 0;
    width: 100%;
    border: none;
    border-radius: 0px;
    border-bottom: none;
}
.downloadCertificate .applicantprof .accordion .accordion-button.collapsed {
    background-color: var(--primary-shadow);
    color: var(--primary);
    text-align: left;
}
.downloadCertificate .applicantprof .accordion .accordion-button.collapsed svg {
    fill: var(--primary);
}
.downloadCertificate .applicantprof .accordion .accordion-button:not(.collapsed) svg {
    fill: var(--white);
}
.downloadCertificate .applicantprof .accordion .accordion-button:not(.collapsed) {
    border-bottom: 2px solid var(--primary);
    background: var(--white);
    color: var(--primary);
}
.downloadCertificate .applicantprof .accordion .accordion-button {
    text-align: left;
}
.downloadCertificate .applicantprof .accordion .accordion-button .svg-icon {
    padding-right: 10px;
}
.downloadCertificate .formUI.card.card-custom.m-t-10-list> .card-body {
    padding: 2rem !important;
}
.downloadCertificate .applicantprof .left-img {
    display: flex;
}
.downloadCertificate .staff-listUI .staff-img-sec,.downloadCertificate .tab-content .staff-img-sec {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    border: 1px solid #eef3f7;
    border-radius: 50%;
    flex-shrink: 0;
    margin: auto 0;
}
.downloadCertificate .top-pic-sec .left-img .text-div,.downloadCertificate .applicantprof .left-img .text-div {
    padding-left: 20px;
}
.downloadCertificate .top-pic-sec .left-img .text-div h3,.downloadCertificate  .applicantprof .left-img .text-div h3 {
    color: var(--primary);
    font-size: 16px;
    margin: 0;
    margin-bottom: 5px;
}
.downloadCertificate .top-pic-sec .left-img .text-div p,.downloadCertificate  .applicantprof .left-img .text-div p {
    margin-bottom: 2px;
}
.downloadCertificate .top-pic-sec .left-img .text-div .lbl, .downloadCertificate .applicantprof .left-img .text-div .lbl {
    font-size: 14px;
}
.downloadCertificate .top-pic-sec .left-img .text-div .ans,.downloadCertificate .applicantprof .left-img .text-div .ans {
    font-size: 14px;
    font-weight: 600;
    color: #242424;
}
.downloadCertificate .applicantprof .accordion .accordion-body {
    padding: 15px 0px;
}
.downloadCertificate  .tab-content {
    border: none;
    cursor: default;
}
.downloadCertificate .applicantprof .accordion .accordion-collapse  {
    transition: all .5s ease-in-out !important;
    height: auto;
}
.downloadCertificate .applicantprof .accordion .accordion-collapse.show  {
    height: 100%;
}

img{
    max-width: 100%;
}

.ViewUI h3.title{
    font-family: 'Open Sans', sans-serif !important;
    margin: 10px 0 20px 0;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 22px;
}

.GalleryViewUI .gallry-view-det p span{
    font-family: Work Sans;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 14px;
    color: var(--gray);
    display: flex;
    align-items: baseline;
}
.GalleryViewUI .gallry-view-det p span.location{
    font-family: Work Sans;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 14px;
    color: var(--gray);
    display: flex;
    align-items: baseline;
    -webkit-line-clamp: 1;
     max-height:20px; 
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.GalleryViewUI .gallry-view-det p span.date{
    padding: 0px;
}
.GalleryViewUI .gallry-view-det p .icon1{
    color: #8c1515;
    padding-right:0px;
    transform: rotate(90deg);
    }
.GalleryViewUI .gallry-view-det p .icon{
    font-size: 14px;
    color: #8c1515;
    padding-right: 10px;
    }
.GalleryViewUI .gallry-view-det p span strong{
    font-family: Work Sans;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 14px;
    color: var(--gray);
}
.GalleryViewUI .gallry-view-det p span strong a{
    font-family: Work Sans;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 14px;
    color: var(--gray);
}
.GalleryViewUI .gallry-view-det p span strong a:hover{
    text-decoration: underline!important;
    color: var(--gray);
}
.GalleryViewUI .tag{
    display: flex;
    align-items: center;
    height: auto;
    justify-content: space-between;
    width: 100%;
}
.GalleryViewUI .left{
    display: flex;
    align-items: center;
    gap: 5px;
    width: 60%;
    flex-wrap: wrap;
} 
.GalleryViewUI .right{
    display: flex;
    align-items: center;
    gap: 5px;
}
.GalleryViewUI .right .facebook{
    border-radius: 50%;
   width: 40px;
} 
.GalleryViewUI .right .twitter{
    border-radius: 50%;
    width: 40px;
} 
.GalleryViewUI .right .google{
    border-radius: 50%;
    width: 40px;
} 
.GalleryViewUI .right .social{
    border-radius: 50%;
    width: 40px;
}
.GalleryViewUI .right .share-title{
    text-transform: uppercase;
    font-size: 11px;
    line-height: 24px;
    color: #aaa;
    margin-right: 20px;
}
.GalleryViewUI .left .tag-button{
    border: 1px solid transparent;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    padding: 7px 7px;
    border: 1px solid #009bf2;
    margin-right: 4px;
}
.GalleryViewUI .left .tag-button:hover{
    background-color: #009bf2;
    color: #fff;
}
.calenderUI .fc-daygrid-day-top{
    justify-content: center;
    padding-top: 5px;
}

.calenderUI .fc-day-today .fc-daygrid-day-top a{
    background-color: #1a73e8;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    padding: 4px;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    text-align: center;
}

.calenderUI .fc-timegrid-col a.fc-timegrid-event{
    border: 0;
    border-left-width: 4px;
    border-left-style: solid;
}

.fc-timegrid-col-visible{
    transition: all .2s;
}

.calendar-calendar .modal-backdrop{
    background-color: transparent;
}

.calenderUI .modal .modal-content{
    box-shadow: 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12), 0 11px 15px -7px rgba(0,0,0,.2);
    position: fixed;
    /* opacity: 0; */
    transition: all .2s;
    /* max-width: 450px; */
}

.calendarview-modal .modal-dialog{
    margin: 0;
}

.calendarview-modal .modal-dialog .modal-content.content-opacity{
    opacity: 1;
}

.calendar-calendar.modal-open {
    overflow: hidden !important;
}

.calendarview-modal .modal-header{
    display: block;
    padding: 7px 10px;
    border: none;
    text-align: right;
}

.calendarview-modal .modal-body{
    padding-top: 0!important;
    padding: 20px!important;
    max-height: 300px;
    overflow: auto;
    padding-top: 0 !important;
}

.calendarview-modal .modal-body::-webkit-scrollbar {
    width: 5px;
}
  
.calendarview-modal .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
   
.calendarview-modal .modal-body::-webkit-scrollbar-thumb {
    background: #888; 
}
  
.calendarview-modal .modal-body::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.gallery-box-grid {
    display: grid;
    grid-template-columns: repeat(3, calc(33.33% - 7px));
    grid-gap: 10px;
}

.gallery-box {
    width: 100%;
    cursor: pointer;
    overflow: hidden;    
}

.gallery-img-div {
    position: relative;
    width: 100%;
}

.gallery-box img {
    width: 100%;
    object-fit: cover;
    height: 300px
}

.gallery-text-div {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    width: 100%;
    background: var(--primary);
    padding: 5px;
    z-index: 300;
    opacity: 0;
    transition: all .2s ease;
}

.gallery-box:hover .gallery-text-div{
    bottom: 0px;
    opacity: 0.8;
}

.gallery-text-div h3 {
    color: #fff;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 1px;
}

.gallery-text-div p {
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.gallery-box-grid .slick-prev{
    left: 0;
    z-index: 1;
}

.gallery-box-grid .slick-next{
    right: 0;
    z-index: 1;
}

.gallery-box-grid .slick-prev::before,
.gallery-box-grid .slick-next::before{
    color: var(--secondary);
}

@media(min-width: 767px){
    .calenderUI .fc-timegrid-col a.fc-timegrid-event .fc-event-main,
    .calenderUI .fc-timegrid-col a.fc-timegrid-event .fc-event-main .fc-event-time {
        font-size: 14px;
        font-weight: 500;
    }
    .gallery-box.enlarge img{
        height: 610px;
    }
    .card.card-custom.not-mb-br{
        margin-bottom: 0 !important;
        border-radius: 0 !important;
    }
}

@media(min-width: 767px) and (max-width: 991px){
    .gallery-box img{
        height: 200px;
    }

    .gallery-box.enlarge img{
        height: 410px;
    }
    .GalleryViewUI .gallry-view-det {
        gap: 1rem;
    }
   
}

@media(max-width: 767px){
    .card.card-custom.not-mb-br{
        margin-bottom: 0 !important;
        border-radius: 0 !important;
    }
    .gallery-box {
        width: 100%;
        cursor: pointer;
        margin-bottom: 10px;
    }
    .calendarview-modal .modal-dialog{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 100%;
    }

    .calendarview-modal .modal-dialog .modal-content{
        width: 90%;
    }

    .calendarview-modal .modal-dialog .modal-body{
        max-height: calc(100vh - 100px);
        padding-top: 0 !important;
    }

    .gallery-box-grid {
        display: block;
    }

    .gallery-box img{
        height: 200px;
    }
    .publicationUI .down_ui { 
        padding: 10px !important;
    }

    .downloadUI.flex-column-fluid {
        flex: auto !important;
    }
    .detail .GalleryViewUI .tag{
        display: flex;
        flex-direction: column;
        align-items: baseline;
        margin-top: 15px;
    }
    .detail .GalleryViewUI .right {
      padding-top: 15px;
    } 
    .detail .GalleryViewUI .tag .left {
        width: 100%;
      
        justify-content: flex-start;
    }
    .GalleryViewUI .right .facebook{
        border-radius: 50%;
       width: 27px;
    } 
    .GalleryViewUI .right .twitter{
        border-radius: 50%;
        width: 27px;
    } 
    .GalleryViewUI .right .google{
        border-radius: 50%;
        width: 27px;
    } 
    .GalleryViewUI .right .social{
        border-radius: 50%;
        width: 27px;
    }
    .GalleryViewUI .left .tag-button {
        font-size: 13px;
    }
}
@media(max-width:480px){
   .detail .GalleryViewUI .tag{
        display: flex;
        flex-direction: column;
        align-items: baseline;
        margin-top: 15px;
    }
    .detail .GalleryViewUI .right {
      padding-top: 15px;
    }  
    .detail .GalleryViewUI .tag{
        display: flex;
        flex-direction: column;
        align-items: baseline;
        margin-top: 15px;
    }
    .detail .GalleryViewUI .right {
      padding-top: 15px;
    } 

    .detail .GalleryViewUI .tag .left {
        width: 100%;
      
        justify-content: flex-start;
    }
    .GalleryViewUI .right .facebook{
        border-radius: 50%;
       width: 27px;
    } 
    .GalleryViewUI .right .twitter{
        border-radius: 50%;
        width: 27px;
    } 
    .GalleryViewUI .right .google{
        border-radius: 50%;
        width: 27px;
    } 
    .GalleryViewUI .right .social{
        border-radius: 50%;
        width: 27px;
    }
}