/*common erp css*/
/*:root {
    --main-color:#64498f;
    --button_1hover-color:#64498f;
    --button_1-color:#e4dcf1;
    --button_2-color:#d19552; 
    --button_2hover-color:#c57012;
  }*/

.newheader-div
{
   display: none;
}
.top-menu-controls
{
   display: none;
}
body
{
   background-color: #F2F2F2;
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
   line-height: 18px;
}
.header-sticky
{
    position: sticky;
    top: 0px;
    z-index: 9;
}
header
{
    background: #f8f9fa;
}

.element-box {
    border-radius: 8px;
    padding: 8px 8px 8px 8px;
    box-shadow: 0px 0px 6px rgb(7 18 40 / 25%);
    display: inline-block;
    height: auto;
    width: 100%;
    margin-bottom: 0px;
    background-color: #fff;
 }

/*ckeditor override*/

.wrs_editor .wrs_tickContainer
{
    display: none !important;
}


/*Bootstrap override*/
.form-control, .form-select
{
    color: #000000!important;
}
.form-select:disabled {
    background-color: #e9ecef8c!important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef8c!important;
    opacity: 1;
}

.modal-header h4 {
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;
}
.modal .btn-close
{
   opacity: 1 !important;
}

/* .select2-container {
    z-index: 1061;
}*/

.modal .modal-header .btn-close
{
   background: none;
   opacity: 1 !important;
   color: #fff;
    font-size: 16px;
}
.col-form-label {
    font-weight: bold;
    padding-top: 1px;
}
.input-group label.error {
    /* position: absolute;
    width: 100%;
    top: 40px; */
    margin-left: 5px !important;
}
.bootbox .modal-footer
{
    justify-content: center;
}
.bootbox .btn-close
{
  color: #000;
  display: none;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    font-size: 14px;
    padding: 15px;
}
.bootbox .modal-header
{
    background: transparent !important;
}
.modal-footer
{
   /* padding: 0px !important; */
   border-top: none !important;
}
.modal-header 
{
    background: var(--main-color)!important;
    color: #fff!important;
    padding: 10px;
}
.modal-header h5
{
    font-size: 14px;
}
.bg-grey
{
    background-color: #dbdbdb !important;    
    color: #000000 !important;
}
table
{
    border: solid 1px #e7e7e7 !important;
    margin-bottom: 0px !important;
}
table thead tr th
{
    text-align: center !important;
    border-top: 1px solid #c5c5c5!important;
}
table thead tr th, table tbody tr td
{
    font-size: 12px;
}
table thead 
{
    position: sticky;
    top: 0px;
    background-color: #FFFFFF;
    z-index: 1;
}
table tbody tr td.t-center
{
    text-align: center;
}
table.dataTable thead th, table.dataTable tbody td
{
    font-size: 12px;
    padding: 5px 5px !important;
}
 table.dataTable tfoot th, table.dataTable tfoot td
 {
    font-size: 12px;
    padding: 5px 5px !important;
}
table select
{
    font-size: 12px !important;
}


div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color: var(--main-color);
}

div.dataTables_wrapper div.dataTables_length select {
  width: 70px !important;
display: inline-block;
height: inherit;
padding: .375rem .75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.2rem;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")!important;
background-repeat: no-repeat;
background-position: right 0.25rem center;
background-size: 10px 12px;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.dt-buttons {
    float: right !important;
    margin-left: 5px;
}
.dt-button
{
    background-image: none !important;
    color: #FFFFFF !important;
}
.cursor
{
    cursor: pointer;
}
.fa, .fas
{
    cursor: pointer;
}

p
{
    margin-bottom: 0!important;
}

/*Header start*/
#swuser_form label.error
   {
   position: absolute !important;
   top: 25px;
   }    
.user_logo{
   height: 60px;
   margin-left: 10px;
   }
  .nova_logo
{
    width: 50%;
}
.v-line{
   width: 1px;
   background:#737373;
   height: 30px;
   }  

ul.custom {
    margin: 0;
    padding: 0;
    list-style: none;
    }
h4.sub_title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    }
h2.main_title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0px;
    }
h2.main_title img{
    width: 100%;
    height: 100px;
    object-fit: contain;
} 
.nova-lo
{
    width: 90%;
}   
.navbar-light .navbar-nav .nav-link {
    color: #4c4c4c!important;
    font-weight: 600;
    font-size: 14px;
    }
.navbar-light .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    }

/*Header End*/

/*common Header start*/
.heading_border
{
     position: relative;
    display: inline-block;
    padding-bottom: 5px;
    font-size: 18px;
    color: var(--main-color);
}
.heading_border::before {
    content: '';
    position: absolute;
    background-color: var(--main-color);
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.header_title h2 {
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
}
.header_title h4
{
    font-size: 18px;
    color: var(--main-color);
}
.header_title h4:before
{
    content: '\f5fd';
    font-size: 15px;
    padding-right: 6px;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
}
.header_title_news h2 {
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
}
.header_title_news h4
{
    font-size: 18px;
    color: var(--main-color);
}
.header_title_news h4:before
{
    content: '\f1ea';
    font-size: 18px;
    padding-right: 6px;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
}
.news .news_title h6
{
    border-bottom: dashed 1.8px #808080;
    line-height: 25px;
}
/*common Header end*/

/*common table css start*/
table tbody tr td.t-left
{
    text-align: left;
}
table tbody tr td.t-right
{
    text-align: right;
}
table tbody tr td.t-center
{
    text-align: center;
}

/*common table css end*/


/*Theme Color Picker start*/
.color-picker {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.sidebar-wrapper {
    position: fixed;
    top: 90px;
    margin-right: -18rem;
    right: 0;
    width: 20rem;
    z-index: 990;
    background: #fff;
    box-shadow: -10px 10px 10px #595959;
    overflow: hidden;
    padding: 2px;
}
.show-sidebar {
    height: 400px !important;
    margin-right: 0;
}
.colorPicker
{
    width: 15px;
    height: 15px;
    padding: 0px !important;
    margin-right: 2px;
}
.all_colorcodes {
    display: flex;
    flex-direction: column;
}
.color-picker label {
    margin-right: 5px;
    display: flex;
    margin-bottom: 0px;
}
.color-picker button {
    font-size: 12px;
    margin-right: 5px;
     background-color: var(--button_1-color) !important;
    border: solid 1px var(--button_1-color) !important;
    color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    border-radius: 4px;
}
.themecolorsidebar
{
    position: absolute;
    top: 30px;
    right: 10px;
    height: inherit;
}
#customizenew {
    text-align: center;
    justify-content: center;
    margin-top: 20px;
}
.colorpicker_customize {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.color-picker2 {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    width: 48%;
    float: left;
}
.color-picker2 p {
    margin-bottom: 0px;
    margin-right: 10px;
    width: 70%;
}
/*Theme Color Picker start*/


/*common button*/
.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .775rem !important;
    border-radius: .2rem;
}
.toggle-group .toggle-on
{
    color: #fff !important;
    background-color: #04ad74 !important;
    border: solid 1px #04ad74 !important;
    border-color: #04ad74 !important;
}
.toggle-group .toggle-off
{
    color: #fff;
    background-color: #bd000c;
}
.btn-pnext, .btn-pprev
{
    background-color: #FFFFFF;
}
.btn-primary
{
    background-color: var(--button_1-color) !important;
    border: solid 1px var(--button_1-color) !important;
    color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}
.btn.btn-primary a
{
    color: var(--main-color) !important;
}
.btn-primary:hover a
{
    color: #FFFFFF !important;
}
.delete-trash
{
    text-align: left;
    color: #fff !important;
    background-color: #dc3545;
    border-color: #dc3545;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.3rem 0.4rem;
    font-size: 0.7rem;
    line-height: 1;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: inline-block;
}

 .btn-danger
{
    background-color: var(--button_2-color) !important;
    border: solid 1px var(--button_2-color) !important;
}
.btn-primary:hover
{
    background-color: var(--button_1hover-color) !important;
    border: solid 1px var(--button_1hover-color) !important;
    color: #FFFFFF !important;
}
 .btn-danger:hover
{
    background-color: var(--button_2hover-color) !important;
    border: solid 1px var(--button_2hover-color) !important;
}
.btn-info:hover
{
    background-color: var(--button_1hover-color) !important;
    border: solid 1px var(--button_1hover-color) !important;
    color: #FFFFFF !important;
}




/*Loader _New Changes in CSS Start*/
.lodimg
{
   width:100px;
   height:100px;
}
#loader p {
    position: relative !important;
    top: 0% !important;
    left: 0% !important;
    margin: auto;
    height: 100%;
    display: flex;
}

#loader p img {
    margin: auto;
    width: 6%;
}




/*Loader _New Changes in CSS end*/

/*Table Column Size_CSS Start*/
.sno {
  width: 1% !important;
}

.wdth_mod1 {
    width: 2% !important;
}

.wdth_mod2 {
    width: 5% !important;
}

.wdth_mod3 {
    width: 10% !important;
}

.wdth_mod4 {
    width: 15% !important;
}
.wdth_mod5 {
    width: 20% !important;
}
.wdth_mod6 {
    width: 25% !important;
}
/*Table Column Size_CSS End*/

/*Copy button*/
 .copy-btn {
        border:none;
        color:#6c6c6c;
        transition: all .4s;
    }
    .copy-btn:hover {
        transform: scale(1.3);
        color:#1a1a1a;
        cursor:pointer;
    }
    .copy-btn:focus {
        outline:none;
    }
    #copyButton1 .fa.fa-copy {
        margin-right: 0px;
    }
    .copied {
        width: fit-content;
        display: none;
        position: relative;
        color: #fff;
        /*  margin-top: -50px;*/
        padding: 10px;
        text-align: center;
        background-color: var(--main-color);
        border-radius: 5px;
        box-shadow: 0 3px 15px #b8c6db;
        -moz-box-shadow: 0 3px 15px #b8c6db;
        -webkit-box-shadow: 0 3px 15px #b8c6db;
    }


/*Accordion override start*/
.accordion-button
{
    display: flex;
    flex-wrap: wrap;
}
/*Accordion override end*/

/*owl-carousel Hrms_calendar start*/

.selectyear_sec {
    background: var(--add_button-color);
    text-align: center !important;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    box-shadow: 0px 3px 4px #b3b3b3;
     padding: 5px;
    text-align: left;
}
.selectyear_sec #year {
    background: #fff8d1 !important;
    cursor: pointer;
}
.sliderSectionSalary .owl-item {
    background: #fff;
    text-align: center;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    box-shadow: 0px 3px 4px #b3b3b3;
    padding: 5px;
}
.sliderSectionSalary .owl-item.active.activemonth {
    background: var(--button_1-color);
    border: 1px solid var(--button_1hover-color);
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-dots, .owl-nav {
    display: none;
}

/*owl-carousel Hrms_calendar end*/


/*Multiselect start*/
.select_valid
{
    position: relative;
}
.mselect .error
{
    display: block;
    order: 1;
}
.select-block .select2-selection--multiple .select2-selection__rendered
   {
    display: block !important;
   }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
display: none;
  }
.select2-selection--multiple .select2-selection__rendered::after {
   color: #000;
   content: "\f103";
   display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
   position: absolute;
   font-size: 12px;
   top: 8px;
   right: -1px;
   float: right;
   width: auto;
   margin-left: auto;
   padding: 0px 5px;
   }
  .select2-selection--multiple .select2-selection__rendered{
   display: flex !important;
   align-items: center;
   }
.select2-container--default .select2-selection--multiple .select2-selection__choice
      {
         padding: 0px;
      }
    .select2-container .select2-selection--multiple .select2-selection__rendered
{
    padding: 0px !important;
     margin: 0px 7px 0px 0px !important;

}
.select2-container .select2-search--inline .select2-search__field
{
        margin-top: 0px !important;
            padding: 5px !important;
}
.select2-container li.select2-search.select2-search--inline .select2-search__field
{
/*    display: none;*/
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-color: #dde2ec;
  border-width: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #fbfbec;
border: 1px solid #c8b559;
padding: 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #474a50;
  margin-right: 4px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #047bf8;
  color: #fff;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-width: 1px;
}
.select2-dropdown {
  border-width: 1px;
  border-color: #b7b7b7;
}
.select2.select2-container.select2-container--default.select2-container--focus.select2-container--below {
    width: 100% !important;
    min-width: 250px !important;
}

.select2.select2-container.select2-container--default.select2-container--focus.select2-container--open.select2-container--above
{
    width: 100% !important;
    min-width: 250px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  margin:5px !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    flex-wrap: wrap;
}


/*Multiselect end*/


/*Footer start*/
.footer-p {
    bottom: 0;
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 9;
    font-size: .9em !important;
    padding: 1px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: center;
    text-transform: none;
    background: #464646;
    margin-bottom: 0px;
    border-radius: 0px;
}
.footer-p a{
    color: #FFFFFF;
    }

/*Datatable override*/
table.table-bordered.dataTable th{
    vertical-align: middle;
}

table.dataTable {
width: 98.8% !important;
}

table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}


div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: 150px;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
  color: #000;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li
{
    border:none !important;
    background: none;
    padding: 0;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a
{
    text-decoration: none;
    border: solid 1px #dcdcdc;
   color: #333;
   /*padding:10px 10px;*/
   padding:3px 10px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li:hover a, div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a
{
    color: #fff;
    /*background: var(--main-color);*/
    background: var(--main-color);
    border-color: #ccced0;
   /* padding:10px 10px;*/
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
  z-index: 2;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
  padding-right: 30px;
}

table.dataTable thead>tr>th:active,
table.dataTable thead>tr>td:active {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\2191";
  display: none;
}


table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}

/*Max width start*/
.maxw40
{
    max-width: 40%;
}
.maxw70
{
    max-width: 70%;
}
.maxw80
{
    max-width: 80%;
}
.maxw90
{
    max-width: 90%;
}
/*Max width end*/

/*Deparment Start*/
.deparment-box
{
    background-color: #FFFFFF;
    height: 150px;
}
.deparment-box:hover
{
    background-color: #f9f6f6;
}

/*Deparment end*/


/*Accredetation Dashboard start*/

   .sidetab .nav-link.active, .sidetab .show>.nav-link {
    color: #fff;
    background-color: var(--main-color);
}
.sidetab
{
  
       width: 200px;
   overflow-x: hidden;
    max-height: 500px;
    overflow-y: auto;
    margin-right: 20px;
}
.sidetab button
{
   width: 168px;
   display: block;
}

/*Accredetation Dashboard end*/



/*Fee collect start*/
#fee-ch tbody tr.bggreen 
{
    background-color:#f0ffff;
}

.fee-collection-d
{
    background-color: #2e3c6c;
    color: #FFFFFF;
    font-size: 15px;
    border-radius: 8px;
    padding: 5px 10px;
}
.fee-collection-d1
{
    background-color: #99442b;
    color: #FFFFFF;
    font-size: 15px;
    border-radius: 8px;
    padding: 5px 10px;
}
.fee-collection-d2
{
    background-color: #2b6c56;
    color: #FFFFFF;
    font-size: 15px;
    border-radius: 8px;
    padding: 5px 10px;
}

.blink {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.feecollect_tab
{
    display: flex ;
    justify-content: space-evenly;
    background: #d5d5d5;
    border-radius: 5px;
    padding-top: 6px;
    margin-bottom: 2px;
}
.feecollect_tab li .active {
    background-color: transparent !important;
    color: var(--main-color) !important;
    font-weight: 700;
    border-bottom: 3px solid var(--main-color) !important;
    border-radius: 0px !important;
}
.feecollect_tab .nav-link.active {
    border: none;
}
.feecollect_tab li .nav-link {
    color: #000;
    padding: 0 0 5px 0;
}
.feecollect_tab .nav-link.active, .feecollect_tab .show>.nav-link
{
    background-color: var(--main-color);
}
/*Fee collect end*/


/*Student report start*/
.dwn_databcheckboxlk {
    height: 300px;
    display: inline-block;
    overflow-x: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    width: 100% !important;
}
.btn-badge {
    height: 20px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 10px !important;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
    color: var(--main-color);
    background-color: var(--button_1-color) !important;
    border-color: var(--main-color) !important;
    background-image: none !important;
    border-radius: 4px !important;
}
/*Student report end*/




/*Student Profile start*/
.student-prof_tab .nav-item.show .nav-link, .student-prof_tab .nav-link.active
{
    background-color: var(--main-color);
    color: #FFFFFF;
}
.colorwhite
{
    color: #FFFFFF;
}
 .hover_bkgr_fricc{
   background:rgba(0,0,0,.9);
   cursor:pointer;
   display:none;
   height:100%;
   position:fixed;
   text-align:center;
   top:0;
   left:0;
   width:100%;
   z-index:10000;
   }
   .hover_bkgr_fricc .helper{
   display:inline-block;
   vertical-align:middle;
   }
   .hover_bkgr_fricc > div {
   background-color: #fff;
   box-shadow: 10px 10px 60px #555;
   display: inline-block;
   /*height: 500px;*/
   vertical-align: middle;
   width: 60%;
   margin-top: 83px;
   position: relative;
   border-radius: 8px;
   /*padding: 15px 5%;*/
   }
   .hover_bkgr_fricc h4
   {
      text-align: left;
   }
    .trigger_popup_fricc {
   cursor: pointer;
   font-weight: bold;
   text-align:center;
   float:right;
   background-color:#FFFFFF;
   color:#007580;
   border:none;
   margin:0em 0em 0em 1em;
   padding: 3px 5px !important;
   }
.greenbg
{
   color: #008000;
   font-weight: bold;
}
.rowhighlight{
    background-color: #aaf5aa !important;
}
.redbg
{
   font-weight: bold;
   color: #ff0000;
}
.alert-warn
{
   background: none;
}
#amt_to_be_paid{
 text-align:right;
}
#get_student_hostel_details table thead th.minwdth_mod4 {
    min-width: auto !important;
}
.highcharts-chart { display: block; width: 100%; height: auto; }

#stu_SemesterListp, #Student_attp, #studentcountp {
     overflow: auto !important;

}
   .profile_box
   {
   box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
   border-radius: 1rem;
   padding: 10px;
   margin-top: -66px;
   }
    .student_profiles .profile_img {
   width: 200px;
   height: 200px;
   object-fit: fill;
   object-position: top;
   margin: auto;
   position: relative;
   left: initial;
   top: initial;
   border: 2px solid #ccc;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   }
       div#level3 {
   background: #ffffff;
   padding-right: 10px;
   padding-top: 3px;
   padding-bottom: 10px;
   }
   div#level2 {
   background: #ffffff;
   padding-right: 10px;
   padding-top: 3px;
   padding-bottom: 10px;
   }
   div#level1 {
   background: #faebd7;
   box-shadow: 4px 6px 5px rgb(0 0 0 / 40%);
   padding-top: 0px;
   padding-bottom: 10px;
   }
    div#level {
   background: #faebd7;
   padding-top: 0px;
   padding-bottom: 10px;
   }
   .tab-formcontent
   {
      background-color: #FFFFFF;
      clear: both;
   }     
/*Student Profile end*/

/*Placement tab start*/

  .jobpost-navtab
    {
        border-bottom: solid thin #FFFFFF;
    }
    .jobpost-navtab .nav-link
    {
        color: #000000;
    }
    .jobpost-navtab .nav-link:focus, .jobpost-navtab .nav-link:hover, .jobpost-navtab li
    {
        border: solid thin #FFFFFF !important;
        outline: none !important;
    }
     .jobpost-navtab li:focus-visible
    {
        outline: none !important;
    }
    .jobpost-navtab .nav-link:focus-visible
    {
        outline: none !important;
    }
    .jobpost-navtab .nav-link.active .badge
    {
        background-color: var(--main-color);
        color: #FFFFFF !important;
    }
    .jobpost-navtab .nav-item.show .nav-link, .jobpost-navtab .nav-link.active
    {
        border-bottom:  solid 2px var(--main-color) !important;
        color: var(--main-color);
        font-weight: 600;
        border-top: solid thin #FFFFFF;
        border-left: solid thin #FFFFFF;
        border-right: solid thin #FFFFFF;
        border-radius: 0px !important;
    }

        .active-green
    {
        width: 15px;
        height: 15px;
        display: block;
        border-radius: 50%;
        background-color: #04ad74;
    }
    .deactive-red
    {
        width: 15px;
        height: 15px;
        display: block;
        border-radius: 50%;
        background-color: #bd000c;
    }
    .create-company-image
    {
        width: 150px;
        height: 100px;
    }
    .create-company-card .card-body
    {
        border-top: dashed 2px #80868b;
    }
    .create-company-card .card-text
    {
        margin-top: 5px;
    }

.career-preference-card .bootstrap-tagsinput
{
    max-width: 450px;
}
.bootstrap-tagsinput .tag.label
{
    font-size: 11px;
    width: fit-content;
    padding: 0px 5px;
    height: 100%;
    display: inline-block;
    position: initial;
    transform: none;
    background-color: #c3c3c3;
    color: #000000;
}
.bootstrap-tagsinput
{
    display: flex;
    flex-wrap: wrap;

}
    .carrer-img-bg
    {
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: relative;
      padding-bottom: 100%;
    }
    .upload__img-wrap {
      display: flex;
      flex-wrap: wrap;
      max-width: 450px;
      margin-top: 10px;
    }
    .upload__img-box {
      width: 100px;
      padding: 0 10px;
      margin-bottom: 12px;
    }
    .upload__img-close
    {
              width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: center;
        line-height: 20px;
        z-index: 1;
        cursor: pointer;
    }
    .upload__img-close:after
    {
           content: '\2716';
          font-size: 12px;
          color: white;
    }


/*Placement tab end*/


/*Admission Dahboard start*/
.notelig .modal-header 
{
    background-color: var(--main-color) !important;
    color: #FFFFFF;
}
.notelig .btn-close
{
    background: none;
}    
.admissionTab .nav-link.active
{
    border: none;
}
.admissionTab .nav-link:hover, .admissionTab .nav-link:focus
{
    border: 1px solid transparent;
}
.admissionTab .nav-link.active .badge-lightpsgr
{
    background-color: var(--main-color);
    color: #FFFFFF !important;
}
.eligible_appl {
    background: #d8d7ed;
    border-radius: 5px;
    padding: 8px;
}
.total_admitted {
    background: var(--button_1-color);
    border-radius: 5px;
    padding: 8px;
}
.remaining_seats {
    background: #efe9dd;
    border-radius: 5px;
    padding: 8px;
}
.eligible_appl span.badge{
    background: #55519b;
}
.total_admitted span.badge{
    background: #35856e;
}
.remaining_seats span.badge{
    background: #bb8d31;
}
.heading-p1
{
    font-weight: 600;
}
.green {
    color: #008000 !important;
}
.red {
    color: #ff0000 !important;
}
.brown
{
    color: #a52a2a !important;
}
.tbrown
{
    color: #6a530b !important;
}
.tgreen
{
    color: #08816e !important;
}
.lgreen
{
    color: #7cb91a !important;
}
.blue
{
    color: #0000ff !important;
}
.pink
{
    color: #cd6d9b !important;
}
.badge-dark {
    background-color: var(--main-color)!important;
    border-color: var(--main-color)!important;
    margin-left: 10px;
}
.badge-success {
    background-color: #298b1e!important;
    border-color: #298b1e!important;
}
 .name_header{
    display: flex;
    justify-content: space-between;
    letter-spacing: 0;
    width: 100%;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 5px;
    background: #e3e3e3;
    border-radius: 5px;
    padding: 5px 10px;
}
.text-bold {
    font-weight: bold;
} 
.table-scrollable-sm {
    max-height: 20vh!important;
    overflow-y: auto;
    clear: both;
}
.table-scrollable {
    max-height: 52vh!important;
    margin-top: 4px;
    overflow-y: auto;
    clear: both;
    width: 100%;
    position: relative;
     overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* Helps in mobile Safari */
}
.hide
{
    display: none !important;
}
.dataTable tfoot th:nth-child(1) .input-group.data_search {
    display: none;
}
tfoot {
    display: table-header-group;
}
.action-button
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.action-button li a{
    text-decoration: none;
    color: #fff!important;
    display: block;
    padding: 4px 5px!important;
}
.action-button li a i{
/*   width:15px;*/
/*    padding: 0px!important;*/
}
.action-button li i
{
/*    padding: 4px 5px!important;*/
    color: #fff !important;
}
.action-button li span.fa
{
/*    padding: 4px 5px!important;*/
    color: #fff !important;
}
.action-button li span.fas
{
/*    padding: 4px 5px!important;*/
    color: #fff !important;
}
.action-button li
{
    text-align: left;
    margin-top: 6px;
    margin-right: 2px;
    color: #fff !important;
    background-color: var(--main-color);
    border-color: #d3d3d3;
    display: inline-block !important;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 0!important;
    font-size: 0.6rem;
    line-height: 1;
    border-radius: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: inline-block;
}

.action-button li.delete
{
    text-align: left;
    color: #fff !important;
    background-color: #dc3545;
    border-color: #dc3545;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.3rem 0.4rem;
    font-size: 0.6rem;
    line-height: 1;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: inline-block;
}
.star
{
    color: red;
}
.date-comment
{
     font-size:.8em;
     font-weight: bold; 
     line-height: 12px;
     width: 162px; 
     margin-left: 20px !important;
}

.psgr-info
{
    background-color: var(--button_1-color);
    border-color: #64498f;
    color: var(--main-color);
    font-size: 14px;
}
.psgr-info:hover {
    color: #FFFFFF;
    background-color: var(--button_1hover-color);
}
ul.data_main {
    border-radius: 8px;
    padding: 4px 11px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    color: #fff;
}
ul.data_main.data_one {
    background-color: #2b6c56;
    width: 100%;
}
ul.data_main li {
    display: inline;
    text-align: center;
}
ul.data_main h5 {
    font-weight: 700;
    color: #fff;
    font-size: 14px;
}
ul.data_main li span {
    font-size: 15px;
    font-weight: 700;
}
.spacer_border {
    width: 1px;
    border: 1px dashed #fff;
}
.spacer_border_grey {
    width: 1px;
    border: 1px dashed #BDBDBD;
}
ul.data_main.data_two {
    background-color: #857752;
    width: 100%;
}
.data_last_holder {
    display: flex;
    gap: 4px;
    justify-content: space-between;
}
ul.data_main.data_three {
    background-color: #99442b;
    flex: 0 0 16%;
}
ul.data_main.data_four {
    background-color: #2e3c6c;
}
ul.data_main.data_five {
    background-color: #763953;
}
ul.data_main.data_six {
    background-color: #5e4450;
    flex-grow: 1;
}
.badge-lightpsgr {
    background-color: #FFFFFF;
    color: #000000!important;
    border-radius: 4px!important;
    height: auto!important;
    border: 1px solid #bbbbbb;
    padding: .35em .65em;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.admission-pills li button
{
    color: #000000;
}
.admission-pills .nav-link.active .badge-light{
    background-color: #FFFFFF;
    color: #000000!important;
    padding: 0.3em 0.5em;
    font-size: 11px;
}
.admission-pills .nav-link .badge-light{
    background-color: var(--main-color);
    color: #ffffff!important;
    padding: 0.3em 0.5em;
    font-size: 11px;
}
.admission-pills .nav-link.active, .admission-pills .show>.nav-link {
    color: #fff;
    background-color: var(--main-color);
}
.admissionTab li .nav-link span
{
    font-size: 11px!important;
}
.admissionTab {
    display: flex!important;
    justify-content: space-evenly;
    background: #d5d5d5;
    border-radius: 5px;
    padding-top: 6px;
    margin-bottom: 2px;
}
.admissionTab li .active {
    background-color: transparent !important;
    color: var(--main-color) !important;
    font-weight: 700;
    border-bottom: 3px solid var(--main-color) !important;
    border-radius: 0px !important;
}
.admissionTab li .nav-link
{
   color: #000;
   padding: 0 0 5px 0;
}
.admissionTab li button {
    background: none;
    font-size: 14px;
    color: #000000 !important;
    letter-spacing: 0;
}



/*Admission Application start*/
.tweltable tbody tr td .select2
{
  pointer-events: none !important;
}
.tweltable tbody tr td .select2 .select2-selection
{
  background-color: #c1c1c1 !important;
}

.sweet-alert p
{
    font-weight: 500 !important;
    color: #000000 !important;
}


.regfh .checkbox-error label.error
{
 
  /* position: absolute;
  margin-top: 19px;
  left: 0px; */
  margin-left: 5px;
  width: auto;
}
.regfh .group-align .input-group label.error
{
    /* position: absolute;
top:31px !important; */
margin-left: 5px;
}
.regfh .table label.error {
    position: relative;
    width: fit-content !important;
    white-space: normal;
    margin-left: 0px;
    z-index: 1;
}
.regfh .table .select2-table-error label.error
{
padding: 2px 0 0 0!important;
}
.regfh .table .select2-hidden-accessible + .error {
    position: relative !important;
    margin-top: 0px;
    padding: 10px !important;
    display: block;
    order: 2;
}
.regfh .table .select2-table-error
{
    display: flex;
    flex-direction: column;
}
.align-item-b
{
    align-items: baseline;
}
.h4add
{
    font-weight: 800;
    margin:20px 0px 0px 0px;
    color: #5e3e97;
    font-size: 16px;
}
/* .shadow-sm
{
    visibility: hidden;
} */
.twlevethmark .select2
{
  width: 200px !important;
}


.middle_column #admission_form .form-card .input-group-text .fa-calenda {
    font-size: 11px !important;
            }

 
   .iframewidth
   {
    margin-left: 9px;
    /* width: 1774px; */
    width:100%;
    max-width: 600px;
    overflow: auto;
    max-height: 350px;
    height: 400px;
    }
#navbarSupportedContent .navbar-nav
{
/*    visibility: hidden;*/
}


.inputwidth
{
    width: 120px;
}
.inputwidtheven
{
    width: 177px;
}
#date_of_birth-error
{
    position: absolute;
    top: 25px;
}
.checkmark-center
{
    margin: auto;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 40px;
}
.checkmark-circle {
    width: 150px;
    height: 150px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.checkmark-circle .background {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #1ab394;
    position: absolute;
}
.checkmark-circle .checkmark {
    border-radius: 5px;
}
.checkmark-circle .checkmark.draw:after {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-name: checkmark;
    -moz-animation-name: checkmark;
    animation-name: checkmark;
    -webkit-transform: scaleX(-1) rotate(135deg);
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -o-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.checkmark-circle .checkmark:after {
    opacity: 1;
    height: 75px;
    width: 37.5px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border-right: 15px solid #fff;
    border-top: 15px solid #fff;
    border-radius: 2.5px !important;
    content: '';
    left: 35px;
    top: 80px;
    position: absolute;
}
@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@-moz-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}


.cardf .card-body {
    padding: 5px;
    border: solid thin #bbc5bf;
    margin-bottom: 0px;
}
.spsize
{
   font-size: .8em !important;
   font-weight: 100;
}
.dflex
{
   display: flex;
   width: 100%;
     padding: 0px;
     flex-wrap: wrap;
   align-items: baseline;
}
 
.boxshdows {
    margin: 10px 0;
    padding: 10px;
    box-shadow: 0px 0px 1px 0px gray;
}
 

div:where(.swal2-container)
{
   z-index: 99999;
}
.frights
{
   display: flex;
   justify-content: end;
}
.custom-btn {
  width: 130px;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
 
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}

.btn-12 {
  border: none;
  background: rgb(251,33,117);
    background: linear-gradient(0deg, rgba(251,33,117,1) 0%, rgba(234,76,137,1) 100%);
    color: #fff;
    overflow: hidden;
}
.btn-12:hover {
    text-decoration: none;
    color: #fff;
}
.btn-12:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
.btn-12:hover{
  opacity: .7;
}
.btn-12:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}



.btn-11 {
  border: none;
  background: rgb(251,33,117);
    background: linear-gradient(0deg, #6d5dfc 0%, #6d5dfc 100%);
    color: #fff;
    overflow: hidden;
}
.btn-11:hover {
    text-decoration: none;
    color: #fff;
}
.btn-11:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
.btn-11:hover{
  opacity: .7;
}
.btn-11:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.btn-reg
{
       cursor: pointer;
    display: inline-block;
    width: 100%;
    background: #6d5dfc;
    padding: 0.9rem;
    font-family: inherit;
    font-size: 1.4rem;
    border: 0;
    border-radius: 0.8rem;
    color: #e4ebf5;
    transition: 300ms ease;
    font-weight: 500;
}
.btn-reg:hover
{
   color: #FFFFFF;
}
.ulr
{
   list-style-type: none;
}
     
.regfh
{
   margin: auto;
   width: 100%;
/*   display: flex;*/
   justify-content: center;
}
.regfh .row {
    display: -ms-flexbox;
    display: flex;
    align-items:flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#heading {
   text-transform: uppercase;
   color: var(--main-color);
   font-weight: normal;
}
.modal-dialog #heading {
    color: #FFFFFF !important;
}

#msform {
    text-align: center;
    position: relative;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;

    /*stacking fieldsets above each other*/
    position: relative;
}

.form-card {
   text-align: left;
   padding: 0px;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

 

/*Next Buttons*/
#msform .action-button {
    width: 100px;
    font-size: 16px;
    font-weight: bold;
    float: right;
}

#msform .action-button:hover, #msform .action-button:focus {
    background-color: #311B92;
}

/*Previous Buttons*/
#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    font-size: 16px;
    float: right;
    margin-top: 10px;
}

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

/*The background card*/
.cardf {
    z-index: 0;
    border: none;
    position: relative;
}

/*FieldSet headings*/
.fs-title {
    font-size: 25px;
    color: var(--main-color);
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left;
}

.purple-text {
   color: var(--main-color);
    font-weight: normal;
}

/*Step Count*/
.steps {
   font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right;
}

/*Field names*/
.fieldlabels {
   color: gray;
   text-align: left;
}

/*Icon progressbar*/
#progressbar {
    margin-bottom: 0px;
    overflow: hidden;
    color: lightgrey;
    padding: 0px;
}

#progressbar .active {
    color: var(--main-color);
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400;
}

/*Icons in the ProgressBar*/
#progressbar #account:before {
    font-family: "Font Awesome 5 Free";
    content: "\f09c";
    font-weight: 600;
}
#progressbar #upload:before {
    font-family: "Font Awesome 5 Free";
    content: "\f382";
    font-weight: 600;
}
#progressbar #personal:before {
    font-family: "Font Awesome 5 Free";
    content: "\f007";
    font-weight: 600;
}

#progressbar #payment:before {
    font-family: "Font Awesome 5 Free";
    content: "\f19d";
    font-weight: 600;
}

#progressbar #board:before {
    font-family: "Font Awesome 5 Free";
    content: "\f02d";
    font-weight: 600;
}

#progressbar #community:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c0";
    font-weight: 600;
}

#progressbar #confirm:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 600;
}

/*Icon ProgressBar before any progress*/
#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 0px auto;
    padding: 2px;
}

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

/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after {
    background: var(--main-color);
}

/*Animated Progress Bar*/
#msform .progress {
   height: 20px;
   display: none;
}
 
#msform .progress-bar {
   background-color: var(--main-color) !important;
}
.progress-bar-striped
{
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
    background-size: 1rem 1rem !important;
}
/*Fit image in bootstrap div*/
.fit-image{
    width: 100%;
    object-fit: cover;
}

.h3-reg
{
   text-align: left;
   font-weight: 600;
   font-size: 16px;
   margin-top: 5px;
   margin-bottom:  12px;
   text-decoration: underline;
}
.h3-regc
{
   text-align: center;
   font-weight: 600;
   font-size: 18px;
   margin-bottom:18px;
   text-decoration: underline;
}

.boxr
{
  margin-bottom: 0rem;
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 0px 10px;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #D9D9D9;
}
.regd-head label
{
   width: 100%;
}
.regd-head .col-md-2
{
   padding: 0px 15px;
}
.regd-head ul.nav
{
   white-space: normal;
}

/*Admission Application end*/


/*Admission Setup start*/
.table-box-flex
{
    display: flex;
    width: 100%;
    justify-content: center;
}
.table-box-flex .dataTables_wrapper
{
    width: 70% !important;
}


/* ---------------------------- Santhosh Styles ---------------------------- */

/* San COE Styles START*/
/* Override 139 */
.header_inner_coe {
    /* border-top: 1px solid #ccc; */
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: #f0f3ff;
    border-radius: 5px;
    align-items: center;
    padding: 5px 10px;
}
.header_inner_coe h6{
    margin: 0!important;
}
.header_inner_coe h4 {
    font-size: 16px!important;
    color: #3c3c3c!important;
    font-weight: 600!important;
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    flex-wrap: wrap;
}
.header_inner_coe h4 span {
    font-size: 14px;
}

.element-wrapper .tab-pane .header_inner_coe .nav-tabs li .nav-link.active,
.element-wrapper .tab-pane .header_inner_coe .nav-tabs li .nav-link:hover {
    border-top-right-radius: 8px !important;
    border-bottom: 0px solid #b8000b;
    background: #bd000c !important;
    color: #fff;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    font-size: 13px;
    padding: 5px 15px!important;
}
.element-wrapper .tab-pane .header_inner_coe .nav-tabs li .nav-link,
.element-wrapper .tab-pane .header_inner_coe .nav-tabs li .nav-link:hover {
    border-top-right-radius: 8px !important;
    border-bottom: 0px solid #b8000b;
    background:#1c2262 !important;
    color: #bcbcbc;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    font-size: 13px;
    padding: 5px 15px!important;
}
.element-wrapper .tab-pane .header_inner_coe ul {
    margin-bottom: -8px;
}

.menu_link {
    display: inline-flex;
    gap: 5px;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
}
.element-wrapper .tab-pane .header_inner_coe .nav-tabs{
    display: flex;
    list-style: none;
}
.menu_link a .fa-file-pdf{
    color: red;
}
.form-label{
    font-weight: 600;
}
.custom_dtable table{
    padding: 0;
    margin: 0;
    width: 99.9%!important;
}
.custom_dtable #dTable_filter {
    margin-bottom: 3px!important;
}
.table-bordered>:not(caption)>*>* {
    vertical-align: middle!important;
}
/* San COE Styles END*/






table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 16px !important;
}

 

.admissionTab li a{
    text-decoration:none;
    color:#000;
    cursor:pointer;
}

#tabsectiondiv .form-select{
    min-width: 100px;
}
.UserNewTab.nav-tabs li a, .userNewTabInner.nav-tabs li a {
    display: block;
    text-decoration: none;
    border-bottom: 3px solid #adadad;
    background: #e8e8e8;
    padding: 5px 10px;
}
#tabsectiondiv .form-select{
    min-width: 100px;
}
#get_master_section_tabs .form-select{
    min-width: 100px;
}
#get_master_section_tabs label.form-label{
    font-weight: 600;
    margin-bottom: 1px!important;
}
#get_master_section_tabs .col-md-3{
    margin-bottom: 15px;
}
#get_master_section_tabs .form-control, #tabsectiondiv .form-control{
    font-size: inherit !important;
    min-width: 100px;
}
.show label {
    font-weight: 600;
}
.show label.error {
    font-weight: 400!important;
    font-size: 11px;
    line-height: 12px;
}
#get_master_section_tabs textarea, #tabsectiondiv textarea{
    width: 100%;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
}
#get_master_section_tabs .form-control.short_code {
    min-width: 40px;
}
#get_master_section_tabs .form-select.faculty_sort_order {
    min-width: 60px;
}
#get_master_section_tabs .form-control.hasDatepicker {
    min-width: 86px;
}

.select_program_title {
    text-align: center;
    background: #e8e7e9;
    border-radius: 5px;
    padding: 6px;
    margin: 12px 0px;
    font-weight: 600;
}
.select_program_title label {
    margin: 0!important;
}
.element-wrapper .nav-tabs li a.active.show {
    color: #555;
    background: none !important;
    font-weight: 600;
    border-bottom: 3px solid rgb(168, 46, 46);
    border-radius: 0px !important;
    text-decoration: none;
}
.element-wrapper .nav-tabs li a.active{
    color: #555;
    background: none !important;
    font-weight: 600;
    border-bottom: 3px solid rgb(168, 46, 46);
    border-radius: 0px !important;
    text-decoration: none;
}
ul.nav.tabs_program {
    /* justify-content: center !important; */
    margin-bottom: 20px;
    padding-bottom: 4px;
}
ul.nav.tabs_program li {
    padding: 0px 20px;
    /* text-decoration: none; */
}
ul.nav.tabs_program li a {
    color: #000;
    padding: 0 20px 4px;
    text-decoration: none;

}
.fee_history {
    border: 1px solid #cdcdcd;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.fee_detail {
    background: #f3f3f3;
    padding: 20px;
    border-radius: 8px;
}
.group-align {
    display: inline-table;
    padding-right: 10px;
}

#progressbar #personal:before {
    font-family: "Font Awesome 5 Free";
    content: "\f007";
}
.form_title{
    text-align:center; 
    font-size:14px; 
    background: #d9dee1!important; 
    font-weight:bold;
}
.eduaddmore {
    float: inherit;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.subaddmore {
    /* float: inherit; */
    font-size: 20px;
    display: block;
    align-items: center;
    /* display: flex; */
    justify-content: center;
    line-height: 36px;
    text-align: center;
}
.total_marks_holder {
    text-align: left;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
}
label.error {
    margin-bottom: 0px !important;
    font-weight: normal;
    color: red;
    padding: 2px 0 0 0!important;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: inherit!important;
}
ul.ulr li{
    margin-bottom: 5px!important;
}
.program_holder {
    background: #f2f0ff;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #c5c5c5!important;
    border-top: 1px solid #c5c5c5!important;
}
.physically_challenged, .div_certificate_holder{
    background: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
}
.footer-f{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
}
.main-container {
    padding-bottom: 30px;
}
#progressbar strong {
    font-size: 15px;
}
.btn.btn-primary a{
    color: #fff;
    text-decoration: none;
}

.eduremove {
    float: inherit;
    display: block;
    text-align: center;
    line-height:30px;
}
.dropdown-item:hover {
    color: #1e2125;
    /* background-color: inherit!important; */
}
.dropdown-item a {
    color: #383838;
    text-decoration: none;
    display: block;
}
.dropdown-item a i {
    color: #bf1f2d;
}
.dropdown-item {
    border-bottom: 1px solid #c5c5c5;
    padding: 10px 15px;
}
.dropdown-item:last-child {
    border-bottom: 0px solid #c5c5c5!important;
    padding: 10px 15px;
}
.accordion-button:focus {
    z-index: 3;
/*    border-color: none !important;*/
    outline: 0;
    box-shadow: none !important;
}
.form_alert {
    padding: 10px 20px 20px 20px;
    display: block;
    text-align: center;
    color: red;
}
#admission_form .previous.stepper-prev{
    margin-right: 5px;
    float: right;
    margin-top: 10px;
}
#admission_form .next.stepper-next {
    float: right;
    margin-top: 10px;
}
.size_notifier {
    color: green;
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
    margin-top: 3px;
}
.img_ad{
    max-width: 100%;
}
.offcanvas-start{
    width: 300px!important;
}
.bootbox-body {
    text-align: center;
    font-size: 18px;
}
.crop-msg{
    margin-top: 20px;
}
.sweet-alert button{
    background: var(--main-color)!important;
    margin: 0px!important;
}
.bootbox.modal .modal-footer {
    padding: 10px !important;
    border-top: none !important;
}
.navbar-toggler:focus {
    box-shadow:none!important;
}
#admission_form .form-label {
    margin-bottom: 4px!important;
    font-weight: 600;
}
.form-control{
    font-size:inherit!important;
}
.cert_view .iframewidth
{
 margin-left: 0px;
 /* width: 1774px; */
 width:100%;
 overflow: auto;
 max-height: 350px;
 max-width: 100%;
 height: 400px;
 text-align: center;
 }
.group-align label{
    width: 100%;
}

/* ----------------------------------- Mobile Menu styles----------------------------------- */

  /* Offcanvas menu starts here */
.sidebar li .submenu{ 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    padding-left: .5rem; 
    padding-right: .5rem;
    background: #ebebeb;
}

.sidebar .nav-link {
    font-weight: 500;
    color: var(--bs-dark);
}
.sidebar .nav-link:hover {
    color: var(--bs-primary);
}
.sidebar{
    background: #fbfbfb;
}
.sidebar .nav-link i{
    float: right!important;
    transform: rotate(0deg);
}
.nav-link span {
    font-size: 12px!important;
}
.sidebar li .submenu .submenu{
    background: #fafafa;
    
}
.sidebar .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar .nav-item {
    border-bottom: 1px solid #dbdbdb;
}
.sidebar .nav-item.has-submenu.active .nav-link i {
    transform: rotate(0deg);
    color: #fff!important;
}
.sidebar .nav-item.has-submenu.active .nav-link {
    background: var(--main-color);
    color: #fff!important;
}
.sidebar .nav-item.has-submenu .nav-link i{
    color: #fff;
    transform: rotate(0deg);
}
.sidebar .nav-item.has-submenu.active .submenu .nav-link {
    background: inherit;
    color: #fff!important;
    color: #000!important;
}
.sidebar .nav-item.has-submenu.active .submenu .nav-link i{
    color: #a4a4a4!important;
    transform: rotate(0deg);
}
.navbar-toggler i {
    color: rgb(120, 120, 120);
}
/* .sidebar .nav-item:last-child {
    border-bottom: 0px solid #dbdbdb;
} */
#admission_form .form-label {
    margin-top: 10px;
}

/* ------------------------------- Image Cropper Styles -------------------------------*/
.mbodyimg {
    padding: 0.5em;
    width: calc(100%/2 - 1em);
    margin: auto !important;
}
.image_demo,
.sign_image1,
.parent_sign_image1 {
    max-width: 100%;
}

/* ------------------------------- Breadcrumb Styles -------------------------------*/
.breadlines {
    display: flex;
    align-items: center;
    /* font-size: 13px; */
    /* background: #eef; */
    /* padding: 2px 10px; */
    padding: 2px 6px;
    white-space: nowrap;
}
.breadline2 a::before, .breadline3 a::before {
    content: '/';
    margin: 0px 2px;
}
.breadline1 a i, .breadline3 a i {
    display: none;
}
.breadscrumb p {
    margin-bottom: 0px;
}
.breadline1 .nav-link {
    padding: 0px;
}
.breadline1 {
    margin-left: 10px;
}
.breadline1 .nav-link, .breadline2 a.l2highlight, .breadline3 .childMenu{
    padding: 0px;
    color:#000;
    font-size: 14px;
    text-decoration:none;
}
.breadline1 .nav-link:hover, 
.breadline2 a.l2highlight:hover, 
.breadline3 .childMenu:hover{
    color:#bd000c;
}


/* ------------------------------- Inquiry Dashbaord Styles Starts here ------------------------------- */ 
:root {
    --deep-carmine:#A8234C;
    --valantine-red:#E3534C;
    --basketball-orange:#FA7C5A;
    --brownish-pink:#C6786C; 
    --tiger-orange:#C98548;
    --progressbar-green:#A1DABE;
    --progressbar-red:#F4ABAB;
    --green:#04AD74;
  }

/* ------------------------------- Colors ------------------------------- */ 
.deep-carmine-color{
    color: var(--deep-carmine);
}
/* ------------------------------- Top Card Styles ------------------------------- */
.top_card{
    display: flex;
    justify-content: space-between;
    margin-left: -6px;
    margin-right: -6px;
}
.top_card.row{
    margin-left: -6px;
    margin-right: -6px;
}
.top_card .top_card_inner{
    background: #c3c3c3;
    margin: 6px;
    width: 100%;
    border-radius: 10px;
    padding: 15px;        
}
.top_card .top_card_inner h2{
    font-size: 18px;
    color: #fff;
    font-weight: 600; 
}
.top_card .top_card_inner h1{
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0px!important;       
}
.top_card_inner{
    position: sticky;
    right: 15px;
}
.top_card_inner img{
    position: absolute;
    right: 15px;
}
.top_card_inner .img_title{
    display: flex;
    justify-content: space-between;
}
.top_card .top_card_inner:nth-child(1){
    background: var(--deep-carmine);      
}
.top_card .top_card_inner:nth-child(2){
    background: var(--valantine-red);      
}
.top_card .top_card_inner:nth-child(3){
    background: var(--basketball-orange);      
}
.top_card .top_card_inner:nth-child(4){
    background: var(--brownish-pink);      
}
.top_card .top_card_inner:nth-child(5){
    background: var(--tiger-orange);      
}
/* ------------------------------- Title Styles ------------------------------- */
.page_title{
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    align-items: center;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.page_title_left{
    display: flex;
    flex-wrap: wrap;
}
.page_title_right h2{
    font-size: 20px;
    margin-bottom: 0px;
}
.page_title_left h1{
    white-space: nowrap;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    margin-right: 10px;
    margin-bottom: 0px;
}
/* -------------------------------- Score Board Styles -------------------------------- */
.title_section{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.title_section h4{
    font-weight: 600;
    margin-bottom: 0;
}
.section_custom{
    margin-top: 10px;
    margin-bottom: 20px;
}
.section_custom .card{
    border-radius: 10px;
}
.score_board_cards{
    display: flex;
    justify-content: space-between;
    gap: 4rem;
}
.score_board_card{
    width: 100%;
}
.score_board_card h1{
    font-size: 34px;
    font-weight: 600;
    color:var(--deep-carmine) ;
}
.score_board_card h2{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.score_board_card .progress-bar{
    overflow: visible;
    color: #000;
    font-weight: 600;
    padding: 10px;
    text-align: left;
}
.score_board_card .progress {
    height: 28px;
    margin-bottom: 10px;
}
.score_board_card .progressbar-red {
    background-color: var(--progressbar-red) !important;
}
.score_board_card .progressbar-green {
    background-color: var(--progressbar-green) !important;
}
.score_board_card .progressbar-red {
    background-color: var(--progressbar-red) !important;
}
.card-title-holder{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
table.custom thead tr th, table.custom tbody tr td
{
    font-size: inherit!important;
}
table.custom thead tr th.first {
    text-align: left !important;
}
table.custom thead tr th.last {
    text-align: right !important;
}
table.custom tbody.strong{
    font-weight: 600;
}
table.custom tbody tr td.deep-carmine, 
table.custom tfoot tr td.deep-carmine{
    color:var(--deep-carmine)
}
table.custom tbody tr td.green, 
table.custom tfoot tr td.green{
    color:var(--green)
}
table.custom tfoot tr td{
    font-size: 18px;
    font-weight: 600;
}

.inquiries_table{
    height: 385px;
    overflow-y: scroll;
}
.application_status_table{
    height: 422px;
    overflow-y: scroll;
}
table.custom tfoot {
    position: sticky;
    bottom: -1px;
    background-color: #FFFFFF;
    z-index: 4;
}
/* -------------------------------- Charts -------------------------------- */
#InquiriesMediumComparison {
  width: 100%;
  height: 385px;
}
#SourceWiseInquiry {
  width: 100%;
  height: 650px;
}
#LeadsAnalysis {
  width: 100%;
  height: 500px;
}
#ApplicationSales {
  width: 100%;
  height: 500px;
}
#DistrictWiseEnrollment{
    width: 100%;
  height: 500px;
}
#LeadsConversion{
    width: 100%;
  height:422px;
}
#TotalSeatsAnalysis{
    width: 100%;
  height: 200px;
}
#InquirySummary{
    width: 100%;
  height: 380px;
}
#AdmissionCompleted{
    width: 100%;
  height: 380px;
}
.img_holder_circle {
    width: 50px;
    height: 50px;
    background: #000;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.user_profile_name{
    display: flex;
}
.user_profile_name h4 {
    font-weight: 600;
    margin-bottom: 0px;
}
.user_profile_name h5 {
    font-size: 15px;
}
.status_card.bg-grey{
    background: #EAEAEA;
}
.status_card{
    padding: 10px;
    display: flex;
    border-radius: 10px;
    justify-content: space-between;
}
.status_card_child {
    text-align: center;
    width:30%;
}
.status_card_child h4{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}
.status_card_child h5 {
    font-size: 16px;
}
.faculty_allocation{
    margin-left: 230px;
    width: 86%!important;
}
.card-title-holder h5.card-title {
    font-size: 18px;
    font-weight: 600;
}
.count_batch{
    list-style: none;
    margin: 0;
}
.count_batch li{
    display: inline;
    font-weight: 600;
    margin-right: 10px;
    font-size: 16px;
}
.count_batch li span{
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
    font-weight: 600;
    margin-left: 10px;
    font-size: 18px;
}
.assigned{
    background: var(--deep-carmine);
}
.completed{
    background: var(--green);
}
.pending{
    background: var(--basketball-orange);
}
.assigned_txt{
    color: var(--deep-carmine);
}
.completed_txt{
    color: var(--green);
}
.pending_txt{
    color: var(--basketball-orange);
}
/* element.style {
    opacity: 1;
    display: block;
    width: 86%;
} */
.faculty_allocation .item > div {
    border-left:1px solid #DADADA;
}
.faculty_allocation_status{
    height: 131px;
    text-align: center;
}
.faculty_allocation_status i {
    padding: 20px;
    background: #e1e1e1;
    border-radius: 50%;
    font-size: 20px;
    color: var(--deep-carmine);
    margin-bottom: 10px;
}
.faculty_allocation_holder span{
    width: 30px;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
}
.faculty_allocation_holder span img{
    height: 15px;
}
.faculty_allocation_table td{
    padding: 8px;
}
.title_section h4 {
    font-size: 18px;
    font-weight: 600;
}



#owl-demo .owl-buttons
   {
   position: absolute;
   right: 80px;
    top: -66px;
   }
   #owl-demo .owl-pagination
   {
   position: absolute;
   right: 187px;
   top: -53px;
   }
   .owl-theme .owl-controls .owl-buttons div
   {
   padding: 0px;
   background: transparent;
   opacity: 1;
   }
   .owl-buttons .owl-prev, .owl-buttons .owl-next{
    background: #624d8c!important;
    opacity: inherit!important;
   }
   .owl-buttons i{
    color: #fff!important;
   }
   .owl-theme .owl-controls .owl-page.active span{
        background: #624d8c!important;
   }
   .owl-theme .owl-controls .owl-buttons div {
        margin-right: 0px!important;
   }



   .section_custom .card{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
   }
   .faculty_allocation_holder{
    position: absolute; 
    width:13.6%; 
    height:auto; 
    left:0; 
/*    z-index:99*/
}
.input-group label {
    width: 100%;
}
.list-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding-bottom: 5px;*/
    border-bottom: 1px solid #cfcfcf;
}
.list-holder ul{
    border-bottom: 0px!important;
}



/* ------------------------------- Mobile Responsive Starts Here ------------------------------- */

/* Media Query for Mobile Devices */ 
  @media (max-width: 480px) {

.ms_feetypes .dataTables_wrapper .row:first-of-type
{
    justify-content: center;
    align-items: baseline;
}
.ms_feetypes .dataTables_wrapper .row:first-of-type div
{
    width: 50% !important;
}
.ms_feetypes div.dataTables_wrapper div.dataTables_filter input
{
    width: 94px !important;
}

/*Accredetation Dashboard start*/
 .sidetab-wrap
   {
      flex-wrap: wrap !important;
   }
   .sidetab button
{
   width: 100%;
}
.sidetab
{
   width: 100%;
}
/*Accredetation Dashboard end*/

    .navbar-expand-lg
    {
        display: none;
    }
    .user_logo
    {
        margin-left: 0px !important;
        height: 42px !important;
    }
    .main_title .logo
    {

        font-size: 11px !important;
    }
    header ul.custom
    {
        display: none;
    }
    .nova_logo
    {
         display: none;
/*        visibility: hidden;*/
    }
    .hover_bkgr_fricc > div
    {
        width: 98% !important;
    }
    .maxw40, .maxw70, .maxw80, .maxw90
        {
            max-width: 100% !important;
        }

        .status-box
        {
            flex-wrap: wrap;
        }
        .footer-p 
        {
            font-size: .6em !important;
        }
        .mobile-left
        {
            justify-content: left !important;
        }
        .nova_logo {
            text-align: left;
            width: 27% !important;
        }
        .nova-lo
        {
            margin-bottom: 5px;
        }
        .v-line
        {
            display: none;
        }
        h2.main_title img
        {
            width: 100% !important;
            height: 100% !important;
        }
        .faculty_allocation {
            margin-left: 68px;
            width: 80% !important;
        }
        .faculty_allocation_holder span{
            display: none;
        }
        .faculty_allocation_status {
            height: 147px;
            text-align: center;
        }
        .faculty_allocation_table tr:nth-child(2) td,
        .faculty_allocation_table tr:nth-child(3) td,
        .faculty_allocation_table tr:nth-child(4) td,
        .faculty_allocation_table tr:nth-child(5) td {
            padding: 17px!important;
        }
        .score_board_cards {
            gap: 1rem;
        }
        .section_custom .card {
            margin-bottom: 20px;
        }
        .faculty_allocation_holder{
            width: 25.6%;
        }
        .count_batch li span {
            padding: 1px 9px;
        }
        .top_card,
        .score_board_cards{
            flex-wrap: wrap;
        }
        #owl-demo .owl-pagination {
            width: 150px;
         }
         .pagination_mrgn{
             margin-bottom: 50px;
         }
         #owl-demo .owl-buttons {
             position: absolute;
             right: 0px;
             top: -66px;
         }
         .page_title_left {
            margin-bottom: 10px;
        }
         

  }

        /* Media Query for low resolution  Tablets, Ipads */ 
   @media (min-width: 481px) and (max-width: 767px) { 
/*Accredetation Dashboard start*/
 .sidetab-wrap
   {
      flex-wrap: wrap !important;
   }
   .sidetab button
{
   width: 100%;
}
.sidetab
{
   width: 100%;
}
/*Accredetation Dashboard end*/

    
    .navbar-expand-lg
    {
        display: none;
    }
    .user_logo
    {
        margin-left: 0px !important;
        height: 42px !important;
    }
    .main_title .logo
    {

        font-size: 16px !important;
    }
    header ul.custom
    {
        display: none;
    }
    .nova_logo
    {
         display: none;
/*        visibility: hidden;*/
    }
        .hover_bkgr_fricc > div
    {
        width: 98% !important;
    }

       .maxw40, .maxw70, .maxw80, .maxw90
        {
            max-width: 100% !important;
        }

        h2.main_title img
        {
            width: 100% !important;
            height: 100% !important;
        }
        .footer-p 
        {
            font-size: .6em !important;
        }
        .nova_logo {
            width: 40%;
        }
        .faculty_allocation {
            margin-left: 73px;
            width:90% !important;
        }
        .faculty_allocation_holder span{
            display: none;
        }
        .faculty_allocation_status {
            height: 129px;
            text-align: center;
        }
        .faculty_allocation_table tr:nth-child(2) td,
        .faculty_allocation_table tr:nth-child(3) td,
        .faculty_allocation_table tr:nth-child(4) td,
        .faculty_allocation_table tr:nth-child(5) td {
            padding: 17px!important;
        }
        .faculty_allocation_holder {
            width: 13.6%;
        }
        .score_board_cards{
            flex-wrap: wrap;
            gap: 1rem;
        }
        .top_card_inner img {
            position: relative;
            margin: 0 0 10px 10px;
        }
        .section_custom .card {
            margin-bottom: 20px;
        }
        .count_batch li{
            display: block;
        }
        .count_batch li span {
            padding: 1px 9px;
        }
        .page_title_left {
            margin-bottom: 10px;
        }
        
   }
        /* Media Query for Tablets Ipads portrait mode */ 
    @media (min-width: 768px) and (max-width: 1024px)
    {
        .navbar-light .navbar-nav .nav-link
        {
            font-size: 11px !important;
        }
        .header-sticky .toggle a
        {
            font-size: 11px !important;
        }
        .header-sticky .toggle
        {
            padding: 4px !important;
        }
        .slidenew
        {
/*            margin-top: 0px !important;*/
            width: 100%;
            max-width: 50% !important;
            left: 0px !important;
        }
        .l2-Hrms 
        {
            left: -280px !important;
        }
        #REPORTS-main #mainDropdown
        {
            left: -443px;
        }
        .togglearrow
        {
            font-size: 11px !important;
            transform: translateX(.1rem) !important;
        }
        ul.mega-url-list li
        {
            font-size: 11px !important;
        }
        .mega-link h3
        {
            font-size: 12px !important;
        }
        .slidenew .row
        {
            max-width: 660px !important;
        }
    ul.custom
    {
        font-size: 10px !important;
    }
     ul.custom li
    {
        line-height: 15px !important;
    }
    h2.main_title {
        font-size: 14px !important;
        font-weight: 700;
        margin-bottom: 0;
        margin-top: 0px;
    }
        .user_logo {
    height: 37px !important;
    margin-left: 10px;
    }
       
            .hover_bkgr_fricc > div
    {
        width: 98% !important;
    }

           .maxw40, .maxw70, .maxw80, .maxw90
        {
            max-width: 100% !important;
        }

         h2.main_title img
        {
            width: 100% !important;
            height: 100% !important;
        }
        .footer-p 
        {
            font-size: .6em !important;
        }
    }
    @media (min-width: 768px) and (max-width: 1100px)
    {
        .top_card_inner img {
            position: relative;
            margin: 0 0 10px 10px;
        }
        /* .faculty_allocation {
            margin-left: 157px;
            width: 86% !important;
        } */
        .score_board_cards {
            gap: 1rem;
        }
        .faculty_allocation {
            margin-left: 114px;
            width: 86% !important;
        }
        .faculty_allocation_holder span{
            display: none;
        }
        .faculty_allocation_holder {
            width: 13.8%;
        }
        #owl-demo .owl-buttons {
            right: 108px;
        }
        #owl-demo .owl-pagination {
            right: 217px;
        }
        .count_batch li span {
             padding: 10px 10px;
        }
    }

     /* Media Query for Laptops and Desktops */ 
        @media (min-width: 1025px) and (max-width: 1280px){ 

        }

    /* Media Query for Large screens */ 
        @media (min-width: 1281px) and (max-width: 1300px) { 
            
        }

@media screen and (min-width:320px) and (max-width:767px) 
   {
.data_holder div
{
    margin-bottom: 5px;
}
ul.data_main li
{
    margin: 5px;
}
    .table-scrollable1{
        max-height: 50vh;
        margin-top: 0;
        overflow: auto;
        margin: 5px 0 !important;
    }
    .frm_mrn_btm .col-md-3{
        margin-bottom: 10px;
    }
    #progressbar strong {
        font-size: 12px;
    }
    h2.main_title {
        font-size: 18px !important;
        line-height: 14px !important;
    }
    h4.sub_title {
        font-size: 12px!important;
        line-height: 16px!important;
    }
    .admiss-guide button{
        margin-top: 10px;
    }
    .main-container {
       padding-bottom: 70px;
        }
    .fee_detail .form-label{
            margin-top:10px
        }
   }
   @media screen and (min-width:768px) and (max-width:1366px) 
   {
    h4.sub_title {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
    }
    h2.main_title {
        font-size: 14px!important;
        font-weight: 700;
        margin-bottom: 0;
        margin-top: 0px;
    }
    .nova_logo {
        margin-right: 0px!important;
    }
    .user_logo {
        margin-left: 0px!important;
    }
    h4.sub_title {
        font-size: 12px!important;
        line-height: 17px!important;
    }
    
   }   

@media (min-width:576px) and (max-width:767px){
#loader p img {
  margin: auto;
  width: 10%;
}
}

@media (max-width:575px){
  #loader p img {
  margin: auto;
  width: 15%;
}
}

@media (min-width: 320px) and (max-width: 1478px)
{
#admission_form .input-group-text .fa {
    font-size: 11px !important;
            }
}
@media(max-width:767px)
{
    .input-group
    {
        flex-wrap:nowrap;
    }
}
@media(min-width: 1701px) and (max-width: 1920px)
{
    .form-check-input[type=radio] {
    border-radius: 50%;
    margin-top: 3px !important;
    }
}


@media (min-width: 320px) and (max-width:559px) {
    .UserProfileTab {
      gap: 10px!important;
    }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: left!important;
    }
    div.dt-buttons {
        float: right!important;
        text-align: center;
    }
    .img-view{
        float: none!important;
    }
}
@media(min-width:320px) and (max-width:450px){
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    white-space: break-spaces;
}
}


/*Inquiry Dashboard*/

@media(min-width:1300px) and (max-width:1600px)
{
         .faculty_allocation h4{
            font-size: 15px !important;
         }
         .faculty_allocation .status_card_child h5
         {
            font-size: 10px !important;
         }
        .faculty_allocation .user_profile_name h5
        {
            font-size: 13px !important;
        }
        .section_custom #owl_carousle
        {
            overflow: hidden !important;
        }
}


/*common select padding css updated by Gopal 16-12-2024 */
.form-select-sm
{
    padding-bottom:.375rem;
}
.select2-container .select2-selection--single
{
    height: 33px;
}

.multiselect 
{
    padding: .25rem 1.05rem .375rem .5rem !important;
    font-size: .875rem !important;
}

#dTable_filter
{
    margin-bottom: 0px;
}