.twoconsect .calicon {
    font-size: 16px;
    color: #959595;
}
.select2-results {
    min-width: 150px !important;
}
.infodetailboxicon {
    opacity: 0;
    position: absolute;
    background-color: #fff;
    top: 25px;
    right: 0;
    z-index: 1;
    padding: 10px;
    min-width: 120px;
    box-shadow: rgba(50, 50, 93, 0.25) 2px 2px 11px 0px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.configbtn {
    background-color: #fff;
    padding: 8px 12px;
    font-size: 13px;
    line-height: 36px;
    border-radius: 4px;
}
input.otpbox {
    border: 1px solid var(--b_color);
    height: 42px;
    width: 100%;
    line-height: 42px;
    letter-spacing: 6px;
    box-sizing: border-box;
    padding: 0 12px;
    color: #000;
    border-radius: 0 !important;
    font-family: var(--semibold);
    font-size: 16px;
}
.otpbox:focus {
    outline: none;
    border-color: #29aae3;
}
.otpbox::placeholder {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 42px;
    height: 42px;
    color: #7C7C7C;
    transition: all 0.2s ease;
    font-family: var(--regular);
}
.otpbox:focus::placeholder {
    padding-left: 8px;
}
.infoiconleave:hover .infodetailboxicon {
    opacity: 1;
}
.infodetailboxicon {
    color: #8f8f8f;
}
.title-part.Topminus {
    margin-top: -15px;
}

.title-part.Absolute {
    position: absolute;
    right: 100px;
    z-index: 1;
    top: -30px;
}
.entrytimelocationbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.entrytimelocationbox .entrytimelocationboxsingle {
    width: 48%;
}
.entrytimelocationbox .entrytimelocationboxsingle .poptopbar .desktopicon .i {
    color: #8f8f8f;
} 


.entrytimelocationbox {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.entrytimelocationbox .entrytimelocationboxsingle {
    margin: 6px 15px;
    width: calc((100% - 60px)/2);
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.entrytimelocationbox .entrytimelocationboxsingle .poptopbar {
  margin-bottom: 10px;
}
.entrytimelocationbox .entrytimelocationboxsingle .poptopbar .punchlabelname.in{
    color: #005e4f;
    font-family: var(--semibold);
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}
.entrytimelocationbox .entrytimelocationboxsingle .poptopbar .punchlabelname.out{
    color: rgb(248, 59, 59);
    font-family: var(--semibold);
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}
.entrytimelocationbox .entrytimelocationboxsingle .poptopbar .starttime.in {
  color: #005e4f;
  font-family: var(--medium);
}
.entrytimelocationbox .entrytimelocationboxsingle .poptopbar .starttime.out {
  color: rgb(248, 59, 59);
  font-family: var(--medium);
}
.entrytimelocationbox .entrytimelocationboxsingle .poptopbar .desktopicon {
    margin-left: 10px;
    color: #ccc;
}
.entrytimelocationbox .entrytimelocationboxsingle .locationlabel {
    color: #8f8f8f;
    margin: 15px 0;
}
.entrytimelocationbox .entrytimelocationboxsingle .viewmapbtn {
    font-family: var(--medium);
    color: #8f8f8f;
}
.entrytimelocationbox .entrytimelocationboxsingle .viewmapbtn:hover {
    color: #535353;
}




.maxareadepartment {
    color: #484848;
    display: inline-block;
    width: 200px;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.shiftpresenttop  {
    margin-right: 8px;
    padding-right: 8px;
}
.shiftpresenttop .shiftname {
    font-size: 15px;
    font-family: var(--semibold);
    text-align: center;
}
.dayinfotable .dateinfo {
    font-family: var(--semibold);
}
.dayinfotable .dayinfo {
    color: #8f8f8f;
    margin: 5px 0;
    font-size: 12px;
}


.customdayfilterline {
    height: 1px;
}
.customdayfilterline.present{
    background-color: #00BD9E;
}
.trpop.halfdayview {
    width: 50%;
    display: block;
}




.customdayfilterline.present .labelareatable{
/*     border: 1px solid #00BD9E; */
    color: #00BD9E;
    background-color: #fff;
}
.customdayfilterline.Weekends {
    background-color: #fcbc5c;
}
.customdayfilterline.Weekends .labelareatable{
    border: 1px solid #fcbc5c;
    color: #fcbc5c;
    background-color: #fff;
}
.customdayfilterline.LWP {
    background-color: #fc615c;
}
.customdayfilterline.LWP .labelareatable{
    border: 1px solid #fc615c;
    color: #fc615c;
    background-color: #fff;
}
.customdayfilterline.CasualLeave {
    background-color: #50aef7;
}
.customdayfilterline.CasualLeave .labelareatable{
    border: 1px solid #50aef7;
    color: #50aef7;
    background-color: #fff;
}
.customdayfilterline.holiday {
    background-color: #9160b7;
}
.customdayfilterline.holiday .labelareatable{
    border: 1px solid #9160b7;
    color: #9160b7;
    background-color: #fff;
}

.customdayfilterline .labelareatable {
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 2px 10px;
}
.customdayfilterline .labelareatablestarttime {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #838383;
    height: 10px;
    width: 10px;
    border-radius: 10px;
}
.customdayfilterline .labelareatableendtime {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #838383;
    height: 10px;
    width: 10px;
    border-radius: 10px;
}







.punchinBTN {
    background-color: #00BD9E;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    height: 42px;
}
.punchinBTN:hover {
    background-color: #01a085;
}

.punchinBTN .infopunch .checkin {
    color: #fff;
    font-size: 15px;
    font-family: var(--semibold);
}
.punchinBTN .infopunch .checkintime {
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
}
.punchinBTN .punchimage{
    width: 30px;
    margin-right: 5px;
    padding-right: 5px;
}

.colorpickerbox  {
    height: 42px;
    display: flex;
    align-items: center;
}
.colorpickerbox .colorpickSF {
    height: 15px;
    width: 15px;
    margin: 5px;
    cursor: pointer;
}
.shiftmodifiedDateSingle .shiftmodifiedtimefirst {
    color: #8f8f8f;
    display: block;
}

.employeeinfoS .employeenameE .employeenamS {
    font-family: var(--medium);
}
span.commonshiftSD {
    height: 12px;
    width: 12px;
    border-radius: 24px;
    display: inline-block;
    margin-right: 5px;
}
span.generelshift {
    background-color: #64b4ff;
}
span.saplitshift {
    background-color: #ff92ff;
}
span.weekendshift {
    background-color: #fcbc5c;
}

.caldenderdayhead {
    display: flex;
    flex-direction: column;
}
.caldenderdayhead .caldenderdayalpha {
    font-size: 30px;
    color: #18486e;
}
.mainfirstdepartment {
    color: #000;
    font-family: var(--medium);
}





.employeeinfoS_cal {
    display: flex;
    align-items: center;
    padding: 13px;
    border-bottom: 1px solid #ccc;
}
.employeeinfoS_cal .employeePicInfo {
    border-radius: 24px;
    width: 30px;
}
.employeeinfoS_cal {
    display: flex;
    align-items: center;
    padding: 13px;
    border-bottom: 1px solid #ccc;
}
.employeeinfoS_cal .employeecodeSp {
    color: #8f8f8f;
    margin: 5px 0;
}
.employeeinfoS_cal .employeenameE {
    display: flex;
    flex-direction: column;
}
.employeeinfoS_cal span.employeealphaInfo {
    background-color: #f3f3f3;
    color: #2b80d5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    line-height: 14px;
    height: 30px;
    width: 30px;
    border: 2px solid #2b80d5;
    font-family: var(--semibold);
}




.employeeinfoS .employeePicInfo {
    border-radius: 24px;
    width: 30px;
}
.employeeinfoS {
    display: flex;
    align-items: center;
}
.employeeinfoS .employeecodeSp {
    color: #8f8f8f;
    margin: 5px 0;
}
.employeeinfoS .employeenameE {
    display: flex;
    flex-direction: column;
}
.employeeinfoS span.employeealphaInfo {
    background-color: #f3f3f3;
    color: #2b80d5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    line-height: 14px;
    height: 30px;
    width: 30px;
    border: 2px solid #2b80d5;
    font-family: var(--semibold);
}





.daterangeshift {
    color: #8f8f8f;
    margin: 5px 0;
    padding-left: 20px;
}

.caldenderdayhead .caldenderday {
    color: #979797;
    font-family: var(--regular);
}
.calender_table .shifttrbox {
    padding: 20px 10px;
    cursor: pointer;
    font-family: var(--medium);
    border-radius: 10px;
}
.calender_table .shifttrbox +.shiftlistul {
    padding: 8px 10px;
    cursor: pointer;
    font-family: var(--medium);
}

.calender_table .shiftlistul .shiftlistsingleli:last-child {
    margin-top: 10px;
}
.shiftlistsingle {
    padding: 5px 10px !important;
}
.editshiftbutton {
    cursor: pointer;
    padding: 5px 10px !important;
    background-color: var(--theme);
    border-color: var(--theme);
    color: #fff !important;
    font-family: var(--regular);
    transition: all 0.3s;
}
.editshiftbutton:hover {
    background-color: var(--theme_hover) !important;
}
.calender_table .shiftlistul .shiftlistsingleli a.shiftlistsingle {
    font-size: 12px;
    font-family: var(--regular);
}
.calender_table .shiftlistul .shiftlistsingleli a.shiftlistsingle:hover {
    color: #000;
   background-color: #e6e6e6;
}



.General {
    background-color: #ecf4ff;
       transition: all 0.3s;
       border-radius: 10px;
}
.General:hover {
    background-color: #d7e6fc;
}
.Weekend {
    background-color: #ddffee;
       transition: all 0.3s;
       border-radius: 10px;
}
.Weekend:hover {
    background-color: #b8fcda;
}
.Split {
    background-color: #fde8fd;
       transition: all 0.3s;
       border-radius: 10px;
}
.Split:hover {
    background-color: #f8d5f8;
}



.employeeinfoS_pop .employeePicInfo{
    border-radius: 24px;
    width: 35px;
}
.employeeinfoS_pop {
    display: flex;
    align-items: center;
}

.employeeinfoS_pop .employeenameE {
    display: flex;
    align-items: center;
}
.employeeinfoS_pop span.employeealphaInfo {
    background-color: #f3f3f3;
    color: #2b80d5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    line-height: 14px;
    height: 30px;
    width: 30px;
    border: 2px solid #2b80d5;
    font-family: var(--semibold);
}


.employeeinfoS_pop .pop_day {
    font-size: 13px;
    padding: 0 10px;
}
.employeeinfoS_pop .daydate_pop {
    display: flex;
    align-items: center;
    background-color: #bb6868;
    border-radius: 24px;
    margin-left: 15px;
    padding: 3px 8px;
}
.employeeinfoS_pop .pop_date {
    background-color: #565656;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
}

#editshift_popup .modal-header .close {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 15px;
    background-color: #0c2234;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    margin-left: 10px;
}





.ereeorbox {
    border: 1px solid #f77f39;
    padding: 15px;
    margin: 15px;
    background-color: #fff9f5;
}
.colorlists {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.colorlists .CommonAssetcolorPiker {
   height: 15px;
   width: 15px;
   margin: 5px;
}
.colorlists .CommonAssetcolorPiker:hover {
   border: 1px solid #333;
   cursor: pointer;
}
.colorpickerbox .colordots {
    padding: 4px;
    height: 42px;
    width: 41px;
    cursor: pointer;
    transition: all 0.3s;
}
.colorpickerbox .colordots:hover {
    background-color: #e8eeff;
}
.overall_leavereport {
    position: fixed;
    right: 35px;
    top: 145px;
    height: 100%;
    background-color: #fff6f6;
    padding: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) -1px 18px 20px 0px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.overall_leavereport .leavreport_inner {
    background-color: #fff;
 /*    box-shadow: rgba(50, 50, 93, 0.25) 2px 2px 11px 0px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
}
.tabletitlearea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}
.tabletitlearea .leftassetbar .searcharea {
    border: 1px solid var(--b_color);
    height: 36px;
    line-height: 42px;
    padding: 0 12px;
    color: #000;
    border-radius: 24px;
    font-family: var(--regular);
    background-image: url(../images/search_bar_dark.png);
    background-repeat: no-repeat;
    background-position: 95%;
    width: 100%;
}
.tabletitlearea .leftassetbar {
   width: 40%;
}
.tabletitlearea .leftassetbar .searcharea:focus {
    outline: none;
    border-color: #29aae3;
}

.tabcontent .nodata-history {
    display: flex;
    align-items: center;
    justify-content: center;

}
.font_11 {
    font-size: 11px;
}
.font_12 {
    font-size: 12px;
}
.tracker_list_box {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 39px;
    border-top: 1px solid #ccc;
    padding-top: 40px;
}
.tracker_list_box .tracker_list_box_single {
    margin: 6px 15px;
    width: calc((100% - 180px)/6);
    height: 240px;
    background-color: #FFFFFF;
    box-shadow: rgba(50, 50, 93, 0.25) 2px 2px 11px 0px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: all 0.3s;
    border-radius: 4px;
    padding: 20px 10px;
}
.tracker_list_box .tracker_list_box_single .toptracktitle{
    text-align: center;
    font-size: 14px;
    color: #333;
    font-family: var(--semibold);
    margin-bottom: 20px;
    width: 120px;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tracker_list_box .tracker_list_box_single .bodytrack{
    border-radius: 4px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tracker_list_box .tracker_list_box_single .detailstrack {
    margin-top: 20px;
}
.tracker_list_box .tracker_list_box_single .detailstrack .detail_sp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 5px 20px 5px 0;
}
.tracker_list_box .tracker_list_box_single .detailstrack .detail_sp:last-child {
    border-bottom: 0;
    padding: 5px 0;
}
.icontablegridattend {
    color: #ffffff;
    padding: 5px;
    border-radius: 24px;
}
.icontablegridattend.approved {
    color: #3c851a;
}
.icontablegridattend.rejected {
    color: #e93d3d;
}
.icontablegridattend.pending {
    color: #3d82e9;
}


.tracker_list_box .tracker_list_box_single .detailstrack .detail_sp .titlespvalue {
    width: 30px;
    height: 30px;
    text-align: center;
    font-family: var(--semibold);
    font-size: 14px;
    color: #18486e;
    background-color: #f3f3f3;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.userAappect .usericontabtop {
    width: 35px;
}
.iconlist {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.iconlist .iconsingle {
    margin: 8px 3px;
}
.iconlist .iconsingle a {
    border: 1px solid #ccc;
    padding: 6px;
}
.iconlist .bordercls {
    border: 1px solid #494949;
    padding: 4px 0;
}
.iconlist .iconsingle a:hover {
    border: 1px solid #494949;
}


.peoplelist {
    width: 30%;
    margin-right: 100px;
}
.calenderviewsop {
    display: flex;
    align-items: center;
}
.calenderviewsop .calender_viewS {
    padding: 4px 6px;
    margin: 0 3px;
    border: 1px solid #e0e0e5;
}
.asRtDiv {
    display: flex;
    align-items: center;
}
.asRtDiv input[type=checkbox]{
  margin-top: -4px;
}
.asRtDiv .checkboxDFG {
    margin-right: 20px;
}
.asRtDiv .checkboxDFG .checkNM{
    font-family: var(--medium);
}
.tab.spepolicy {
    margin: 25px 0 10px;
    border-bottom: 2px solid #18486e;
    font-family: var(--regular);
}
.tab.spepolicy.attend {
    margin: 15px 0;
    border-bottom: 2px solid #18486e;
    font-family: var(--regular);
}

.tab.spepolicy .tablinks {
    border: none;
    cursor: pointer;
    padding: 10px 25px;
    transition: 0.3s;
    font-family: var(--medium);
    display: inline-block;
    background-color: #f0f0f0;
    
}
.tab.spepolicy .tablinks.active {
    color: #fff;
    background-color: #18486e;
}
 .boxScene{
  background-color: #eff1ff;
  padding: 15px;
  margin-top: 15px;
}

.tabcontent .inputCheckWidth {
    display: flex;
    align-items: center;
}
.tabcontent .inputCheckWidth .inputtypecheck {
    display: flex;
    align-items: center;
}
.tabcontent .inputCheckWidth .inputtypecheck input[type=checkbox]{
    margin-top: -3px;
}
.tabcontent .inputCheckWidth .inputtypecheck {
  margin-right: 15px;
}
.tabcontent .inputCheckWidth .inputtypecheck .labelforinput{
  margin-left: 8px;
}

#Restrictions .CheCkBoxLinesWithExtraSp input[type=radio] {
    margin: -3px 0 0;
}

.sample_table.Extratb {
    width: 100%;
}
.sample_table.Extratb td {
    padding: 3px;
}
.tabRem {
    width: 40%;
    padding: 15px;
    background-color: #f1f1f1;
}
.add_rule .addruleA {
    font-size: 14px;
    color: #333;
    font-family: var(--semibold);
}

.add_rule .addruleA:hover {
    color: #333;
}
.add_rule .addruleA .fa {
    color: #fff;
    background-color: #727272;
    padding: 5px 6px;
    border-radius: 24px;
}
.add_rule .addruleA .fa:hover {
    color: #fff;
    background-color: #333;
    padding: 5px 6px;
    border-radius: 24px;
}


.tabRem .taabicons .fa {
    color: #707070;
    background-color: #fff;
    padding: 5px 6px;
    margin: 0 2px;
    border: 1px solid var(--b_color);
}
.tabRem .taabicons .fa:hover {
    color: #5c5c5c;
}
.tabRem .taabicons .fa-plus-square {
    color: #999999;
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    width: 18px;
}
.tabRem .taabicons .fa-minus-square {
    color: #999999;
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    width: 18px;
}


.Independentrulebox {
    padding: 15px;
    background-color: #f0f2ff;
}
.Independentrulebox .Independentrule_area {
    padding: 15px;
    background-color: #fff;
    margin-top: 5px;
    width: 70%;
}
.Independentrulebox .Independentrule_area .title_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;

}
.Independentrulebox .Independentrule_area .title_sec .titleS {
    font-size: 16px;
    color: var(--black);
    font-family: var(--medium);
}
.Independentrulebox .Independentrule_area .title_sec .far {
    font-size: 20px;
    color: #ff0000;
    cursor: pointer;
}







.combinedrulebox {
    padding: 15px;
    background-color: #f0f2ff;
}
.combinedrulebox .combinedrule_area {
    padding: 15px;
    background-color: #fff;
    margin-top: 5px;
    width: 70%;
}
.combinedrulebox .combinedrule_area .title_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;

}
.combinedrulebox .combinedrule_area .title_sec .titleS {
    font-size: 16px;
    color: var(--black);
    font-family: var(--medium);
}
.combinedrulebox .combinedrule_area .title_sec .far {
    font-size: 20px;
    color: #ff0000;
    cursor: pointer;
}



.rule_guid_list .CheCkBoxLinesWithExtraSp {
    margin: 10px 0;
    width: 80%;

}
.rule_guid_list input[type=radio] {
    margin-top: -4px;
}
.ruleBoxx {
/*     display: flex;
    align-items: center;
    justify-content: space-between; */
    /* width: 100%; */
    margin-left: 50px;
}
.ruleBoxx label.com-label {
    margin-top: -7px;
    background-color: #fff;
    font-size: 16px;
    color: #214281;
    font-family: var(--semibold);
}
.rule_guid_list {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 20px;
}
.policy_sp .com-label {
   /*  text-align: right;
    padding-right: 15px; */
}

.album_galary_grid .album_galary_single .albumInfo .photo_dEsc .nameofphoto {
    color: var(--black);
    font-family: var(--medium);
    margin-bottom: 8px;
}
.addIcon .fa-plus-square {
    color: #6e6e6e;
}
.addIcon .fa-plus-square:hover {
    color: #585858;
}
.TotalStudent_Count {
    display: flex;
    align-items: center;
    justify-content: end;
}
.TotalStudent_Count .count {
    font-size: 16px;
    background-color: #fff;
    font-family: var(--bold);
    margin-left: 15px;
    border-radius: 24px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tag_instraction {
    position: absolute;
    right: 0;
    bottom: -23px;
    color: #818181;
    font-family: var(--regular);
}
.Totaldepartment_Count {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-left: 10px;
}
.Totaldepartment_Count .count {
    font-size: 16px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #efefef;
    font-family: var(--bold);
    margin-left: 10px;
    border-radius: 5px;
}
.TotalLecture_Count {
    display: flex;
    align-items: center;
    justify-content: end;
}
.TotalLecture_Count .count {
    font-size: 16px;
    background-color: #ebebeb;
    padding: 10px 12px;
    font-family: var(--bold);
    margin-left: 15px;
    border-radius: 24px;
}
.lockstatuS.Unlock {
    position: absolute;
    top: 53px;
    left: 15px;
    background-color: #d7eeff;
    border-radius: 24px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
  /*   position: absolute;
    top: 53px;
    left: 15px;
    background-color: #d7eeff;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 24px;
    color: #3596d8; */
}
.lockstatuS.Lock {
    position: absolute;
    top: 53px;
    left: 15px;
    background-color: #ffcac6;
    border-radius: 24px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.lockstatuSM.Unlock {
    position: absolute;
    top: 53px;
    left: 15px;
    background-color: #d7eeff;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 24px;
    color: #3596d8;
}
.lockstatuSM.Lock {
    position: absolute;
    top: 53px;
    left: 15px;
    background-color: #ffcac6;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 24px;
    color: #b63e20;
}

.notify_email_area {
    background-color: #c0cbdd;
    padding: 10px 5px;
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
}
.CommonAssetcolorS {
    height: 12px;
    width: 12px;
    margin-right: 5px;
    border-radius: 15px;
}
.CommonAssetcolorS_round {
    height: 12px;
    width: 12px;
    margin-right: 5px;
    border-radius: 24px;
}
.CheCkBoxLinesWithExtraSp {
    display: flex;
    align-items: center;
    width: 50%;
}
.CheCkBoxLinesWithExtraSp_30 {
    display: flex;
    align-items: center;
    width: 42%;
}
.CheCkBoxLinesWithExtraSp_100 {
    display: flex;
    align-items: center;
    width: 100%;
}
.CheCkBoxLinesWithExtraSp_100 .checkLineS {
    color: var(--black);
    font-family: var(--medium);
}
.CheCkBoxLinesWithExtraSp_30 .checkLineS {
    color: var(--black);
    font-family: var(--medium);
}
.CheCkBoxLinesWithExtraSp .checkLineS{
    color: var(--black);
    font-family: var(--medium);
}
.CheCkBoxLinesWithExtraSp_30 input[type=checkbox]{
    margin-top: -4px;
}
.CheCkBoxLinesWithExtraSp input[type=checkbox]{
    margin-top: -4px;
}
/* .CheCkBoxLinesWithExtraSp_100 input[type=checkbox]{
    margin-top: -4px;
} */
.notify_email_area .notify_email_single_box {
    background-color: #ffffff;
    width: calc((100% - 60px)/3);
    padding: 15px;
    margin: 6px 10px;
    border-radius: 3px;
    position: relative;
}
.notify_email_area .notify_email_single_box .head_paart span.NomLabel {
    font-size: 13px;
    color: var(--black);
    font-family: var(--medium);
}
.notify_email_single_box_with_plus {
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.notify_email_single_box_with_plus .fa{
    font-size: 15px;
    background-color: #fff;
    padding: 12px 13px;
    color: #18486e;
    border-radius: 3px;
}
.notify_email_single_box_with_plus .fa:hover {
    background-color: #eeeeee;
}
.notify_email_area .notify_email_single_box .closICON_Box .fa{
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #f66;
    color: #fff;
    padding: 5px 8px;
    border-radius: 0 3px 0 6px;
}
.notify_email_area .notify_email_single_box .closICON_Box .fa:hover{
    background-color: rgb(228, 71, 71);
}
.notify_email_area .notify_email_single_box .head_paart {
    display: flex;
    align-items: center;
}
.notify_email_area .notify_email_single_box .bodycheck_paart {
  margin-top: 20px;
}

.bodycheck_paart .CheCkBoxLines {
    display: flex;
    align-items: baseline;
}



.CheCkBoxLines .ckeckBoX {
    margin-top: -3px;
}
.CheCkBoxLines .checkLineS {
    color: var(--black);
    font-family: var(--medium);
}
.bodycheck_paart .CheCkBoxLines .checkLineS {
    font-family: var(--regular);
}


.applicable_con_Box {
    width: 500px;
    border: 1px solid #ccc;
    padding: 10px;
}
.applicable_con_Box .Details_appLi_items{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.applicable_con_Box .Details_appLi_items .Details_appLi_single {
    background-color: #ededed;
    padding: 5px 25px 5px 5px;
    margin-right: 15px;
    font-family: var(--regular);
    position: relative;
}
.applicable_con_Box .main_labelCON {
    margin-bottom: 3px;
    color: #000;
    font-family: var(--medium);
}
.applicable_con_Box .Details_appLi_items .Details_appLi_single span.closeICon {
    position: absolute;
    right: 7px;
    top: 7px;
}
.applicable_con_Box .Details_appLi_items .Details_appLi_single span.closeICon .fa {
    color: #919191;
}
.applicable_con_Box .Details_appLi_items .Details_appLi_single span.closeICon .fa:hover {
    color: #686868;
}
#reveal-content {
    max-height: 1000px;
    transition: all 0.5s ease-in;
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
  }
.hides {
    max-height: 0 !important;
  transition: all 0.2s ease-out;
}
.tabBody {
    display: flex;
    border: 1px solid #ccc;
}
.tabBody .tabheader{
   width: 25%;
}
.tabBody .tabheader .tab{
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.tabBody .tabheader .tab .tablinks{
    color: #30363e;
    padding: 5px 10px;
    background-color: transparent;
    border: none;
    text-align: left;
    font-family: var(--regular);
}
.tabBody .tabheader .tab .tablinks.active{
    color: #fff;
    background-color: #4b89dc;
}
.tabBody .tabconArea{
    padding: 10px;
    width: 75%;
}
.searchBoc {
    padding: 8px 15px;
    border: 1px solid var(--b_color);
    font-family: var(--regular);
    width: 100%;
}
.searchBoc::placeholder {
    font-family: var(--regular);
    font-weight: 500;
}
.searchBoc:focus-visible {
    outline: none;
}
.tabconArea .simple_table td{
    padding: 2px 10px;
}


.Applicable_for_main .applicablefor {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.Applicable_for_main .applicablefor .common {
    width: 700px;
}
.Applicable_for_main .applicablefor .dropdownarea {
    line-height: 42px;
    background-color: #fff5f5;
    padding: 0 15px;
    margin-left: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.Applicable_for_main .applicablefor .dropdownarea:hover {
    background-color: #fae4e4;
}
.hideDIvisionS {
    display: none;
}

#shift_table .table_shift_main {
    margin: 0 -15px;
}
#shift_table .table_shift_main {
    display: flex;
    padding: 15px;
}
#shift_table .table_shift_main .simple_table {
    border: 1px solid #838383;
}
#shift_table .table_shift_main .simple_table {
    border: 1px solid #838383;
}
#shift_table .table_shift_main .simple_table th{
    border: 1px solid #838383;
    background-color: #f3f3f3;
}
#shift_table .table_shift_main .simple_table td{
    border: 1px solid #838383;
    padding: 6px;
}


#shift_table .table_shift_main .simple_table tr:hover {
    background-color: #fff;
}

#shift_table .table_shift_main input.shiftboxcheck {
    width: 16px;
    height: 16px;
}
.radio_selectSP .rd_cons {
    display: flex;
    align-items: center;
}
.radio_selectSP .rd_cons {
    display: flex;
    align-items: center;
}
.radio_selectSP .rd_cons .singleareaBox{
    margin-bottom: 0;
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.radio_selectSP .rd_cons .singleareaBox .labelNames{
    font-family: var(--regular);
    font-size: 13px;
    font-weight: 500;
    margin-left: 5px;
    cursor: pointer;
}
.radio_selectSP .rd_cons .singleareaBox input[type=radio]{
    margin-top: -3px;
}

.radio_selectSP {
    margin: 6px 15px;
}

.album_galary_grid {
    margin-top: 15px;
    padding: 15px;
    background-color: #ebebeb;
}

.album_galary_grid .album_galary_single .albumInfo {
    display: flex;
    position: relative;
    border: 1px solid #ccc;
    padding: 10px;
    width: 70%;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
}
.album_galary_grid .album_galary_single .albumInfo .closICON_Box a  {
    position: absolute;
    top: -1px;
    right: -1px;
    background-color: #f66;
    font-size: 16px;
    color: #fff;
    padding: 8px 13px;
    border-radius: 0 3px 0 12px;
}
.album_galary_grid .album_galary_single .albumInfo .single_photO {
  width: 250px;
}
.album_galary_grid .album_galary_single .albumInfo .photo_dEsc .widthtextarea {
  width: 500px;
}
.album_galary_grid .album_galary_single .albumInfo .single_photO img {
  width: 100%;
}
.single_photO .closeIcons {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #fff;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.single_photO .closeIcons:hover {
    background-color: #f0f0f0;
   
}

.colorselectArea {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 10px;
    background-color: #f3f3f3;
}
.colorselectArea .colorselect_view {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    margin-top: 8px;
}
.colorselectArea input.colorsingle {
    margin-top: 0;
    margin-right: 15px;
}
.colorselectArea .CommonAssetcolor {
    height: 18px;
    width: 18px;
    margin-right: 5px;
    border-radius: 3px;
}

.color_dc3856 {
    background-color: #ffcbd4;
}
.color_71617b {
    background-color: #f1dcff;
}
.color_d8bfd8 {
    background-color: #d8bfd8;
}
.color_00af9f {
    background-color: #cbfdf9;
}
.color_659bcd {
    background-color: #cce6fd;
}
.color_6c5759 {
    background-color: #fdced3;
}
.color_b284bd {
    background-color: #f2c8fd;
}
.color_f9de85 {
    background-color: #fff6d7;
}
.color_ec5578 {
    background-color: #ffd2da;
}
.color_93e9be {
    background-color: #d7ffeb;
}
.color_707f91 {
    background-color: #d4e7ff;
}
.color_e67c73 {
    background-color: #e7dad9;
}
.color_ffcbe8 {
    background-color: #ffcbe8;
}
.color_cbf8ff {
    background-color: #cbf8ff;
}
.color_f8ffcb {
    background-color: #f8ffcb;
}
.color_e7e7e7 {
    background-color: #e7e7e7;
}
.color_fff2da {
    background-color: #fff2da;
}
.color_edffd9 {
    background-color: #edffd9;
}
.color_ff9d9d {
    background-color: #ff9d9d;
}
.timetable_confi_TAB {
    margin-top: 30px;
    overflow: auto;
}


.add_attend_Sec .present_attend {
    font-size: 16px;
    color: #2a765b;
    font-family: var(--bold);
}
.add_attend_Sec .absent_attend {
    font-size: 16px;
    color: #d42121;
    font-family: var(--bold);
}
.add_attend_Sec .leave_attend {
    font-size: 16px;
    color: #ff5606;
    font-family: var(--bold);
}
.add_attend_Sec .identifierS {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;

}
.add_attend_Sec .identifierS .commonidenti {
    font-family: var(--bold);
    font-size: 16px;
    padding-left: 10px;
    margin-left: 30px;
    position: relative;
}
.add_attend_Sec .identifierS .presentATT{
    color: #1a741e;
}
.add_attend_Sec .identifierS .presentATT:before{
    content: "";
    position: absolute;
    left: -10px;
    top: 4px;
    height: 12px;
    width: 12px;
    border-radius: 24px;
    background-color: #1a741e;
}
.add_attend_Sec .identifierS .absentATT{
    color: #ff0000;
}
.add_attend_Sec .identifierS .absentATT:before{
    content: "";
    position: absolute;
    left: -10px;
    top: 4px;
    height: 12px;
    width: 12px;
    border-radius: 24px;
    background-color: #ff0000;
}
.add_attend_Sec .identifierS .leaveATT{
    color: #ff5606;
}
.add_attend_Sec .identifierS .leaveATT:before{
    content: "";
    position: absolute;
    left: -10px;
    top: 4px;
    height: 12px;
    width: 12px;
    border-radius: 24px;
    background-color: #ff5606;
}

.common_SP_TOP {
    border: 1px solid var(--b_color);
    height: 30px;
    width: 100%;
    line-height: 42px;
    box-sizing: border-box;
    padding: 0 12px;
    color: #000;
    border-radius: 0 !important;
    font-family: var(--regular);
    font-size: 13px;
}
.common_SP_TOP ~  .right_icon {
    top: 50%;
    right: 1px;
    transform: translateY(-50%);
    position: absolute;
    color: #ffffff;
    background-color: var(--theme);
    display: flex;
    align-items: center;
    z-index: 1;
    cursor: pointer;
    height: 30px;
    padding: 0px 10px;
}

.common_SP_TOP:focus-within {
    outline: none;
}
tr.default_present td {
/*     background-color: #d2f7cd; */
    font-family: var(--semibold);
    color: #1a741e;
}
tr.default_absent td {
 /*    background-color: #fdcfc7; */
    color: #ff0000;
    font-family: var(--semibold);
}
tr.default_leave td {
    /* background-color: #ffd4ab; */
    color: #ff5606;
    font-family: var(--semibold);
}
tr.default_leave {
    cursor: not-allowed;
    opacity: .65;
    box-shadow: none;
    pointer-events: none;
}





.selectsummary {
    padding: 10px 10px 15px 10px;
    background-color: #efefef;
    margin-top: 25px;
}
.Attendence_section_main .showBarStatus .SelectCriateria {
    padding-top: 0;
}
.Add_Attendence .Add_Attendence_lecturetitle .lec_title {
    font-size: 15px;
    color: #2a2a2a;
    font-family: var(--semibold);
}
.Add_Attendence_lecturetitle {
    display: flex;
    align-items: center;
}
.Add_Attendence_lecturetitle .countlecture {
    background-color: #fff;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    font-size: 15px;
    color: #000;
    font-family: var(--semibold);
    border: 2px solid #686868;
    margin-right: 15px;
}
.Add_Attendence .lecture_Desc {
    margin-left: 50px;
}
.Add_Attendence .lecture_Desc .classinfo{
    padding: 0;
}



.bg_lightorange {
    background: #fff6ee;
}
.orange {
    color: #f57d0d;
}
.bg_lightgrey {
    background: #f3f3f3;
}
.Attendence_section_main .summeryicon {
    background-color: #fff;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.sp_spclasstop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.sp_spclasstop .curentdate {
    display: flex;
    align-items: center;
}
.sp_spclasstop .current_d {
    font-size: 15px;
    color: #2a2a2a;
    font-family: var(--semibold);
}
.sp_spclasstop .current_day {
    font-size: 15px;
    color: #444444;
    font-family: var(--medium);
    margin-left: 15px;
}




.selectsummary .add_Absent_BTN {
margin-top: 25px;
}
.selectsummary .add_Absent_BTN a {
    font-size: 15px;
    color: #fff;
    padding: 10px 15px;
    background-color: var(--theme);
    font-family: var(--medium);
}
.countlabeldesc {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.countlabeldesc .labelinfo {
    margin-left: 10px;
    font-family: var(--semibold);
    color: #181818;
}
.countlabeldesc .labelcount.AbsenT {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-family: var(--bold);
    background-color: #c92a2a;
    border-radius: 24px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.countlabeldesc .labelcount.Leave {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-family: var(--bold);
    background-color: #ff5606;
    border-radius: 24px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.countlabeldesc .labelcount.Present {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-family: var(--bold);
    background-color: #1a741e;
    border-radius: 24px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.countlabeldesc .overall_asd {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 5px 15px;
    border-radius: 4px;
} 
.countlabeldesc .overall_asd .countAs {
    font-size: 16px;
    font-family: var(--bold);
}

.Attendence_lectures {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Attendence_section .Attendence_lectures .lecture_single {
    background-color: #f3f3f3;
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 5px;
    display: flex;
    width: 49%;
}
.lecture_title .lec_time {
    font-family: var(--medium);
    color: #4c4c4c;
}

.lecture_single .countsec {
    width: 35px;
}
.classinfo {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 10px;
}
.classinfo .infofield {
    display: flex;
    align-items: center;
    border-right: 1px solid #ccc;
    padding-right: 15px;
    margin: 3px 15px 3px 0;
}
.classinfo .courselabel {
    color: #878787;
    margin-right: 10px;
    font-family: var(--regular);
}
.classinfo .coursecurrent {
    color: #3c3c3c;
    font-family: var(--semibold);
}
.lecture_summery .lecture_status {
    margin-top: 24px;
    margin-bottom: 20px;
    position: relative;
}
.lecture_single.attendence_missed .lecture_summery .lecture_status {
    margin-top: 24px;
    margin-bottom: 20px;
    position: relative;
    text-align: right;
}
.lecture_summery .lecture_status .donestatus{
    position: absolute;
    top: -9px;
    left: 0;
}
.lecture_summery .lecture_status .missedstatus{
    position: absolute;
    top: -9px;
    right: 138px;
    background-color: #fff;
    border-radius: 24px;
}
.lecture_summery .lecture_status .addstatus{
    position: absolute;
    top: -12px;
    left: 0;
}
.lecture_summery .lecture_status .attendanceBTN{
    padding: 8px 8px 8px 16px;
    font-family: var(--medium);
    margin-left: 25px;
}
.lecture_summery .lecture_status a.attendance_done{
    color: #fff;
    background-image: linear-gradient(110deg,#2f8163,#24996e);
}
.lecture_summery .lecture_status a.attendance_missed{
    color: #fff;
    background-image: linear-gradient(110deg,#c93d3d,#b43f1c);
}
.lecture_summery .lecture_status a.attendance_add{
    color: #fff;
  background-color: var(--theme);
}
.lecture_summery .lecture_status a.attendance_add:hover{
    color: #fff;
  background-color: var(--theme_hover);
}
.lecture_summery .lecture_status .attendanceBTNSP{
    font-family: var(--medium);
    padding: 8px 8px 8px 16px;
    margin-left: 30px;
}

.lecture_single .countlecture {
    background-color: #fff;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    font-size: 15px;
    color: #000;
    font-family: var(--semibold);
    border: 2px solid #686868;
}
.lecture_single.attendence_missed .countlecture {
    background-color: #fff;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    font-size: 15px;
    color: #c63d38;
    font-family: var(--semibold);
    border: 2px solid #c33e34;
}
.lecture_single .lecture_summery {
    margin-left: 15px;
}
.lecture_single .lecture_summery .lecture_title  {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
   margin-top: 6px;
}
.lecture_single .lecture_summery .lecture_title .lec_title {
    font-size: 15px;
    color: #2a2a2a;
    font-family: var(--semibold);
    margin-bottom: 8px;
}
.lecture_single.attendence_done {
    background-color: #e7fdf5 !important;
}
.lecture_single.attendence_done .countlecture {
    background-color: #fff;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    font-size: 15px;
    color: #000;
    font-family: var(--semibold);
    border: 2px solid #2a765b;
}
.lecture_single.attendence_done .countlecture {
    color: #2c8967;
}
.lecture_single.attendence_missed {
    background-color: #ffe8e8 !important;
    border: 1px solid #eb5555;
}





.lecture_summery .lecture_overview {
    display: flex;
}
.lecture_summery .lecture_overview .lecture_overviewinfo{
    padding: 8px 10px;
    background-color: #fff;
    margin-right: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.lecture_summery .lecture_overview .lecture_overviewinfo .courselabel {
    font-family: var(--regular);
    color: #6a6a6a;
}
.lecture_summery .lecture_overview .lecture_overviewinfo .coursecurrent {
    font-size: 16px;
    font-family: var(--semibold);
    margin-left: 10px;
}












.SP_widtharea {
    width: 150px;
    overflow: hidden !important;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
    line-height: 18px;
}
table.common_table.table-bordered.Timetable tr td .btnUms{
    justify-content: initial;
}
table.common_table.table-bordered.Timetable tr td a.btnUms.btnUms-outline-theme{
    justify-content: center;
}

.identifiers {
    display: flex;
    align-items: center;
}
.identifiers .identifiers_single .commonidentifiers {
    color: var(--black);
    font-family: var(--medium);
}
.identifiers .identifiers_single {
    margin-left: 50px;
}

.identifiers .identifiers_single .Regular_Theory:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -20px;
    height: 15px;
    width: 15px;
    background-color: #446fdf;
    border-radius: 2px;
}
.identifiers .identifiers_single .Elective_Theory:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -20px;
    height: 15px;
    width: 15px;
    background-color: #ec7733;
    border-radius: 2px;
}
.identifiers .identifiers_single .Regular_Lab:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -20px;
    height: 15px;
    width: 15px;
    background-color: #6c757d;
    border-radius: 2px;
}
.identifiers .identifiers_single .Elective_Lab:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -20px;
    height: 15px;
    width: 15px;
    background-color: #17a2b8;
    border-radius: 2px;
}



.infovalue.Mob {
    display: flex;
}
.infovalue.Mob .asdf{
   margin-left: 10px;
   cursor: pointer;
}
.Tab_Contsbox .p_15 .d_flex {
    height: 27px;
}
.Table_con_grids .semester {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #d3d2d2;
    padding: 5px 15px;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 700;
    border: 1px solid #b8b8b8;
    color: #000;
}
.useriocniLU {
    background-color: #fff;
    width: 35px;
    padding: 5px;
    margin-right: 10px;
    border-radius: 24px;
}


.Table_con_grids .title-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    color: #8e2825;
    padding: 2px 4px;
    text-transform: uppercase;
    border: 1px solid #000;
    margin-top: 8px;
    margin-bottom: 8px;
}
.Table_con_grids .result_table {
    border-collapse: collapse;
    width: 100%;
}

.Table_con_grids .result_table th {
    border: 1px solid #000000;
    padding: 2px 6px;
    color: #000;
    background-color: #ffc0be;
    font-size: 14px;
    font-family: var(--semibold);
}


.Table_con_grids .result_table tr td:nth-child(1) {
    width: 110px;
}

.Table_con_grids .result_table td {
    border: 1px solid #b8b8b8;
    padding: 2px 6px;
    color: #000;
    font-size: 14px;
}


.syllabus_info .topbarHeaderBox {
    background-color: rgb(83 102 151);
 /*  background-image: linear-gradient(110deg,#f5365c,#f56036); */
    z-index: 1;
    padding: 6px 12px;
}
.syllabus_info .topbarHeaderBox .title {
    font-family: var(--semibold);
}
.syllabus_info .topbarHeaderBox .Right_part_items .Field_white_short .common {
    height: 32px;
    border: 1px solid transparent;
}

.syllabus_info .simple_table tr:nth-child(even) {
    background-color: #f1f1f1;
}
.syllabus_info .simple_table th {
    padding: 7px 10px;
    word-wrap: break-word;
    border: 1px solid #ccc;
    position: relative;
    color: #000;
    line-height: 15px;
    font-weight: 600;
    height: 34px;
}



.Table_con_grids .semester .attempt {
    cursor: pointer;
    background-color: #0786ff;
    color: #fff;
    padding: 0 5px;
}
.info-itemS {
    display: flex;
    padding: 2px 0;
    text-transform: uppercase;
    width: 100%;
}

.grade-History .Tab_Contsbox {
    background-color: #f7f7f7;
    border-bottom: 1px dashed #ccc;
    margin-top: 15px;
}
.border_top {
    border-top: 1px solid #ccc;
}
.grade-History .result_display tr.resultsortoverview th {
    background-color: #8e2825;
    font-size: 14px;
    color: #fff;
}


.checkboxselectionBox {
    display: flex;
    align-items: center;
}
.checkboxselectionBox input[type=checkbox] {
    margin-top: -3px;
    width: 17px;
    height: 17px;
}
.checkboxselectionBox .lavbel_name {
   margin-left: 10px;
   color: var(--black);
   font-family: var(--medium);
}

.Employee_profile .tab  {
    overflow: hidden;
    font-family: var(--regular);
    margin-top: 30px;
    border-bottom: 1px solid #ccc;
}
.Employee_profile .tab .tablinks {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 15px;
    transition: 0.3s;
    font-family: var(--semibold);
    font-size: 14px;
    color: #4465c6;
    background-color: transparent;
/*     border-right: 1px solid #adadad; */
}
.Employee_profile .tab .tablinks:hover {
    background-color: #ebebeb;
}
.Employee_profile .tab .tablinks.active {
    color: #fff;
    background-color: #000;
}
/* .Employee_profile .Tab_Contsbox {
   margin-top: 20px;
} */
.Tab_Contsbox .singleinfoemployee {
    display: flex;
    align-items: center;
    height: 27px;
}

.Tab_Contsbox .singleinfoemployee .infoLabel {
    min-width: 250px;
    font-family: var(--semibold);
    color: #000444;
}
.Tab_Contsbox .singleinfoemployee .infovalue {
    color: #000444;
}
.Tab_Contsbox .singleinfoemployee span.comasepretor {
    padding: 0 15px;
    font-family: var(--semibold);
}
.Employee_profile .Tab_Contsbox .titleMO {
    padding: 10px;
    font-size: 16px;
    color: #fff;
    font-family: var(--semibold);
    background-color: #4a5b8b;
}
.student_profile .Tab_Contsbox .titleMO {
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    font-family: var(--semibold);
    background-color: #e5516e;
    background-image: linear-gradient(110deg,#f5365c,#f56036);
    border-radius: 24px;
}
.Tab_Contsbox .partinFo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Tab_Contsbox .partinFo .leftinfoitems{
    width: 49%;
    border: 1px solid #b6bbdd;
}
.Tab_Contsbox .partinFo .rightinfoitems{
    width: 49%;
    border: 1px solid #b6bbdd;
}

.Employee_profile .mypof .imageareaparts .imageuserid {
    background-image: linear-gradient(110deg,#18486e,#3292df);
  background-color: #fff;
    color: #fff;
    width: 100px;
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.Employee_profile .mypof .imageareaparts .imageuserid img {
    border-radius: 50%!important;
}

.Employee_profile .mypof {
    display: flex;
    align-items: center;
   /*  background-color: #7a9fcb; */
   padding: 10px 0;
   background-color: #f5f5f5;
}


.Employee_profile .heydiv{
    padding: 10px;
    font-size: 16px;
    color: #fff;
    font-family: var(--semibold);
    background-color: #4a5b8b;
}
.student_profile .heydiv{
    padding: 3px 15px;
    font-size: 16px;
    color: #fff;
    font-family: var(--semibold);
    /* background-color: #4a5b8b; */
    background-image: linear-gradient(110deg,#f5365c,#f56036);
}

.Employee_profile .mypof .employeeSp {
    padding: 5px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* background-image: linear-gradient(110deg,#18486e,#3292df);
    color: #fff; */
    background-color: #fff;
    border-radius: 30px;
    box-shadow: rgb(0 0 0 / 10%) 0px 20px 40px 2px;
    margin-left: 15px;
}
.student_profile .mypof .employeeSp {
    padding: 5px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
  /*   background-image: linear-gradient(297deg,#dd4b4b,#c11d1d); */
   /*  color: #fff; */
    border-radius: 30px;
    box-shadow: rgb(0 0 0 / 10%) 0px 20px 40px 2px;
    margin-left: 15px;
}
.mypof .employeeSp .title {
    /* color: #ffffff; */
    padding-bottom: 5px;
    width: 100%;
    font-size: 13px;
    color: #545454;
}
.mypof .employeeSp .Value {
    font-size: 16px;
    color: #000;
    font-family: var(--semibold);
}





.student_profile .mypof .imageareaparts .imageuserid {
 /*    background-image: linear-gradient(110deg,#db4c4c,#df3232); */
 background-color: #fff;
 color: #fff;
 width: 100px;
 text-align: center;
 height: 100px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
}

.student_profile .mypof .imageareaparts .imageuserid img {
    border-radius: 50%!important;
}

.student_profile .mypof {
    display: flex;
    align-items: center;
    padding: 10px 0;
  /*   background-color: #f5f5f5; */
  background-image: url(../images/bg_grade_pattemt.jpg);
  background-size: contain;
}
.student_profile .mypof .imageareaparts{
    margin-right: 15px;
    background-image: linear-gradient(110deg,#f5365c,#f56036);
    padding: 15px;
    margin-left: 15px;
    border-radius: 10px;
}
.Employee_profile .mypof .imageareaparts {
    margin-right: 15px;
    background-image: linear-gradient(110deg,#3c8add,#2b4eb1);
    padding: 15px;
    margin-left: 15px;
    border-radius: 10px;
}
.student_profile .tab  {
    overflow: hidden;
    font-family: var(--regular);
    margin-top: 30px;
    border-bottom: 1px solid #ccc;
}
.student_profile .tab .tablinks {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 15px;
    transition: 0.3s;
    font-family: var(--semibold);
    font-size: 14px;
    color: #4465c6;
    background-color: transparent;
}
.student_profile .tab .tablinks:hover {
    background-color: #cacaca;
}
.student_profile .tab .tablinks.active {
    color: #fff;
    background-color: #000;
}
/* .student_profile .Tab_Contsbox {
   margin-top: 20px;
} */






















.showBarStatus .SelectCriateria {
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 15px;
}
/* .SelectCriateria .Selectionoption {
    width: 25%;
    margin-right: 40px;
    border-right: 1px solid #ccc;
    padding-right: 35px;
} */

 .alphaDefault {
    background-color: #f3f3f3;
    color: #2b80d5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    line-height: 16px;
    height: 30px;
    width: 30px;
    border: 2px solid #2b80d5;
    font-family: var(--semibold);
}



.sp_radio .rd_box {
    display: flex;
    padding: 10px;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    width: calc((100% - 210px)/7);
}
.sp_radio .rd_box input[type=radio] {
    margin-top: 0;
    margin-right: 10px;
}
.sp_radio .rd_box label {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 28px;
    font-weight: 500;
}
.showBarStatus .titleareasec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}
.showBarStatus .titleareasec .titleareaword {
    font-size: 14px;
    font-family: var(--medium);
    line-height: 16px;
    
    display: flex;
    align-items: center;
}
.showBarStatus .titleareasec select.year_select {
    padding: 5px 10px;
}
.tablinks span.count_MD {
    font-size: 13px;
    color: #000;
    background-color: #ffffff;
    padding: 5px 8px;
    margin-left: 5px;
    border-radius: 4px;
}
.showBarStatus .titleareasec select.year_select:focus-within {
    outline: none;
}
.titleareasec .year_caterise {
    margin-left: 10px;
}
.tab.scrutiny {
    overflow: hidden;
    background: #e9e9e9;
    font-family: var(--regular);
}
.tab-section-inner .tab.scrutiny a.active {
    color: #fff;
    background-color: var(--theme);
}
.tab-section-inner .tab.scrutiny .tablinks {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 15px;
    transition: all 0.2s ease;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--medium);
}


.showBarStatus .statusshowbar {
   width: 100%;
   
}
.showBarStatus {
    background-color: #f0f2ff;
    padding: 15px;
}
.statusshowbar .summeryBox .numberCount {
    font-size: 21px;
    font-family: var(--semibold);
}




.statusshowbar .summeryBox .Statusword {
    font-size: 14px;
    color: #333;
    padding-bottom: 10px;
    font-family: var(--medium);
}




.asdefault{
    align-items: center;
    flex-direction: row;
}

.box_areas{
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.box_areas label{
    margin-bottom: 0;
}
.box_areas input[type=radio]{
    margin: 5px 5px 0 0;
}
.box_areas label{
    font-weight: 500;
}
.roll_person .Authority_name{
    font-family: var(--semibold);
    line-height: 20px;
    font-size: 13px;
    color: var(--grey);
}
.roll_person .fa-user-circle{
    font-size: 20px;
    color: #29314c;
    margin-right: 8px;
}
/* error box section*/
span.error {
    color: red;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 15px 0 0;
    font-family: var(--regular);
}
span.error_TimeSp {
    position: absolute;
    left: 10px;
    top: 90px;
    color: red;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 15px 0 0;
    font-family: var(--regular);
}
.validation-summary-errors {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 15px;
    background: #ffebeb;
    border-top: 2px solid #c34242;
    position: relative;
}
.comentboxminheight {
    max-height: 400px;
    overflow: auto;
}
.withposition{
   position: absolute;
   left: 230px;
   bottom: -25px;
}

.responser .infonamepart {
    background-color: #f5f9ff;
    padding: 8px;
    border-radius: 6px;
    width: calc(85% - 60px);
    border-left: 2px solid #53a9ff;
}
.spvalue .com-label{
    margin-bottom: 0;
}
.spvalue input[type=checkbox] {
    margin-top: 0;
}
.sender .infonamepart {
    background-color: #f6fff5;
    padding: 8px;
    border-radius: 6px;
    width: calc(85% - 60px);
    border-right: 2px solid #40c938;
}
.responser .ImageSection {
    order: 2;
}
.infonamepart .name {
    font-family: var(--semibold);
}
.infonamepart span.commentname {
    display: block;
    color: #646464;
    font-family: var(--regular);
}
.AssignmentSn .assignmentTitle {
    display: flex;
    align-items: center;
}
button.note-btn[aria-label="Video"] {
    display: none;
}
.approvers_section .approvesingleActive{
    border-radius: 24px;
    background-color: #fff7ed;
}
.approvers_section .orange_border {
    border: 1px solid #f38502;
}
.approvers_section .green_border{
    border: 2px solid #4bae4f;
}
.approvers_section .red_border {
    border: 2px solid #d90e0e;
}
.approvers_section .grey_border {
    border: 1px solid #a1a1a1;
}
.approvers_section .approvesinglecommon{
    border-radius: 24px;
    border: 1px solid #b3b3b3;
}
.approvers_section .ApproverLabel{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.approvers_section .approvername {
    padding: 0 8px;
    white-space: nowrap;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* body .note-editor .note-toolbar .note-btn-group .note-table, body .note-popover .popover-content .note-btn-group .note-table {
    min-width: fit-content;
} */
.singlehistory .userPresets{
    z-index: 1;
    position: relative;
}
.submitterimage .line {
    position: absolute;
    height: calc(100% + 30px);
    width: 1px;
    background-color: #ccc;
    left: 50%;
    top: 0;
    z-index: 0;
}
.submittersection .identiy {
    background-color: #1c85d9;
    color: #fff;
    padding: 3px 8px 0;
    border-radius: 24px;
    font-family: var(--medium);
    cursor: pointer;
}
span.submitterdetails {
    font-family: var(--semibold);
}
span.approveName {
    font-family: var(--medium);
}
.submittersection .approveName{
    font-family: var(--medium);
}
.historylist .singlehistory .submitterimage .userPresets{
    height:40px;
    width:40px;
}
.historylist .singlehistory{
    margin: 25px 0;
}
.historydetails .green {
    color: #4bae4f;
    font-family: var(--medium);
}
.submitertitle{
    background-color: #f9f9f9;
    padding: 10px;
}
.approvers_section .approveName{
    min-width: 220px;
}
.historydetails .submitterdate {
    color: #8d8d8d;
    font-size: 12px;
}
.historydetails .approvedesignation{
    font-size: 12px;
    color: #8d8d8d;
}
.singlehistory .submitterimage {
    position: relative;
}
.historydetails .CommentBox {
    border: 1px solid #ccc;
    padding: 8px;
    margin-top: 10px;
}
.submitterimage.withcheck .done{
    position: absolute;
    top: -5px;
    right: 0px;
    z-index: 1;
}
.submitterimage .closeIcon{
    position: absolute;
    top: -5px;
    right: 0px;
    z-index: 1;
}
.approvesingleActive .triangles{
    border: 6px solid transparent;
    border-top-color: #f5911a;
    position: absolute;
    top: -10px;
    left: 16px;
}
.CommentBox .comenttext{
    display: block;
    color: #6e6e6e;
}

.approvers_section .approvedesignation{
    font-size: 12px;
    color: #8d8d8d;
    display: block;
}
.ApprovedPart .greenText{
    color: #1a741e;
    font-weight: 500;
}
.approvers_section .ImageSection .userPresets {
    width: 40px;
    height: 40px;
    padding: 2px;
}

.approvers_section .ImageSectioncommon .userPresets {
    width: 40px;
    height: 40px;
    padding: 2px;
}
.approvers_section .ImageSectionactive .userPresets{
    width: 40px;
    height: 40px;
    padding: 2px;
}
.assignmentTitle .nameassignment {
 /*    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: #0e6ea7;
    display: flex;
    margin-left: 8px;
    align-items: baseline;
    font-family: var(--medium); */
    line-height: 30px;
    display: flex;
    margin-left: 10px;
    font-family: var(--semibold);
    font-size: 16px;
    color: #484848;
}
 .dropdown-menu.allstudentlist{
    position: absolute;
    left: 0;
}
.AssignmentSn .assignmentTitle .nameassignment {
    margin-left: 8px;
    line-height: normal;
    font-size: 16px;
    color: #484848;
    font-family: var(--semibold);
    display: inline-block;
    width: 500px;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.alldropsection .dropdown .single_user .namepart .ImageSection .userPresets {
    width: 30px;
    height: 30px;
}
.singleasignmentdetailsbox .ImageSection .userPresets {
    width: 35px;
    height: 35px;
}
/*  .dropdown-menu.allstudentlist .singleListitem{
    padding: 5px 15px;
} */
.round_4{
    border-radius: 4px;
}
.alldropsection {
 /*    width: 400px;
    margin-right: 130px; */
}
.single_user .boxdeop {
    background-color: #f3f3f3;
    padding: 2px 15px 2px 5px;
    min-width: 520px;
    margin-right: 12px;
}
.filesingledetail .pdfTitle a{
    font-size: 13px;
    color: #4c4c4c;
}
.alldropsection .single_user {
  /*   background-color: #f3f3f3; */
    padding: 5px 15px;
    display: flex;
    align-items: center;
}
.allstudentlist .single_user .sortby{
    font-family: var(--semibold);
    font-size: 13px;
}
.allstudentlist .single_user .sortby ~ a{
    font-family: var(--regular);
    font-size: 13px;
}
.allstudentlist .single_user{
    background-color: #f3f3f3;
}
.allstudentlist .single_user .sortby ~ a.btn-outline{
    color: #000;
    border: 1px solid #ccc;
}
.boxdeop .namepart span.studentname {
    font-family: var(--semibold);
    font-size: 13px;
}
.droplistpart span.studentname {
    font-size: 13px;
}
a.singlestudentdroplist:hover {
    background-color: #ccc;
}
.allstudentlist .maxcontentheight{
    max-height: 400px;
    overflow: auto;
}
.droplistpart{
    padding: 3px 15px;
}
.droplistpart.Active{
    background-color: #f0f4ff;
}

input.radiopreferences {
    margin: 0;
}
span.radiocontent {
    color:  #000 !important;
    margin-left: 10px;
}
.showapprover{
    margin-left: 15px;
}
.showapprover:focus{
    text-decoration: none;
    outline: none;
}

#pdfarea iframe {
    width: 100%;
    min-height: 700px;
}
.droplistpart .studentnamearea {
    min-width: 280px;
}

.singleasignmentdetailsbox .Files {
    font-size: 18px;
    font-family: var(--semibold);
}
.singleasignmentdetailsbox .SubmissionTiming {
    font-size: 12px;
    margin-bottom: 5px;
    color: var(--grey);
    font-family: var(--regular);
}
.singleasignmentdetailsbox .filesingle {
    padding: 7px 10px;
    border: 1px solid #ccc;
    margin-bottom: 8px;
    border-radius: 3px;
}
.singleasignmentdetailsbox .filesingle.Active {
    background-color: #f3f3f3;
    position: relative;
}
.singleasignmentdetailsbox .filesingle.Active:before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 3px;
    background-color: #2177ff;
}
.singleasignmentdetailsbox .pdficon {
    min-width: 31px;
}
.singleasignmentdetailsbox span.commentname {
    display: block;
    color: #646464;
}
.singleasignmentdetailsbox .name {
    font-weight: 600;
}
.singleasignmentdetailsbox .inputcomentbutton {
    position: relative;
}
.singleasignmentdetailsbox .inputtype .inputcomentbox {
    border: 1px solid #d3d3d3;
    height: 39px;
    width: 100%;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 45px 0 12px;
    color: #000;
    border-radius: 20px;
    font-family: var(--regular);
}
.singleasignmentdetailsbox .inputtype {
    width: 100%;
    margin-left: 8px;
}
.singleasignmentdetailsbox .submitcomment a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    color: #fff;
    background-color: rgb(66 94 167);
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
}
.singleasignmentdetailsbox .inputtype .inputcomentbox:focus {
    border: 1px solid #29aae3;
    outline: none;
}
.droplistpart .ImageSection .userPresets {
    width: 30px;
    height: 30px;
}
.arrowarea.d_flex {
  /*   position: absolute;
    right: -110px;
    top: 50%;
    transform: translateY(-50%); */
}
.arrowarea  .icon{
    background-color: #0e6ea7;
}
.arrowarea .icon {
    background-color: #f3f3f3;
    height: 30px;
    width: 30px;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
}
.AsignmentDashbordbox .Dashbordummery {
    margin-bottom: 15px;
    /* padding: 10px; */
    border-bottom: 1px solid #ccc;
}
.Removeaction {
    background-color: #e15454;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    transition: all 0.2s ease;
    font-size: 12px;
}
.Removeaction:hover {
    color: #fff;
    background-color: #af2e2e;
}
.Removeaction:focus {
    color: #fff;
}
.buttonarea .addbutton {
    background-color: #3c7fcb;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.2s ease;
}
.buttonarea .addbutton:hover{
    color: #fff;
    background-color: #225fa5;
}
.buttonarea .addbutton:focus{
    color: #fff;
}
.labeltag {
    font-weight: 600;
    margin-right: 15px;
}
.validation-summary-errors > ul {
  padding-left: 15px;
}
.warningBoxContent .imgpart{
    margin-right: 25px;
}
.SpecialWordCount .Word {
    font-size: 14px;
    font-family: var(--regular);
}
.validation-summary-errors > ul > li {
    font-size: 12px;
    line-height: 20px;
    color: #dc4545;
    font-family: var(--regular);
}
.SDetailsselect {
    width: 200px;
    margin-left: 15px;
}
a.Tableicon {
    color: #333;
    font-size: 14px;
    transition: all 0.2s ease;
}
.close_tag {
    position: absolute;
    right: 15px;
    font-size: 18px;
    cursor: pointer;
    color: #333;
}
body .ranges li {
    border-radius: 0;
    color: #000;
    font-size: 11px;
    font-family: var(--regular);
}

/* search box green */
input.search_field_dark {
    color: #000;
    border: 1px solid #ccc;
    height: 30px;
    padding: 0 40px 0 12px;
    width: 280px;
    background-color: transparent;
    font-family: var(--medium);
}
input.search_field_dark::placeholder {
    transition: all 0.2s ease;
    font-size: 12px;
}
input.search_field_dark:focus::placeholder {
    padding-left: 5px;
}
input.search_field:focus,
input.search_field_dark:focus {
    outline: none;
}
.search-summary-result{
    background: #eff7eb;
    padding: 15px;
    margin: 8px 0;
    position: relative;
}
.search-summary-result .search_title{
    font-size: 14px;
    font-weight: 600;
}
.search-summary-result ul{
    padding-left: 20px;
    margin: 15px 0;
}
.search-summary-result .close_tag{
    position: absolute;
    top: 15px;
    right: 20px;
}
.search-summary-result .sr_field{
  font-size: 13px;
}
.search-summary-result .sr_content{
    font-weight: 600;
}

a.dropdown-item-menu {
    display: block;
    font-size: 13px;
    padding: 4px 8px;
    transition: all 0.2s ease;
}
a.dropdown-item-menu:hover {
    background-color: #f1f5f7;
}
.tag-instruction {
    color: #7c7c7c;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    font-family: var(--regular);
}
span.tag-instruction.Left_Align {
    text-align: left;
}
a.disabled {
    pointer-events: none;
    cursor: default;
}
.modal-header .title{
    color: #fff;
}
.sub_details {
    text-align: center;
}
.sub_details .detail{
    font-size: 13px;
    padding: 0 10px;
    line-height: normal;
    color: #fff;
    font-family: var(--regular);
    border-right: 1px solid;
}
.sub_details .detail:last-child{
    border-right: 0;
}
/* Date range piker Custom */

body .ranges li.active {
    background-color: #18486e;
    border: 1px solid #18486e;
    color: #fff;
}
body .range_inputs .applyBtn {
    background-color: #18486e;
    border: 1px solid #18486e;
    color: #fff;
    font-family: var(--regular);
}
body .range_inputs .cancelBtn {
    font-family: var(--regular);
}
body .ranges li{
    color: #333;
}



/* some extra css */

.no-record{
    font-size: 16px;
    line-height: 30px;
}
button.list_btn {
    font-size: 18px;
    background: transparent;
    border: 0;
    font-weight: 600;
}
button.btn.list_btn.dropdown-toggle:focus-within {
    outline: none;
    border: 0;
}
.btn:active {
    box-shadow: none;
}
.ad_options .fa-plus {
    color: #fff;
    font-size: 12px;
}
.dataTables_length select:focus {
    outline: none;
}
.title-section .dropdown-menu > li > a {
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 400;
}

button.btn.refresh {
    margin-left: 15px;
}
button.btn.refresh:hover i {
    color: #fff;
}
.title.ad_section {
    font-size: 16px;
}
.registration_part.add_data {
    margin-top: 10px;
    padding-top: 0;
}
option.op_val{
    font-size: 13px;
    line-height: normal;
    padding: 5px 0;
}