.bg-nine 
{
    background-color: rgb(244 104 65 / 0.2);
    border-color: #f46841;
    border-radius: 30px 0px;
}
.bg-six 
{
    background-color: rgb(110 107 250 / 0.2);
    border-color: #6e6bfa;
    border-radius: 30px 0px;
}
.bg-ten 
{
    background-color: rgb(253 187 56 / 0.5);
    border-color: #fdbb38;
    border-radius: 30px 0px;
}
.bg-eleven 
{
    background-color: rgb(25 175 251 / 0.2);
    border-color: #19affb;
    border-radius: 30px 0px;
}
.db-icon 
{
    font-size: 25px;
    width: 60px;
    height: 60px;
    padding: 13px 21px;
    border-radius: 10px;
    color: #fff;
    margin-right: 20px;
}
.bg-six .db-icon 
{
    background-color: #6e6bfa;
}
.bg-nine .db-icon 
{
    background-color: #f46841;
    padding: 13px 16px;
}
.bg-ten .db-icon 
{
    background-color: #fdbb38;
    padding: 13px 21px;
}
.bg-eleven .db-icon 
{
    background-color: #19affb;
    padding: 13px 21px;
}
.db-info 
{
    color: #000;
}

/*Section start*/
.section 
{
    padding: 50px 0px;
}
.card.cust
{
    border-radius: 10px;
    border: none;
    position: relative;
    padding: 20px 0px 20px 0px;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}
.card.cust h2 
{
    margin: 0;
    color: #5b626b;
    font-size: 17px;
    line-height: 1.25;
    padding-bottom: 10px;
    font-weight: 500;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    padding-left: 10px;
}
table th
{
    padding: 0 10px;
    height: 50px;
    vertical-align: middle;
    background-color: #f5f5f5;
    color: #252525;
    font-weight: 600;
    border: none;
}
table tr td
{
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}
.progress 
{
    height: 5px !important;
    margin: 0px 0 ;
}
/*Section end*/


/*Events card start*/
.timeline-body 
{
    background: #f2efff;
    border-radius: 3px;
    padding: 8px;
    box-shadow: 1px 3px 9px rgb(0 0 0 / 10%);
    width: 100%;
    margin-bottom: 10px;
}
.avatar-preview 
{
    width: 90px;
    height: 60px;
    position: relative;
    border-radius: 100%;
    border: 4px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%);
}
.avatar-preview > div 
{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.merge-details
{
    display: flex;
    align-items: center;
}
.details 
{
    margin: 11px 0px 0px 12px;
}
span.teacher_name 
{
    font-size: 16px;
    color: #000;
}
span.sub_name 
{
    color: #96a2b4;
    font-size: 14px;
}
span.timedetail 
{
    color: #96a2b4;
    font-size: 14px;
}
span.datedetail 
{
    font-size: 16px;
    color: #000;
}
.datetimeinfo 
{
    margin: 11px 0px 0px 12px;
}
.card-bdy
{
    height: 245px;
    overflow: auto;
    padding: 0px 1.25rem;
}
.card-bdy::-webkit-scrollbar 
{
    width: 0px !important;
}
.progcard
{
    height: 300px;
    overflow: auto;
}
.progcard::-webkit-scrollbar 
{
    width: 0px !important;
}
.noticeboardcard
{
    height: 345px;
    overflow: scroll;
    overflow-x: hidden;
}
.noticeboardcard::-webkit-scrollbar 
{
    width: 0px !important;
}
.noticeboardcard1
{
    height: 265px;
    overflow: scroll;
    overflow-x: hidden;
}
.noticeboardcard1::-webkit-scrollbar 
{
    width: 0px !important;
}
.noticeboardcard3
{
    height: 265px;
    overflow: scroll;
    overflow-x: hidden;
}
.noticeboardcard3::-webkit-scrollbar 
{
    width: 0px !important;
}

.todocard
{
    height: 305px;
    overflow: auto;
}
.todocard::-webkit-scrollbar 
{
    width: 0px !important;
}
/*Events card End*/

/*Assignments Start*/
p
{
   margin-bottom: 0px !important;
}
.merge-details1 
{
    display: flex;
}
.wordicon
{
    width: 50px;
    height: 50px;
    line-height: 46px !important;
    border-radius: 10%;
    font-size: 23px !important;
    text-align: center;
    background: #eeee;
    color: #0d6efd;
    margin: 0px 15px;
}
.excelicon 
{
    width: 50px;
    height: 50px;
    line-height: 46px !important;
    border-radius: 10%;
    font-size: 23px !important;
    text-align: center;
    background: #eeee;
    color: #198754; 
    margin: 0px 15px;
}
.pdficon
{
    width: 50px;
    height: 50px;
    line-height: 46px !important;
    border-radius: 10%;
    font-size: 23px !important;
    text-align: center;
    background: #eeee;
    color: red; 
    margin: 0px 15px;
}
.zipicon
{
    width: 50px;
    height: 50px;
    line-height: 46px !important;
    border-radius: 10%;
    font-size: 23px !important;
    text-align: center;
    background: #eeee;
    color: #0dcaf2; 
    margin: 0px 15px;
}
.sub_namedetail 
{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px !important;
}
.sub_typesize 
{
    font-size: 14px;
}
.iconsdetail 
{
    margin-left: auto;
}
.trashicon 
{
    font-size: 18px !important;
    margin-right: 10px;
}
.downloadicon
{
    font-size: 18px !important;
}
.timeline-body1 
{
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #d5dadb;
}
/*Assignments End*/


/*Noticeboard Start*/
.post-date 
{
    display: inline-block;
    font-size: 14px;
    color: #000;
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 14px;
    float: right;
    font-weight: 600;
}
.bg-yellow 
{
    background-color: #ffeca0;
}
.bg-skyblue 
{
    background-color: #c6fff9;
}
.bg-pink 
{
    background-color: #ffb5dd;
}
.notice-title a 
{
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    color: #000 !important;
}
.entry-meta 
{
    font-size: 15px;
    color: #646464;
}
.entry-meta span
{
    color: #a4a4a4;
}
.notice-list 
{
    border-bottom: 1px solid #ededed;
    padding-bottom: 14px;
    margin-bottom: 18px;
}
/*Noticeboard End*/


/*fees table Start*/
table.transactiontab td,th
{
    border: none !important;
    padding: 10px 8px !important;
}
table.transactiontab tr td:first-child 
{
    text-align: right;
    background: #fcfcfc00;
}
table.transactiontab tr
{
   border-bottom: 1px solid #eee;
}
table.transactiontab tr:hover
{
    background: #f3f4f6 !important;
}
table.transactiontab th
{
    background-color: #f5f5f500;
    /*color: #000;*/
    font-size: 16px;
}
table.transactiontab td,th
{
    font-size: 14px;
}
table.transactiontab 
{
    width: 100%;
}
.col-green
{
    color: #28a745 !important;
    font-size: 15px;
    margin-right: 10px;
}
.col-orange 
{
    color: #fd7e14 !important;
    font-size: 15px;
    margin-right: 10px;
}
.pdfic 
{
    color: red;
    font-size: 16px;
}
.card.cust3 
{
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    padding: 20px 0;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}
.card.cust3 h2 
{
    margin: 0;
    color: #5b626b;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 500;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 10px;
}
/*fees table end*/

/*todo start*/
.to-do-list li 
{
    padding: 17px 0 10px;
    border-radius: 3px;
    position: relative;
    cursor: move;
    list-style: none;
    font-size: 14px;
    background: #fff;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    list-style-type: none;
}
.todo-check 
{
    width: 20px;
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 2px;
}
.pull-left 
{
    float: left;
}
.close 
{
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 20px;
    color: #007bff;
}
/*todo end*/


/*Student Info Start*/
.student-profile 
{
  border-radius: 10px;
}
.student-profile .profile_img 
{
  width: 120px;
  height: 120px;
  margin: 10px auto;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.student-profile h3 
{
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #5b626b;
}
.student-profile p 
{
  font-size: 16px;
  color: #000;
}
.student-profile .table th,
.student-profile .table td 
{
  font-size: 14px;
  padding: 5px 10px;
  color: #000;
}
table.stuinfotab td, th
{
    border: none !important;
}
table.stuinfotab tr td
{
    border: none !important;
    font-size: 14px;
}
table.stuinfotab  th
{
    background-color: #ffff !important;
    height: unset !important;
}
table.stuinfotab 
{
    width: 100%;
}
.cardmain 
{
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    padding: 20px;
    height: 230px;
    overflow: auto;
    width: 100%;
    margin: auto;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}
.cardmain::-webkit-scrollbar 
{
    width: 0px !important;
}
.borderlft
{
    padding-left: 40px;
}
/*Student Info End*/

/*Dropdown Start*/
.menunew ol 
{
  list-style: none;
  padding: 0;
  margin: 0;
}
 .menunew ol:first-child 
{
  width: 100%;
  max-width: 150px;
  display: grid;
  align-items: center;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
  float: right;
  margin-right: 20px;
  background: #6e6bfa;
}
.menunew-item 
{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: background 0.3s ease-in-out;
}
.menunew-item .sub-menunew 
{
  position: absolute;
  top: 100%;
  width: 100%;
  transform-origin: top;
  transform: rotateX(-90deg);
  transition: transform 0.3s linear;
  background-color: #f2f2f2;
  z-index: 999999;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 2px;
}
 .menunew-item .sub-menunew .menunew-item 
{
  border-color: #d3d3d37d;
}
.menunew-item:hover .sub-menunew 
{
  transform: rotateX(0deg);
}
.menunew-item a
{
  font: 600 12px Arial, Helvetica;
  align-items: center;
  color: #fff;
  text-decoration: none;
  text-transform: capitalize;
  height: 100%;
  width: 100%;
  padding: 15px 20px;
}
.menunew-item a i.fa.fa-chevron-down
{
  float: right;
}
li.menunew-item .sub-menunew a 
{
  color: #000 !important;
  border-left: 2px solid #f46841;
}
li.menunew-item .sub-menunew a:hover
{
    background-color: #f46841;
    color: #fff !important;
}
/*Dropdown End*/

.graphheight
{
    height: 400px;
}
.studesk
{
    display: block;
}
.stumobile
{
    display: none;
}
.displaycenter{
    display: flex;
    justify-content: center;
    align-items: center;
}
/*Mobile Responsive parent dashboard Start*/
@media(max-width: 1199px)
{
    .card1, .card2 
    {
        margin-bottom: 20px;
    }
    .wordicon, .excelicon, .pdficon, .zipicon
    {
        margin: 0px 15px 0px 0px;
    }
    .sub_namedetail 
    {
        font-size: 14px;
    }
    .avatar-preview1
    {
        width: 50px !important;
        height: 50px !important;
    }
}
@media(max-width: 991px)
{
    .student-profile h3
    {
        text-align: center !important;
    }
    .borderlft 
    {
        padding-left: 0px;
    }
    .mt-5, .my-5 
    {
        margin-top: 30px !important;
        margin-bottom: 20px;
    }
    .section 
    {
        padding: 0px 0px;
    }
    .avatar-preview 
    {
        width: 60px;
        height: 60px;
    }
    span.sub_name, .timedetail 
    {
        display: block;
    }
    .progcard 
    {
        height: 350px;
    }
    .transactiontit 
    {
        padding-top: 0px !important;
    }
    .sub_namedetail 
    {
        font-size: 16px;
    }
    /*Teacher Dashboard Mobile Responsive Start*/
    .fw-btn-fill
    {
        font-size: 12px !important;
    }
    .cardres
    {
        margin-bottom: 30px !important;
    }
     .ntcbrdcrddsh 
    {
        height: auto !important;
    }
    .card-bdydsh 
    {
        height: auto !important;
    }
}
@media(max-width: 768px)
{
    .card1, .card2, .card3, .card4 
    {
        margin-bottom: 20px;
    }
    .db-info h3
    {
        font-size: 20px !important;
    }
    .w-100 
    {
        width: 95%;
        margin: auto;
    }
    .borderlft 
    {
        padding-left: 0px;
    }
    .student-profile h3 
    {
        text-align: center !important;
    }
    .cardmain
    {
        padding: 5px;
    }
    .mt-5, .my-5 
    {
        margin-top: 30px !important;
        margin-bottom: 20px;
    }
    .section 
    {
        padding: 0px 0px;
    }
    .graphheight 
    {
        height: 300px;
    }
    table.stuinfotab td, th 
    {
        padding: 5px !important;
    }
    .cardmain 
    {
        height: unset;
    }
    .studesk
    {
        display: none;
    }
    .stumobile
    {
        display: block;
    }
    .borderlft 
    {
        height: 250px !important;
        overflow: auto;
    }
    .borderlft::-webkit-scrollbar
    {
        width: 0 !important;
    }
    /*Teacher Dashboard Mobile Responsive Start*/
    /*  .btn-primary
    {
        font-size: 12px !important;
    }*/
    button.fw-btn-fill.btn-gradient-yellow 
    {
        width: 30%;
        margin: 0px auto;
        display: block;
    }
    .cardres
    {
        margin-bottom: 30px !important;
    }
    .ntcbrdcrddsh 
    {
        height: auto !important;
    }
    .card-bdydsh 
    {
        height: auto !important;
    }
    table.mystutab th
    {
        padding: 10px 15px !important;
        text-align: center !important;
    }
    table.lectureinweek th
    {
        text-align: left !important;
    }
    .pageheader .pagetitle 
    {
        font-size: 25px !important;
    }
    .card-statistic-4 .card-spacing 
    {
        padding-top: 2rem !important;
    }
    div#show-more 
    {
        width: 100%;
        text-align: center;
        margin-top: 0px !important;
    }
    div#show-less
    {
        width: 100%;
        text-align: center;
        margin-top: 0px !important;
    }
}
@media(max-width: 575px)
{
    .card4
    {
        margin-bottom: 0px !important;
    }
    .font-15 
    {
        font-size: 20px !important;
    }
    .card-content 
    {
        height: unset !important;
        text-align: center !important;
    }
    .card-statistic-4 .banner-img img 
    {
        float: unset !important;
        margin: auto !important;
        display: block !important;
    }
    .plain-card1, .plain-card
    {
        margin: 0.5rem 0 2rem 0 !important;
    }
    .avatar-preview1 
    {
        width: 50px !important;
        height: 50px !important;
    }
    .col-green, .col-orange
    {
        margin-right: 0px !important;
    }
    .card-content h2 
    {
        margin-bottom: 5px !important;
    }
    div#piechart 
    {
        height: 350px !important;
        margin-top: -20px;
    }
}
@media(max-width: 1239px)
{
    .plain-card 
    {
        padding: 14px;
    }
}
@media(max-width: 1230px)
{
    .plain-card 
    {
        padding: 12px;
    }
}
@media(max-width: 1280px)
{
    div#show-more 
    {
        width: 100%;
        text-align: center;
        margin-top: 0px;
    }
    div#show-less
    {
        width: 100%;
        text-align: center;
        margin-top: 0px;
    }
}
.card-content 
{
    height: 100px;
}
/*Mobile Responsive parent dashboard End*/



/*---------------------------------------------------------Techer dashboard Css Start-------------------------------------------*/
.card.custtech 
{
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    padding: 20px 0px 20px 0px;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}
.custtech1::-webkit-scrollbar 
{
    width: 0px !important;
}
.custtech1
{
    height: 405px;
    overflow: auto;
}
.card.custtech  h2 
{
    margin: 0;
    color: #5b626b;
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 10px;
    font-weight: 500;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    padding-left: 10px;
}
.text-end 
{
    text-align: right;
}
table.lectureinweek th
{
    padding: 12px 0px !important;
    height: unset !important;
    background: #fff !important;
    font-weight: 400 !important;
}
table.lectureinweek td
{
    padding: 8px 0px !important;
    border: none !important;
}
.mystu 
{
    height: 405px;
    overflow-y: auto;
}
.mystu::-webkit-scrollbar 
{
    width: 0px !important;
}
.search-form-box input
{
    margin-bottom: 10px !important;
}
.paddiv
{
    padding: 0rem 1.25rem;
}
/*Graph Start*/
/*rect 
{
    fill: rgb(255 255 255 / 0%) !important;
    width: 350px !important;
    height: 290px !important;
}*/
.card.custgraph 
{
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    padding: 0px;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}
.card.custgraph h2 
{
    margin: 0;
    color: #5b626b;
    font-size: 17px;
    line-height: 28px;
    padding: 20px 0px 10px 10px;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    font-weight: 500;
}
/*Graph End*/


/*My Student*/
.heading-layout1 
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    padding-left: 10px;
}
.heading-layout1 .item-title h3 
{
    color: #5b626b;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 28px;
}
.table-box-wrap 
{
    margin: 20px;
}
.form-control 
{ 
    /*height: 45px !important;*/
    background-color: #f8f8f8 !important;
    font-size: 14px !important;
    color: #111111 !important;
    border-radius: 4px !important;
    border: none !important;
    padding: 5px 15px !important;
    border: none !important;
    box-shadow: none !important;
}
.form-control:focus 
{
    /*color: #495057;
    background-color: #fff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;*/
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #88c440 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgb(136 196 64) !important;
}

/*input
{
    width: 100% !important;
}*/
form.search-form-box 
{
    margin-bottom: 18px;
}
.fw-btn-fill 
{
    overflow: hidden;
    position: relative;
    display: inline-block;
    height: 44px;
    width: 100%;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 10px;
    cursor: pointer;
    z-index: 9;
    transition: all 0.3s ease-out;
}
.btn-gradient-yellow 
{
    background-color: #ffae01;
}
table.mystutab th 
{
    border-bottom: 2px solid #e1e1e1 !important;
    border-top: none !important;
    font-size: 16px;
    font-weight: 500;
    color: #111111;
}
table.mystutab tr:nth-child(even)
{
    background-color: #f9f9f9;
}
table.mystutab tr:hover
{
    background-color: #f6f6f6;
}

/*Today;s Lecture*/
table.todaylectab td,th
{
    border: none !important;
    padding: 10px 8px !important;
}
table.todaylectab tr td:first-child 
{
    text-align: right;
    background: #fcfcfc00;
}
table.todaylectab tr
{
   border-bottom: 1px solid #eee;
}
table.todaylectab tr:hover
{
    background: #f3f4f6 !important;
}
table.todaylectab th
{
    background-color: #f5f5f500;
    /*color: #000;*/
    font-size: 16px;
}
table.todaylectab td,th
{
    font-size: 14px;
}
table.todaylectab 
{
    width: 100%;
}
.card.custcard1 
{
    border-radius: 10px;
    border: none;
    position: relative;
    padding: 20px 0;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}
.card.custcard1  h2 
{
    margin: 0;
    color: #5b626b;
    font-size: 17px;
    line-height: 1.25;
    padding-bottom: 10px;
    font-weight: 500;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    padding-left: 10px;
}

/*My Tasks*/
.badge-rounded 
{
    border-radius: 20px;
    padding: 5px 13px;
}
table.mytasktab td,th
{
    border: none !important;
    padding: 10px 8px !important;
}
table.mytasktab tr td:first-child 
{
    text-align: right;
    background: #fcfcfc00;
}
table.mytasktab tr
{
   border-bottom: 1px solid #eee;
}
table.mytasktab tr:hover
{
    background: #f3f4f6 !important;
}
table.mytasktab th
{
    background-color: #f5f5f500;
    /*color: #000;*/
    font-size: 16px;
}
table.mytasktab td,th
{
    font-size: 14px;
}
table.mytasktab 
{
    width: 100%;
}
.overflosrl 
{
    overflow: auto;
}

@media(max-width: 320px)
{
    .pagination li 
    {
        margin-right: 0px !important;
    }
}


/*-----------------------------------------------------Admin dashboard---------------------------------------------------*/
.font-15 
{
    font-size: 15px;
}
.font-18 
{
    font-size: 18px;
}
.card-statistic-4 
{
    position: relative;
    color: #000000;
    padding: 0px 15px 0px;
    border-radius: 3px;
    overflow: hidden;
}
.admdash
{
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 10px;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}
.card-statistic-4 .banner-img img 
{
    max-width: 100%;
    float: right;
}
.card-statistic-4 .card-spacing 
{
    padding-right: 0px;
    padding-top: 1rem;
}
.card-content h5
{
    text-transform: capitalize;
    color: #333;
    font-weight: 600;
}
.card-content h2
{
    color: #333;
    font-weight: 600;
}

/*Admission card css Start*/
.plain-card 
{
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 42%);
    padding: 18px;
    border-radius: 10px;
    background-image: white;
    overflow: hidden;
    margin: 0px 0 18px 0;
}
.m-b-15 
{
    margin-bottom: 15px;
    color: #333;
    font-weight: 600;
}
.font-14 
{
    font-size: 14px;
}

/*graph*/

p.card-title 
{
    font-size: 15px;
    color: #303840;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 6px !important;
}
.flex 
{
    flex: 1 1 0%!important;
}
.plain-card1 
{
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 42%);
    padding: 0px 20px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    margin: 0rem 0 1rem 0;
}
.chart 
{
  width: 100%; 
  min-height: 450px;
}

/*fees tab*/
table.feestabdash td,th
{
    border: none !important;
    padding: 10px 8px !important;
}
table.feestabdash tr td:first-child 
{
    text-align: right;
    background: #fcfcfc00;
}
table.feestabdash tr
{
   border-bottom: 1px solid #eee;
}
table.feestabdash tr:hover
{
    background: #f3f4f6 !important;
}
table.feestabdash th
{
    background-color: #f5f5f500;
    /*color: #000;*/
    font-size: 16px;
}
table.feestabdash td,th
{
    font-size: 14px;
}
table.feestabdash 
{
    width: 100%;
}
.ntcbrdcrddsh 
{
    height: 380px;
    overflow: scroll;
    overflow-x: hidden;
}
.ntcbrdcrddsh::-webkit-scrollbar
{
    width: 0 !important;
}
.card-bdydsh 
{
    height: 360px;
    overflow: auto;
    padding: 0px 1.25rem;
}
.card-bdydsh::-webkit-scrollbar
{
    width: 0 !important;
}
.avatar-preview1 
{
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 100%;
    border: 4px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%);
}
.avatar-preview1 > div 
{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
} 

/*---------------------material icon------------------------------*/
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v128/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v103/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialiconsround/v102/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Sharp';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialiconssharp/v103/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvR.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Two Tone';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialiconstwotone/v106/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCu0.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-icons-round {
  font-family: 'Material Icons Round';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-icons-sharp {
  font-family: 'Material Icons Sharp';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-icons-two-tone {
  font-family: 'Material Icons Two Tone';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/*Left Menu Design Start*/
.vernav2 a
{
    font-size: 12px;
    text-decoration: none;
}
.topheader a
{
    font-size: 12px;
    text-decoration: none;
}
.header a
{
    font-size: 12px;
    text-decoration: none;
}
a 
{
    text-decoration: none;
}
dl,ol, ul 
{
    padding-left: 0px;
    margin-bottom: 0rem;
}
.topheader .left h1.logo a {
    font-size: 18px;
    line-height: 1.25;
    margin: 28px 20px 28px 80px !important;
    display: inline-block;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: inherit;
    line-height: normal !important;
}
@media screen and (max-width: 721px)
{
    .vernav2 
    {
        top: 176px !important;
    }
}
@media screen and (max-width: 550px)
{
    .vernav2 
    {
        top: 171px !important;
    }
    .langbtn 
    {
        padding: 5px 8px !important;
    }
}
/*Left Menu Design End*/

/* form start */
.form-row 
{
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.panel-title {
    color: #33353F;
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    padding: 0; 
}
.panel-heading {
    background: #f6f6f6;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #DADADA;
    padding: 12px;
    position: relative;
}

.panel-footer {
    border-radius: 0 0 5px 5px;
    margin-top: -5px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-heading + .panel-body {
    border-radius: 0 0 5px 5px;
}

.panel-body {
    padding: 15px;
    background: #fdfdfd;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    border-radius: 5px;
}
.form-control 
{
    display: block ;
    width: 100% !important;
    padding: 0.375rem 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    box-shadow: none !important;
}

.form-control:focus 
{
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}
.form-check-input 
{
    width: 1em !important;
    height: 1em !important;
    margin-top: 0.25em !important;
    vertical-align: top !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: 1px solid rgba(0, 0, 0, .25) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
select.form-control 
{
    -webkit-appearance: menulist;
}
.input-group > .form-control, .input-group > .form-select 
{

    width: 1% !important;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) 
{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.form-row>.col, .form-row>[class*=col-] 
{
    padding-right: 5px;
    padding-left: 5px;
}
.form-check-input:checked 
{
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}
.label 
{
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.col-form-label 
{
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.panelhead
{
	/* margin: 30px 0px; */
	margin: 10px  0px 10px 0px;
    border: 1px solid #eee;
   /*  padding: 50px 40px; */
    background: #fff;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
    border-radius: 10px;
}

/*Date Picker Start*/
.input-group-addon 
{
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group-addon, .input-group-btn 
{
    /*width: 1%;*/
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control 
{
    display: table-cell;
}
/*Date Picker End*/

@media(max-width: 768px)
{
    .panelhead 
    {
      //  margin: 50px 0px !important;
       // padding: 30px 20px !important;
    }
}

.profile-pic-wrapper {
  height: 100%;
  /* width: 100%; */
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  
}


.align-items{
align-items: center;
}

.align-items-center{
align-items: center;
}

.pic-holder {
  text-align: center;
  position: relative;
  border-radius: 50%;
  width: 134px;
  height: 134px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-bottom: 20px; */
}

.pic-holder.w90{
 width:  90px;
  height: 90px;
}
.pic-holder.noradios {
border-radius: unset;
}

.pic-holder .pic {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.pic-holder .upload-file-block,
.pic-holder .upload-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(90, 92, 105, 0.7);
  color: #f8f9fc;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.pic-holder .upload-file-block {
  cursor: pointer;
}


.profile-pic-wrapper .uploadProfileInput {
   width: 1px !important;
}

.pic-holder:hover .upload-file-block,
.uploadProfileInput:focus ~ .upload-file-block {
  opacity: 1;
}

.pic-holder .upload-file-block,
.uploadProfileInput:focus ~ .upload-file-block {
    opacity: 0.5;
}

.pic-holder.uploadInProgress .upload-file-block {
  display: none;
}

.pic-holder.uploadInProgress .upload-loader {
  opacity: 1;
}

/* Snackbar css */
.snackbar {
  visibility: hidden;
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 14px;
  transform: translateX(-50%);
}

.snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

.headerwidget .earnings 
{
   max-height: 60px !important;
}

.right{
float: right;
}
.center{
text-align:center;
}


a.badge:hover {
    color: #fff;
}
/* form end */

.red {
    color: #d2322d;
    font-size: 0.6em;
    font-weight: bold;
    position: relative;
    top: -0.2em;
}

table.table.table-bordered th
{
    border: 1px solid #ddd !important;
}

/*Dropdown Override Css Start*/
.dropdown ul 
{
    min-width: unset !important;
}
.dropdown-menu .show 
{
    border-bottom: unset !important;
    font-size: unset !important;
    height: unset !important;
}
/* .show:hover 
{
    background: #ffffff !important;
    color: #000 !important;
} */
.dropdown ul li a 
{
    border-bottom: unset !important;
}
.dropdown-menu-dark 
{
    color: #dee2e6 !important;
    background-color: #343a40 !important;
    border-color: rgba(0, 0, 0, .15) !important;
}
.btn-secondary:hover 
{
    color: #fff !important;
    background-color: #5c636a !important;
    border-color: #565e64 !important;
}
/*Dropdown Override Css End*/

.mt-15
{
    margin-top:15px;
}

@media(max-width: 768px)
{
    .table-responsive
    {
        overflow-x:auto !important;
    }
}
/* .table-responsive 
{
    overflow-x: unset;
}
 */
span.required.note {
    color: #B94A48 !important;
    font-weight: normal;
    font-size: 0.7em;
    letter-spacing: 0;
}


/*Digital Syllabus Master Admin*/
textarea 
{
    overflow: auto !important;
    resize: vertical !important;
}
.mr-0
{
    margin-right: 0px !important;
}
.ml-0
{
    margin-left: 0px !important;
}.ml-5
{
    margin-left:5px !important
}
.badge 
{
    display: inline-block;
    padding: 8px;
}

/*Comman table start*/
table.customtabn td,th
{
    border: none !important;
    padding: 10px 8px !important;
}
table.customtabn tr td:first-child 
{
    text-align: center;
    background: #fcfcfc00;
}
table.customtabn tr
{
   border-bottom: 1px solid #eee;
}
table.customtabn tr:hover
{
    background: #f3f4f6 !important;
}
table.customtabn th
{
    background-color: #f5f5f500;
    font-size: 16px;
}
table.customtabn td,th
{
    font-size: 14px;
}
table.customtabn 
{
    width: 100%;
}


span.required {
    color: #B94A48 !important;
    font-weight: normal;
    font-size: 0.7em;
    letter-spacing: 0;
}
/*Comman table End*/


.card.custcard1 .card-body
{
    height: 380px;
    overflow: auto;
    overflow-x: hidden;
}

@media(max-width: 1199px)
{
    .card.cust
    {
        margin-top: 10px !important;
    }
}

/*----------------------------------------Admin Dashboard Old Css Start----------------------------------------------*/
/*Package Summary Css Start*/
.white_box h4 
{
    margin: 0;
    padding: 12px;
    color: #5b626b;
    font-size: 17px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    margin-bottom: 12px;
    line-height: 1.25;
}
.package_list ul 
{
    padding: 0 20px;
    display: inline-block;
    width: 100%;
}
.package_list li 
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 0px solid #c8d7ef;
    padding-top: 0px;
    margin-bottom: 14px;
}
.package_list li h6 
{
    margin: 0;
    margin-left: 10px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
}
.package_list li h6 span 
{
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
}
.pack_icon 
{
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background-color: #aee5f5;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.pack_icon i 
{
    color: #000;
    font-size: 20px;
}
.package_list li:last-child 
{
    border-bottom: none;
}
.package_list li:nth-child(2) .pack_icon 
{
    background-color: #ecd5ff;
}
.package_list li:nth-child(3) .pack_icon 
{
    background-color: #ffc6c5;
}
.btn_orange 
{
    color: #6e3c17;
}
.stdbtn 
{
    width: auto;
    margin: 0;
    font-weight: 700;
    background: linear-gradient(to bottom,var(--submit_btn_bg_one) 0%,var(--submit_btn_bg_two) 100%);
    border: 1px solid var(--submit_btn_color);
    padding: 7px 10px;
    box-shadow: none;
    cursor: pointer;
    border-radius: 2px;
    text-transform: capitalize;
    font-size: 12px;
    color: var(--submit_btn_color);
}
/*Package Summary Css End*/

/*addon_box Css Start*/
.addon_box 
{
    position: relative;
    min-height: calc(100% - 20px);
    display: flex !important;
    flex-wrap: wrap;
}
.v_title 
{
    position: relative;
    background-color: #f6d39d;
    width: 40px;
    min-height: 180px;
    white-space: nowrap;
    overflow: hidden;
}
.v_title h4 
{
    position: absolute;
    top: 50%;
    left: 50%;
    letter-spacing: 1px;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    color: #333;
}
.white_box.addon_box .check_list 
{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin: 10px;
    max-height: 235px;
}
.white_box.addon_box .check_list .form-check 
{
    width: 50%;
    margin-bottom: 10px;
    padding-right: 8px;
    font-size: 14px;
}
.white_box.addon_box .check_list .form-check label 
{
    cursor: pointer;
    position: relative;
    padding: 0;
    padding-left: 24px;
    display: block;
    line-height: 20px;
    font-size: 15px;
}
.white_box.addon_box .check_list .form-check label input[type="checkbox"],
.white_box.addon_box .checker 
{
    position: absolute !important;
    left: 0;
    top: 0;
}
.white_box.addon_box .check_list 
{
    overflow: auto;
}


/*addon_box Css End*/

/*Quick Link Css Start*/
.q_link ul 
{
    display: flex;
    flex-wrap: wrap;
}
.q_link ul li 
{
    width: 23% !important;
    padding: 0;
    margin: 0 1% 2%;
    background-color: #fff;
    box-shadow: 0 5px 15px #e3e4ef;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}
.q_link li a 
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 5px;
    text-decoration: none;
}
.q_icon 
{
    width: 50px !important;
    height: 50px !important;
    border-radius: 5px;
    background-color: #ffdba3;
    padding: 5px;
    box-shadow: none !important;
    transition: all 0.3s ease-in-out;
}
.q_link li:hover 
{
    box-shadow: 0 8px 20px #cacbdc;
}
.q_link li a:hover .q_icon 
{
    border-radius: 50% !important;
    padding: 8px;
    box-shadow: 0 2px 5px #999 !important;
}
.q_link li h5 
{
    margin: 0;
    color: #333;
    flex: 1;
    margin-left: 10px;
    font-size: 14px;
}
.listcust_2 .q_icon
{
    background-color: #cce5ff;
}
.listcust_3 .q_icon
{
    background-color: #ffd3c5;
}
.listcust_4 .q_icon
{
    background-color: #b6efff;
}
.listcust_5 .q_icon
{
    background-color: #dbffd8;
}
.listcust_6 .q_icon
{
    background-color: #ffd6de;
}
.listcust_7 .q_icon
{
    background-color: #d6fff8;
}
.listcust_8 .q_icon
{
    background-color: #fdffd5;
}
.listcust_9 .q_icon
{
    background-color: #d7fbff;
}
.listcust_10 .q_icon
{
    background-color: #ffdef0;
}
.listcust_11 .q_icon
{
    background-color: #f3d09b;
}
.listcust_12 .q_icon
{
    background-color: #d8fcd5;
}
.listcust_13 .q_icon
{
    background-color: #ecd5ff;
}
.listcust_14 .q_icon 
{
    background-color: #b2eafa;
}
.quick_link_div_w.q_icon img
{
    width: 100% !important;
}
/*Quick Link Css End*/

.plain-card .card-inner label
{
    font-size: 15px;
    margin-bottom: 12px;
}
.plain-card .card-inner h6
{
    font-size: 17px;
}

@media screen and (min-width: 768px) and (max-width: 834px) 
{
    .pack_icon 
    {
        width: 25px;
        height: 25px;
    }
    .pack_icon i 
    {
        font-size: 15px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) 
{
    .white_box h4 
    {
        padding: 15px 10px;
    }
    .package_list ul 
    {
        padding: 0 10px;
    }
    .q_icon 
    {
        width: 42px;
        height: 42px;
    }
    .q_link ul li 
    {
        width: 30% !important;
        margin: 0 1.6% 2%;
    }
    .q_link li h5 
    {
        margin-left: 5px;
    }
    .chart_box .white_box h5 
    {
        font-size: 12px;
    }
    .check_list 
    {
        max-height: 195px;
    }
    .check_list .form-check 
    {
        width: 100%;
    }
}
@media screen and (max-width: 767px) 
{
    .q_link ul li 
    {
        width: 46% !important;
        margin: 0 2% 2%;
    }
}
@media screen and (max-width: 600px) 
{
    .check_list .form-check 
    {
        width: 100%;
    }
}
@media screen and (max-width: 450px) 
{
    .white_box h4 
    {
        text-align: center;
        padding: 15px;
    }
    .q_link ul li 
    {
        width: 100% !important;
        max-width: 90%;
    }
}

/*----------------------------------------Admin Dashboard Old Css End----------------------------------------------*/

/*li.list1020 
{
    display: none;
}
.btn-custom1 
{
    font-size: 35px;
    margin-bottom: 10px;
}
.btn-custom1:focus
{
    box-shadow: none !important;
} */

.btnmore
{
    color: #333;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    opacity: 0.5;
}
.btnmore:hover
{
    color: #000;
}
.btnless
{
    color: #333;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    opacity: 0.5;
}
.btnless:hover
{
    color: #000;
}

div#show-more
{
    display: block;
    margin: -20px auto;
    margin-bottom: 0px;
}
div#show-less
{
    display: block;
    margin: -20px auto;
    margin-bottom: 0px;
}

.notibar
{
    height: 70px !important;
    margin-bottom: 0px !important;
}

@media(max-width: 768px)
{
    .white_box 
    {
        margin-top: 15px;
    }
}





/*#page-topbar 
{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1002;
    background-color: #f0f1f6;
    border-bottom: 1px solid #e9e9ef;
}
.navbar-header 
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    height: 70px;
    padding: 0 20px 0 0;
}
.navbar-brand-box 
{
    padding: 0 1.5rem;
    width: 231px;
    background: #092642;
    border-right: 1px solid #e9e9ef;
    -webkit-box-shadow: 0 2px 2px #fbfaff;
    box-shadow: 0 1px 1px #e9e9ef;
}
.logo 
{
    line-height: 69px;
    color: inherit!important;
}
.logo-txt 
{
    font-weight: 700;
    font-size: 18px;
    vertical-align: middle;
    margin-left: 5px;
    color: #fff;
    line-height: 1.25;
}
.app-search 
{
    padding: 15px 15px;
    position: relative;
}
.app-search .form-control {
    border: none;
    height: 40px;
    padding-left: 17px;
    padding-right: 50px;
    background-color: #f3f3f9;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.app-search .btn
{
    position: absolute;
    right: 3px;
    top: 3px;
    height: 34px;
    padding: 0 10px;
}



.header-item, .header-item:hover {
    color: #555b6d;
}


.dropdown-menu.show {
    top: 30%!important;
}
.header-profile-user {
    height: 36px;
    width: 36px;
    background-color: #74788d;
    padding: 3px;
}

.noti-icon .badge {
    position: absolute;
    top: -5px;
    right: 2px;
}

.rounded-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
}
.rounded-pill {
    border-radius: 50rem!important;
}
.bg-danger {
    background-color: #fd625e!important;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.bg-soft-light {
    background-color: rgba(233,233,239,.25)!important;
}
.border-start {
    border-left: 1px solid #e9e9ef!important;
}*/


/* @media screen and (max-width: 1600px)
{
    .demo-quick ul li 
    {
        width: 23% !important;
    }   
} 
.demo-quick ul li 
{
    padding: 5px 0 !important;
}*/

body.withvernav
{
    background: unset !important;
}
.app-search 
{
    padding: 15px 0px;
}
.simplebar-placeholder
{
    height: 0px !important;
}
/*-----------Horizontal Scroll Start-----------*/
.vertical-menu::-webkit-scrollbar 
{
  width: 8px !important;
}
.vertical-menu::-webkit-scrollbar-track 
{
  box-shadow: inset 0 0 5px grey !important; 
  border-radius: 10px !important;
}
.vertical-menu::-webkit-scrollbar-thumb 
{
  background: #7a7fdca8 !important; 
  border-radius: 10px !important;
}

.navbar-header .show 
{
    min-height: 100% !important;
    font-size: 0.875rem !important;
}
.custbtnflx
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.quick_link_div_w 
{
    padding: 5px 5px !important;
}



.user_card_box {
 margin-top: 10px;
 margin-bottom: 25px;
 padding: 20px;
 height: auto;
 width: 100%;
 border: 2px solid rgb(204, 204, 204);
 border-radius: 10px;
 position: relative;
 box-sizing: border-box;
 justify-content: center;
 background-color: rgb(245, 245, 245);
}
.user_card_box .button_card {
 display: flex;
 flex-direction: column;
 justify-content: center;
 gap: 20px;
 align-items: center;
}
.user_card_box .imageviewbox{
 --bs-gutter-x: 20px;
 --bs-gutter-y: 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-top: calc(var(--bs-gutter-y) * -1);
 margin-right: calc(var(--bs-gutter-x) * -0.5);
 margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.user_card_box .RimgBox.imgtcontainer i.fa.fa-times.imgRemoveBtn {
 position: relative;
 top: 24px;
 left: 52px;
 background: red;
 color: white;
 padding: 2px 4px;
 text-align: center;
 border-radius: 50%;
 cursor: pointer;
}
.user_card_box .RimgBox.imgtcontainer   {
margin-right: 5px;
}
.user_card_box .RimgBox.imgtcontainer .IMGthumbnail {
 width: 75px;
 height: 75px;
}
.user_card_box .RimgBox.imgtcontainer .IMGthumbnail img {
 width: 100%;
 height: 75px;
}
.user_card_box .imgboxdiv{
 min-height: 110px;
 overflow: auto;
}
.user_card_box .imgboxdiv::-webkit-scrollbar {
width:5px;
}
.user_card_box .imgboxdiv::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
 border-radius: 10px;
 background: #fff;
}
.user_card_box .imgboxdiv::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
 background:#294458ba;
}
.user_card_box .d-flex {
 display: -webkit-box !important;
 display: -ms-flexbox !important;
 display: flex !important;
}
.user_card_box .text-center.card.mt-1 {
text-align: center;
}

@media(max-width:767px){
     div>.pagination_div {
         background: #fcfcfc;
         border: 1px solid #ddd;
         padding: 10px 2px 110px 0;
     }
     .pagination li {
         display: inline-block;
         float: left;
         margin-right: 5px;
         margin-bottom: 5px;
     }
     .pagination {
         display: flex;
         padding-left: 0;
         list-style: none;
         white-space: nowrap;
         flex-wrap: wrap;
     }
 }