.multipleLabelSPD ~ .select2-container {
    width: 100% !important;
    background-color: #fff;
    padding: 5px 10px;
    border: 1px solid var(--b_color);
    outline: 0;
    min-width: calc(100% - 15px);
}
.multipleLabelSPD ~ .select2-container--default .select2-selection--multiple {
    border: none;
}
.multipleLabelSPD ~ .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
}
.multipleLabelSPD ~ .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #d9d9d9;
    border-radius: 1px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 2px 8px;
    padding-left: 21px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    font-size: 13px;
    line-height: 16px;
}
.multipleLabelSPD ~ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 13px;
    line-height: 22px;
}
.multipleLabelSPD.ms-parent ~ .select2-container--default {
   display: none;
}


@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');













.serviceAR.questionanswer .singleQA {
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
}
.serviceAR.questionanswer .singleQA .question {
    font-size: 14px;
}


.allmodulesdiv .box-items .box_module .name {
    font-size: 14px;
    font-weight: 500;
    color: var(--grey);
    font-family: var(--medium);
    margin-top: 6px;
    padding: 8px 20px;
    border-radius: 24px;
    background-color: #fff;
    
}
.allmodulesdiv {
    font-size: 40px;
    font-weight: 600;
    background-color: #ffffff;
    padding: 15px 30px;
    max-width: 800px;
    margin: 0 auto;
}
.allmodulesdiv .box-items .box_module {
    min-width: 130px;
    width: calc((100% - 90px) / 4);
    min-height: 73px;
    padding: 10px 0;
    height: 130px;
    text-align: center;
    transition: 0.2s ease-in;
    margin: 9px;
    color: var(--black);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: #f9f9f9;
    border-radius: 4px;
}
.allmodulesdiv .box-items .box_module img {
    width: 70px;
}


.Schedule_a {
    position: relative;
}
.Schedule_a:before {
    content: "";
    position: absolute;
    height: 9px;
    width: 9px;
    border-radius: 24px;
    background-color: #0bbe29;
    top: -8px;
    right: 0;
}


























.menu-toggle a.icon {
    display: none;
}

#dynamicTextbox {
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 5px;
    margin-left: 54px;
    width: calc(100% - 75px);
   
}
#dynamicTextbox:focus-visible {
  outline: none;
   
}

.SPDEM .spsearch {
    font-size: 16px !important;
    font-family: var(--semibold);
    padding-left: 5px !important;
}
.SPDEM .spsearchnew {
    font-family: var(--regular);
    padding-left: 3px !important;
}

.tabSPD .tablinks {
    background-color: transparent;
    padding: 8px 8px;
    border: 1px solid #ccc;
    margin-right: 15px;
}
.tabSPD .tablinks img {
    opacity: 0.4;
}
.tabSPD .tablinks.active img {
    opacity: 1;
}

.tabSPD .tablinks.active {
    border: 2px solid #3b74b9;
    opacity: 1
}


.Max_300 {
    max-height: 300px;
    overflow: auto;
}


.sms_box_layout .templatename {
    font-family: var(--semibold);
}

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


.subjectsplink.black .itemname {
    color: #000;
}

.pointer {
    cursor: pointer;
}
.w_300 {
    font-weight: 300;
}
.listTemps {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.listTemps .singleTemps {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 150px)/5);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #a1a1a1;
}
.listTemps .singleTemps .imageprev img {
   width: 100%;
}

.listTemps .singleTemps .tempfilterinfo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #e9e9e9;
    padding: 10px;
    min-height: 85px;
}
.listTemps .singleTemps .defaultset {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 15px;
    color: #fbfbfb;
    font-family: var(--medium);
    background-color: #1b9f6d;
    padding: 6px 15px;
}

.titleSPD {
    font-size: 15px;
    color: #272727;
    font-family: var(--semibold);
}
.rulevaluessec {
    display: flex;
    background-color: #fff3ed;
    padding: 15px;
    margin-top: 15px;
}
.rulevaluessec .title {
    color: #272727;
    font-family: var(--semibold);
    padding-bottom: 10px;
}
.rulevaluessec .include {
    margin-right: 25px;
    min-width: 300px;
}
.rulevaluessec .val .comvalue {
    margin-right: 25px;
}


.fileuploadSec {
 /*    position: absolute;
    right: 20%;
    top: 50%;
    transform: translateY(-50%); */
}
.fileuploadSec .fielcontroll {
    border: 1px dashed #ccc;
    height: 80px;
    width: 300px;
  
    padding: 10px;
    position: relative;
    cursor: pointer;
}
.fileuploadSec .fielcontroll:after {
    content: "Upload Your Organization Logo";
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    padding: 45px;
    transform: translate(-50%, -50%);
    color: #3457ab;
    font-family: var(--semibold);
}
.fileuploadSec .fileseC .errorinfo {
    font-size: 13px;
    line-height: 30px;
    color: var(--grey);
    font-family: var(--regular);
    margin-top: 35px;
}



.spclaasforicons {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.7;
    background-color: #ededed;
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #ccc;
}
.spclaasforicons.leftalign {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
    background-color: #ededed;
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #ccc;
}

.dropdown.withsptables .dropdown-menu {
    max-width: 70px !important;
    min-width: 60px;
}
.dropdown.withsptables .dropdown-menu li a {
    max-width: 70px !important;
    min-width: 60px;
}


.search_lists .spSearchaddressdiv {
    padding-left: 0;
}
.search_lists .spSearchaddressdiv li {
    list-style: none;
    background-color: #f3f3f3;
    margin-bottom: 8px;
    cursor: pointer;
}
.search_lists .spSearchaddressdiv li:hover {
    background-color: #319cff;
   color: #fff;
}

.imagesendreceive {
    width: 100px;
    position: relative;
}
.imagesendreceive .imageicontransfer {
    width: 40px;
    transform: rotate(90deg);
    position: absolute;
    top: 15px;
    left: 30px;
    background-color: #e7eafb;
    padding: 5px;
    border-radius: 6px;
}




.spclasss li::marker {
    font-size: 20px;
}


.right_space {
    padding-right: 55px !important;
}
.left_space {
    padding-left: 55px !important;
}

.sp_tgabcont .tabcontent {
    display: none;
}
.sp_tgabcont .tab {
    border-bottom: 1px solid #ccc;
}
.sp_tgabcont .tab .tablinks {
    background-color: #f3f3f3;
    border: none;
    padding: 10px 15px;
    font-family: var(--semibold);
    margin-right: 6px;
    min-width: 150px;
}
.sp_tgabcont .tab .tablinks.active {
    background-color: #4774c7;
    color: #fff;
}


.profilepictureSec .imagediv img{
    width: 100%;
    border-radius: 50%;
}
.profilepictureSec .imagediv{
    width: 160px;
    overflow: hidden;
    padding: 5px;
    border-radius: 50%;
}
.profilepictureSec .imagediv.pending{
    border: 5px solid #ababab;
}
.profilepictureSec .imagediv.approve{
    border: 5px solid #40a940;
}
.profilepictureSec .imagediv.Reject{
    border: 5px solid #dc3545;
}



table.common_table.SPinventoryTable .sp_inputbox {
    position: absolute;
    top: 0;
    right: 10px;
}
table.common_table.SPinventoryTable .sp_inputbox_left {
    position: absolute;
    top: 0;
    left: 10px;
}

.field-set input[type="text"] {
    position: relative;
    color: #7C7C7C;
}
#destination_deliver_popup .modal-dialog {
    background: #fff;
    min-width: 600px !important;
}

table.common_table.SPinventoryTable {
    width: 100%;
}
table.common_table.SPinventoryTable th {
    padding: 7px 10px;
    word-wrap: break-word;
    border-bottom: 1px solid #efefef;
    position: relative;
    font-family: var(--semibold);
    background-color: #f1f5f7;
    color: #000;
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    height: 60px;
    border: 1px solid #ccc;
    text-transform: uppercase;
  }
  table.common_table.SPinventoryTable td {
    line-height: 16px;
    padding: 10px 10px;
   /*    min-width: 160px; */
  /*   max-width: 200px; */
    word-wrap: break-word;
    border: 1px solid #efefef;
    position: relative;
    font-family: var(--regular);
    font-size: 13px;
  }


.contentfilter .headtitle {
    font-size: 14px;
    color: #000;
    font-family: var(--medium);
    background-color: #e7e7e7;
    padding: 10px 8px;
    border-left: 2px solid #18486e;
    cursor: pointer;
}
.contentsdiv .singlefilter {
    display: flex;
    align-items: center;
}
.contentsdiv .singlefilter .checkfill {
   margin-top: -3px;
}
.contentsdiv .singlefilter .linefill {
  margin-left: 10px;
}
.contentsdiv .imagepreviewbox {
    padding: 10px;
    border: 1px dashed #ccc;
    text-align: center;
}
.linefill {
    font-size: 13px;
    color: #313131;
}
.addresspreview {
    padding: 10px;
   
    text-align: center;
}
.addressdet {
    border: 1px dashed #ccc;
    margin-left: 25px;
    text-align: center;
    background-color: #fffaf4;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.dropareaSPP .dropdown-menu {
    top: 38px;
    left: 14px;
}
.dropareaSPP .dropdown-menu ul{
   padding-left: 0;
}
.dropareaSPP .dropdown-menu li{
   list-style: none;
   margin: 4px;
   
}
.dropareaSPP .dropdown-menu a{
    font-size: 13px;
    color: #7a7a7a;
    padding: 6px 8px;
    min-width: 300px;
}
.dropareaSPP .dropdown-menu li a:hover {
   background-color: #0786ff;
   color: #fff;
}
.status_primary {
    padding: 8px 15px;
    color: #fff;
    background-color: #0786ff;
}
.status_success {
    padding: 8px 15px;
    color: #fff;
    background-color: #0bbe29;
}
.status_danger {
    padding: 8px 15px;
    color: #fff;
    background-color: #e72e2e;
}

.itemname {
    font-size: 14px;
    color: #0786ff;
    font-family: var(--medium);
}
.uppercase {
    text-transform: uppercase;
}
.font_16 {
    font-size: 16px;
}
.font_15 {
    font-size: 15px;
}
.font_12 {
    font-size: 12px;
}
.font_11 {
    font-size: 11px;
}

.main-filter.asdf .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
    color: #6d6d6d;
}
.main-filter.asdf .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #6d6d6d transparent transparent transparent;
    border-width: 5px 4px 0 4px;
}



.titleboxSP {
    font-size: 14px;
    color: #000;
    font-family: var(--medium);
}

span.alphaborderpic {
    font-size: 70px;
    color: #363636;
    font-family: var(--medium);
    z-index: 1;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}



.questionanswer .singleQA {
    padding: 8px 15px;
    background-color: #ececec;
    margin-bottom: 8px;
}
.questionanswer .singleQA .question {
    font-size: 16px;
    font-family: var(--semibold);
    margin-bottom: 5px;
}
.questionanswer .singleQA .answer {
    margin-left: 5px;
}













.infohostel {
    display: flex;
    align-items: center;
}
.infohostel .labelname {
    font-size: 13px;
    color: var(--black);
    font-family: var(--medium);
}
.infohostel .labelvalue {
    font-size: 14px;
    font-family: var(--semibold);
    padding: 5px;
    color: #4e78cd;
    background-color: #fff;
}

.hosteladmissionconfirminfo {
    display: flex;
    align-items: center;
    background-color: #edf6ff;
    padding: 10px 15px;
}

.checkboxfield .singlecheck .names {
    margin-left: 5px;
}

.spmargin {
    margin: 6px 15px;
}
.spmargin_10 {
    margin: 6px 10px;
}

#QPPasswordSetEmailForm .common_table .error {
    padding: 0;
}

.imageab {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}








/* .note-editable .content-section {
    display: none;
}
#summernoteHeader .content-section {
    display: none;
}

#summernoteBody .content-section {
    display: none;
}

#summernoteFooter .content-section {
    display: none;
} */


#FeesMonthConfigurationForm .common_table .error {
    padding: 0;
}


body .TableButton.theme {
    padding: 5px 15px;
    display: inline-block;
    background-color: var(--theme);
    border-color: var(--theme);
    color: #fff;
    font-family: var(--regular);
}


tr.bgfirstcolor {
    background-color: #dfefff;
}
tr.bgsecondcolor {
    background-color: #dfffe2;
}
tr.bgthirdcolor {
    background-color: #fff9df;
}
tr.bgfourcolor {
    background-color: #e8ddff;
}
tr.bgfivecolor {
    background-color: #ffeede;
}
tr.bgsixcolor {
    background-color: #f9e5e5;
}
.checkwithname input[type=checkbox] {
    margin-top: -4px;
    margin-right: 10px;
}
.boxDash {
    margin: 0 10px;
    width: 33%;
    border-right: 1px solid #ccc;
}
.boxDash:last-child {
    border-right: 0;
}
.boxDash .spboxdiv {
    width: calc((100% - 70px) / 3);
}
.boxDash .spboxdivfour {
    width: 150px;
}
.statusbarfacultypaper .column_five {
    text-align: left;
    margin: 0 5px;
    width: calc((100% - 60px) / 5);
    position: relative;
    display: flex;
    flex-direction: column;
}
.statusbarfacultypaper .field_items_ssP {
    margin: 0 -6px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
 /*    width: 50%;
    border-right: 1px solid #ccc; */
}

.listsdfBox {
    padding: 10px 25px;
    height: 200px;
    overflow-y: auto;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
}
.listsdfBox li {
    color: #525252;
}

.sendcheckboxalert {
    padding: 10px;
}
.emailsendspsap .tagtitlessp {
    color: #282828;
    margin-left: 8px;
}
.sendcheckboxalert .emailsendspsap .tagtitlessp {
    color: #282828;
    margin-left: 8px;
    font-family: var(--medium);
    font-size: 14px;
}
.sendcheckboxalert .emailsendspdtails {
    margin-left: 15px;
}
.sendcheckboxalert .emailsendspdtails .tagtitlessp {
    color: #282828;
    margin-left: 8px;
    font-family: var(--regular);
}
.titlesp {
    margin-left: 15px;
}
.titlesp .tagtitlessp {
    color: #282828;
    font-family: var(--medium);
    font-size: 14px;
}
.proxylecstatus {
    color: #fff;
    font-family: var(--medium);
    font-size: 13px;
    background-color: #3b5158;
    padding: 8px 10px 8px 20px;
    border-radius: 13px 0 0;
}
.proxylecstatus:hover {
    color: #fff;
}
.m_10 {
    margin: 10px !important;
}
.comvaluelabel {
    font-size: 14px;
    float: left;
    margin-bottom: 5px;
    font-weight: 500;
    color: var(--black);
    font-family: var(--medium);
    border-bottom: 1px solid #ccc;
    background-color: #e5e5e5;
    padding: 7px 15px;
}

.smspreviewboxpop {
    padding: 15px;
    max-width: 300px;
}

.statusbarfacultypaper .column_five .d_flex_sb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
}
.statusbarfacultypaper .spboxdays {
    background-color: #fff;
    padding: 12px;
    margin: 0 5px;
    width: calc((100% - 40px) / 4);
    display: flex;
    flex-direction: column;
    text-align: center;
}
.statusbarfacultypaper .spboxdays .Statuswordcount {
    font-size: 17px;
    font-family: var(--medium);
    color: #818181;
}
.statusbarfacultypaper .spboxdays .Statuswordtext {
    font-size: 13px;
    font-family: var(--regular);
    color: #818181;
}
.not_sp_box {
    background-color: #fff0e5;
    padding: 15px;
}
.not_sp_box .not_title {
    font-size: 14px;
    line-height: 36px;
    color: #333;
    font-family: var(--semibold);
    display: block;
    border-bottom: 1px solid #6c6c6c;
    margin-bottom: 15px;
}
.not_sp_box li {
    font-size: 13px;
    color: #767676;
    font-family: var(--regular);
}
.not_sp_box .tagtitle {
    font-size: 14px;
    line-height: 36px;
    color: #333;
    font-family: var(--medium);
}
.ml_25 {
    margin-left: 25px;
}

.deleteicon {
    font-size: 16px;
    color: #e75468;
}
.curruncyicon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #000;
    font-family: var(--medium);
}
.curruncyiconAb {
    position: absolute;
    left: -0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #000;
    font-family: var(--medium);
}

.currancybox .select2-container--default .select2-selection--single {
    background-color: transparent;
}

.drop_down_select.drop_down_select .main-filter {
    width: 101%;
}

.hostel_dash_inner .hostel_dash_title {
    font-size: 16px;
    color: #000;
    font-family: var(--medium);
}
.hostel_dash_inner .hostel_dash_items {
    display: flex;
    align-items: center;
}
.hostel_dash_inner .hostel_dash_items .hostel_dash_items_single_box {
    display: flex;
    align-items: center;
    margin: 15px;
    height: 120px;
    width: 200px;
    padding: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.08), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.16), 0 8px 8px rgba(0,0,0,0.2);
}
.hostel_dash_inner .hostel_dash_items .hostel_dash_items_single_box .singlecount {
    font-size: 20px;
    color: #000;
    font-family: var(--semibold);
    margin-right: 10px;
    position: relative;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
}
.search_lists .titlearea {
    font-size: 16px;
    color: #000;
    font-family: var(--semibold);
    margin: 25px 0 5px;
}
/* .hostel_dash_inner .hostel_dash_items .hostel_dash_items_single_box .singlecount:after {
    content: "";
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #7a7a7a;
    height: 38px;
    width: 1px;
} */
.hostel_dash_inner .hostel_dash_items .hostel_dash_items_single_box .singlecountName {
    font-size: 13px;
    color: #383838;
    font-family: var(--semibold);
    margin-right: 10px;
}
.displayroomavai {
    background-color: #f7f6ff;
    padding: 15px;
}
.displayroomavai .statusdevider {
 /*    display: flex;
    align-items: center;
    justify-content: space-between; */
 /*    background-color: #fff; */
}
.uloadeddocsforLeave .AttatchmentSection {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.uloadeddocsforLeave .AttatchmentSection .pdfbox {
    min-width: 200px;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.currancybox .curruncy_symbol {
    font-size: 16px;
}

.del_icon {
    color: #e43d3d;
    font-size: 16px;
}
.del_icon:hover {
    color: #e42929;
    font-size: 16px;
}










.statusdevider .multiceCkBox .multiceCkBox .multiceCkBox_single {
    margin-right: 20px;
}

.statusdevider .Filterarea .filterSingle.roomtype  .multiceCkBox .multiceCkBox_single {
    margin: 0 3px;
    width: 150px;
    display: flex;
}
.statusdevider .Filterarea .filterSingle.roomtype  .multiceCkBox .multiceCkBox_single input[type=checkbox] {
    margin-top: 1px;
    margin-right: 5px;
}

.statusdevider .multiceCkBox_singleLabel .checkboxLabeltext {
    color: #2e2e2e;
    font-family: var(--semibold);
    margin-right: 15px;
}
.statusdevider .Filterarea {
    display: flex;
    justify-content: space-between;
}
.statusdevider .multiceCkBox {
    display: flex;
    flex-wrap: wrap;
}
.statusdevider .Filterarea .filterSingle {
    width: 49%;
    display: flex;
    padding: 7px;
    background-color: #f3f3f3;
}
.statusdevider .Filterarea .filterSingle .singleLabel {
    font-size: 13px;
    color: #2e2e2e;
    font-family: var(--semibold);
    min-width: 100px;
}
.statusdevider .Filterarea .filterSingle.Sharing .multiceCkBox .multiceCkBox_single {
    min-width: 50px;
}
 





.displayroomavai .roomitems {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
/* .displayroomavai .roomitems .roomsingle.Available {
    color: #378a2c;
    border: 1px solid #378a2c;
}
.displayroomavai .roomitems .roomsingle {
    font-size: 14px;
    line-height: 14px;
    color: #7a7a7a;
    font-family: var(--semibold);
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #7a7a7a;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
} */

.displayroomavai .roomitems .roomsingle {
    padding: 8px 8px;
    border-radius: 4px;
    margin-right: 15px;
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: rgb(50 50 93 / 4%) -1px 18px 20px 0px, rgb(0 0 0 / 66%) 0px 1px 3px -1px;
}
.displayroomavai .roomitems .roomsingle.Selected {
    border: 1px solid #128cdf;
}
.displayroomavai .roomitems .roomsingle.Selected .topAsset .type {
    color: #128cdf;
}
.displayroomavai .roomitems .roomsingle.Selected .roomNo {
    font-family: var(--semibold);
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    line-height: 28px;
    margin-top: 10px;
    background-color: #128cdf;
    border-radius: 24px;
    border: 1px solid #128cdf;
}

.displayroomavai .roomitems .roomsingle .topAsset {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    justify-content: space-between;
    min-width: 100px;
    padding-bottom: 7px;
    margin-bottom: 10px;
}
.displayroomavai .roomitems .roomsingle .topAsset .type {
    font-family: var(--semibold);
    color: #3a3a3a;
    font-size: 13px;
    width: 120px;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;

}

.displayroomavai .roomitems .roomsingle .roomNo {
    font-family: var(--semibold);
    text-align: center;
    color: #13682a;
    font-size: 14px;
    line-height: 25px;
    margin-top: 5px;
    background-color: #ebfff1;
    border-radius: 24px;
    border: 1px solid #aaf3c0;
}
.displayroomavai .roomitems .roomsingle .bedsavailablestatus {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.displayroomavai .roomitems .roomsingle .bedsavailablestatus .bedsavailablesingle {
    margin: 0 6px;
}
.displayroomavai .roomitems .roomsingle .MiddleAsset  {
    display: flex;
    align-items: center;
}

.displayroomavai .roomitems .roomsingle .MiddleAsset .roomlabelvalue {
    font-family: var(--semibold);
    font-size: 14px;
    margin-left: 10px;
}


 .identoFier {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
}
 .identoFier .AvaSp {
    font-size: 14px;
    color: #378a2c;
    font-family: var(--medium);
    position: relative;
    padding-left: 15px;
}
 .identoFier .AvaSp:before {
    content: "";
    position: absolute;
    background-color: #378a2c;
    top: 4px;
    left: 0;
    height: 10px;
    width: 10px;
    border-radius: 20px;
}
 .identoFier .SelectSp {
    font-size: 14px;
    color: #128cdf;
    font-family: var(--medium);
    position: relative;
    padding-left: 15px;
    margin-left: 20px;
}
 .identoFier .SelectSp:before {
    content: "";
    position: absolute;
    background-color: #128cdf;
    top: 4px;
    left: 0;
    height: 10px;
    width: 10px;
    border-radius: 20px;
}

/* .displayflooravai {
    margin-bottom: 30px;
} */
.displayflooravai .flooritems {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.displayflooravai .flooritems .floorsingle {
    font-size: 14px;
    line-height: 16px;
    color: #7a7a7a;
    font-family: var(--semibold);
    margin-right: 15px;
    border: 1px solid #7a7a7a;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
}
.displayflooravai .flooritems .floorsingle.Active {
    color: #fff;
    background-color: #378a2c;
    border: 1px solid #378a2c;
}
.identoFier .nametitle.awailableroom {
    font-size: 14px;
    line-height: 30px;
    color: #3a3a3a;
    font-family: var(--semibold);
    position: relative;
    padding-left: 25px;
}
.identoFier .nametitle.awailableroom:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    height: 18px;
    width: 16px;
    background-color: #858585;
}
.identoFier .nametitle.SelectedRoom {
    font-size: 14px;
    line-height: 30px;
    color: #128cdf;
    font-family: var(--semibold);
    margin-left: 25px;
    position: relative;
    padding-left: 20px;
}
.identoFier .nametitle.SelectedRoom:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    height: 18px;
    width: 16px;
    background-color: #128cdf;
}

.currancybox {
    display: flex;
    align-items: center;
}
.field_lists_students .field_students_single .singlenamestudent .approvalpic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.field_lists_students .field_students_single .singlenamestudent {
    display: flex;
    align-items: center;
}
.field_lists_students .field_students_single .stdetails {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
.field_lists_students .field_students_single .stdetails .studentpic {
    font-size: 14px;
    font-family: var(--semibold);
}
.field_lists_students .field_students_single .stdetails span.detailfloor {
    color: #6c6c6c;
}
.field_lists_students .field_students_single {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.field_lists_students .field_students_single:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.transferparthostel {
    display: flex;
}
.transferparthostel .pofile_phoro_part .img-thumbnail {
    height: 100px;
    width: 120px;
}
.transferparthostel .sp_section_profile_details {
    margin-left: 20px;
}

.transferparthostel .boxtitle {
    font-size: 14px;
    color: #000000;
    font-family: var(--medium);
    padding-bottom: 6px;
    border-bottom: 1px solid #a3a3a3;
}
.transferparthostel {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}
.transferparthostel .content_box {
    margin: 10px 15px;
    width: calc((100% - 60px)/2);
}
.transferparthostel span.SDetails.Roomno {
    font-family: var(--medium);
    font-size: 13px;
    line-height: 23px;
    padding: 0 15px;
    background-color: #128cdf;
    color: #fff;
    border-radius: 3px;
}



.roomitems .roomsingle.currentstay {
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    font-family: var(--semibold);
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #158ad9;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #158ad9;
}



















/* .currncysel ~ .select2-container--default .select2-selection--single {
    width: 80px;
} */



.devidediv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.devidediv .innercreteria {
    width: 100%;
}
.devidediv .viewanalysis {
    width: 100%;
    background-color: #f7f7f7;
    padding: 0 15px;
}
.devidediv .viewanalysis .nametitle {
    font-size: 16px;
    line-height: 30px;
    color: #383838;
    font-family: var(--semibold);
}
.devidediv .viewanalysis .displayflooravaiView .flooritemsView {
    display: flex;
    align-items: center;
    margin-top: 15px;
    overflow-x: auto;
}
.devidediv .viewanalysis .displayflooravaiView .flooritemsView .floorsingleView {
    font-size: 14px;
    line-height: 20px;
    color: #7a7a7a;
    font-family: var(--semibold);
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #7a7a7a;
    padding: 8px 10px;
    border-radius: 4px;
    min-width: 120px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

.devidediv .viewanalysis .displayflooravaiView .flooritemsView .floorsingleView.Active {
    color: #fff;
    background-color: #378a2c;
    border: 1px solid #378a2c;
}


.viewanalysis_parttop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #7e7e7e;
}

.viewanalysis .identifierstatus {
    display: flex;
    align-items: center;
}
.viewanalysis .identifierstatus .identisingle {
    font-family: var(--semibold);
    font-size: 13px;
    margin-right: 20px;
}
.viewanalysis .identifierstatus .identisingle.Available {
    color: #0979b3;
}
.identifierstatus {
    background-color: #fff;
    padding: 5px 15px;
}
.roomviewanalys {
   margin-top: 5px;
}
.roomviewitems {
    display: flex;
    flex-wrap: wrap;
}
.roomviewanalys .roomviewitem_single {
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    width: 189px;
    margin: 10px;
    box-shadow: rgb(50 50 93 / 4%) -1px 18px 20px 0px, rgb(0 0 0 / 66%) 0px 1px 3px -1px;
}
.roomviewanalys .roomviewitem_single .roomblock{
    padding: 5px;
    background-color: #c4eaff;
    text-align: center;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.roomviewanalys .roomviewitem_single .roomblock .roomno a {
   color: #fff;
}
.roomviewanalys .roomviewitem_single .roomblockdetails{
    padding: 10px 0 0;
}
.roomblockdetails .bedavailibility {
    margin-top: 5px;
}
.roomviewanalys .roomviewitem_single .roomblockdetails .roomblockdetailssingle .singletopasset{
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 4px 0;
}
 .roomblockdetails .roomblockdetailssingle .roomlabel{
    font-size: 11px;
    min-width: 68px;
}
.roomviewanalys .roomviewitem_single .roomblock .roomno{
    font-family: var(--semibold);
    font-size: 13px;
    line-height: 16px;
    padding: 6px 15px;
    background-color: #128cdf;
    color: #fff;
    border-radius: 5px;
    margin-right: 15px;
}
.roomviewanalys .roomviewitem_single.fullroom .roomblock .roomno {
    background-color: #db4747;
} 
.roomviewanalys .roomviewitem_single.fullroom .roomblock {
    background-color: #ffe5e6;
}
.singletopasset .allbook {
    font-size: 11px;
    color: #db4747;
}

.roomblockdetails .roomlabelvalue {
    font-family: var(--semibold);
    font-size: 13px;
    margin-left: 10px;
    width: 90px;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;

}

.roomblockdetails .bedavailibility .roombedslist {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 3px 10px;
    background-color: #f5f5f5;
    border-radius: 24px;
}
.roomblockdetails .bedavailibility .clickhere {
    font-family: var(--semibold);
}
.roomblockdetails .bedavailibility .roombedslist .singlebed {
  margin-right: 15px;
}


.roomviewanalys .roomviewitem_single.fullroom .ribbon-top-left span.hostel {  
    background: linear-gradient(87deg,#d92b31,#e15157)!important;
}


.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;
} 
.orDevide {
    font-family: var(--medium);
    color: #333;
    position: absolute;
    left: 37%;
    transform: translateX(-50%);
    padding: 6px 8px;
}
.orDevide:before {
    content: "";
    position: absolute;
    right: 100%;
    background-color: #ccc;
    height: 1px;
    width: 200px;
    top: 50%;
    transform: translateY(-50%);
}
.orDevide:after {
    content: "";
    position: absolute;
    left: 100%;
    background-color: #ccc;
    height: 1px;
    width: 200px;
    top: 50%;
    transform: translateY(-50%);
}

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


.approvalbothbox .approvalbothbox_inner .approvalboxcommon {
    width: 30%;
    padding: 20px 20px 20px;
    margin: 15px 0;
}
.approvalbothbox .approvalbothbox_inner {
    display: flex;
}
.approvalbothbox .approvalbothbox_inner .approvalboxcommon.approval1box {
    border: 1px solid #8f8f8f;
    margin-left: 15px;
    border-radius: 8px;
}
.approvalbothbox .approvalbothbox_inner .approvalboxcommon.approval1box.approved {
    background-color: #f2fff4;
}
.approvalbothbox .approvalbothbox_inner .approvalboxcommon.approval1box.pending {
    background-color: #f2faff;
}
.approvalbothbox .approvalbothbox_inner .approvalboxcommon.approval2box.pending {
    background-color: #f2faff;
}
.approvalbothbox .approvalbothbox_inner .approvalboxcommon.approval2box.rejected {
    background-color: #fff2f2;
}
.approvalbothbox .approvalbothbox_inner .approvalboxcommon.approval2box {
    border: 1px solid #8f8f8f;
    margin-left: 15px;
    border-radius: 8px;
}



.approvalstatus .approvalstatusinner{
    display: flex;
    align-items: center;
}
.approvalstatus .approvalstatusinner .approvalstatus{
    color: var(--black);
    font-family: var(--medium);
}
.approvalstatus .approvalstatusinner .approvalstatusvalue{
    font-size: 16px;
    font-family: var(--semibold);
    margin-left: 15px;
}

.statusapproveman label.statuslabel {
    font-size: 13px;
    float: left;
    margin-bottom: 0;
    font-weight: 500;
    color: var(--black);
    font-family: var(--medium);
}
.statusapproveman .statusop {
    margin-bottom: 10px;
}
.statusapproveman .datetimeop .datetime {
    color: #5c5c5c;
    font-family: var(--regular);
}
.approvalarea {
    margin-bottom: 25px;
    padding-left: 75px;
}
.statusapproveman {
    min-height: 50px;
}


.approvalbothbox .approvalbothbox_inner .approval {
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 12px;
}
.approvalbothbox .approvalbothbox_inner .approval .approvalname {
    font-family: var(--semibold);
    font-size: 14px;
}
.approvalbothbox .approvalbothbox_inner .approvalarea .approvalpic {
    border-radius: 50%;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
}










.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;
}
.trpop.halfseconddayview {
    width: 50%;
    display: block;
    float: right;
}
.uloadeddocsforLeave .pdfbox .thumbnail {
    margin-bottom: 0;
}



.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;
}
.caldenderdayhead.AttPreAbb .caldenderdayalpha {
    font-size: 22px;
    color: #18486e;
}
.mainfirstdepartment {
    color: #000;
    font-family: var(--medium);
}
.calender_table.AttTab tr td:not(:first-child) {
    min-width: 110px;
    margin-left: 300px;
    border-bottom: 1px solid #d9d9d9;
}
.calender_table.AttTab .employeeinfoS_cal {
    padding: 4px;
}

.calender_table.AttTab tr .Weekoff_emp{
    background: -webkit-repeating-linear-gradient(42deg, transparent 0, #dddddd 1px, transparent -25em, transparent calc(0.25em + -1px), transparent 6px) !important;
}
.calender_table.AttTab tr:hover {
    background-color: #f1f5f7;
}
.text-left {
    text-align: left !important;
}
.shifttrbox_detaliS {
    padding: 0 5px;
}
.shifttrbox_detaliS .shiftLabel {
    color: #858585;
    font-family: var(--regular);
    min-width: 50px;
}
.shifttrbox_detaliS .shiftValue {
    font-size: 13px;
    color: #646464;
    font-family: var(--semibold);
}
.shifttrbox_detaliS .shiftValue.Absent {
    color: #c33e34;
    border-bottom: 1px solid #c33e34;
    font-family: var(--medium);
}
.shifttrbox_detaliS .shiftValue.Present {
    color: #52b624;
    border-bottom: 1px solid #52b624;
    font-family: var(--medium);
}
.shifttrbox_detaliS .shiftValue.WeekendS {
    color:#f0a823;
    border-bottom: 1px solid #f0a823;
    font-family: var(--medium);
}

.calender_table.AttTab.DetailstdBox .detailsBoxDet {
    border: 1px solid #e5e5e5;
}








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

.calender_table .shifttrbox_abb_pre {
    padding: 10px 20px;
    cursor: pointer;
    font-family: var(--medium);
    border-radius: 10px;
}
.calender_table .shifttrbox_abb_pre.default_emp .shiftlistul {
    font-size: 16px;
    color: #868686;
    font-family: var(--semibold);
    text-align: center;
}
.calender_table .shifttrbox_abb_pre.Absent_emp .shiftlistul {
    font-size: 16px;
    color: #c33e34;
    font-family: var(--semibold);
    border-bottom: 1px solid #c33e34;
    text-align: center;
}
.calender_table .shifttrbox_abb_pre.Weekoff_emp .shiftlistul {
    font-size: 16px;
    color: #f0a823;
    font-family: var(--semibold);
    border-bottom: 1px solid #f0a823;
    text-align: center;
}
.calender_table .shifttrbox_abb_pre.Present_emp .shiftlistul {
    font-size: 16px;
    color: #52b624;
    font-family: var(--semibold);
    border-bottom: 1px solid #52b624;
    text-align: center;
}


.attsummary {
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.attsummary .attarr {
    font-size: 13px;
    font-family: var(--medium);
    margin: 0 10px;
    position: relative;
}
.attsummary .attarr.HolidayATT {
    color: #56a6f3;
    border-bottom: 1px solid #56a6f3;
}
.attsummary .attarr.WeekendATT {
    color: #f3814c;
    border-bottom: 1px solid #f3814c;
}
.attsummary .attarr.AbsentATT {
    color: #ee6161;
    border-bottom: 1px solid #ee6161;
}
.attsummary .attarr.PaidATT {
    color: #eebd61;
    border-bottom: 1px solid #eebd61;
}
.attsummary .attarr.UnpaidATT {
    color: #fd4242;
    border-bottom: 1px solid #fd4242;
}
/* .attsummary .attarr.HolidayATT:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: #56a6f3;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
} */








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

 .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;
    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 .titlespDetail {
    font-family: var(--medium);
}
.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 40px 5px 40px;
}
.tracker_list_box .tracker_list_box_single .detailstrack .detail_sp:last-child {
    border-bottom: 0;
    padding: 5px 20px 5px 40px;
}
.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: 25px;
    height: 25px;
    text-align: center;
    font-family: var(--semibold);
    font-size: 13px;
    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;
}
.TotalStudent_Count_left {
    display: flex;
    align-items: center;
    border-top: 1px dashed #ccc;
    background-color: #fff;
    padding: 10px 10px 5px;
}
.TotalStudent_Count_left .count {
    font-size: 16px;
    background-color: #08c;
    color: #fff;
    font-family: var(--bold);
    margin-left: 15px;
    border-radius: 4px;
    padding: 6px 12px;
}

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


.searchbars .searcharea:focus {
     outline: none;
     border-color: #29aae3;
 }


.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 img.doneproxy {
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
}
.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.error2 {
    color: red;
    font-size: 12px;
    line-height: 20px;
    font-family: var(--regular);
}
span.errorSP {
    position: absolute;
    left: 0;
    bottom: -22px;
    color: red;
    font-size: 12px;
    line-height: 20px;
    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;
}

.singlehistory .submitterimage.Pending .alphabet {
    border: 2px solid #337ab7;
    background-color: #fff;
    border-radius: 50%;
    color: #337ab7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 18px;
    height: 40px;
    width: 40px;
    font-family: var(--semibold);
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.singlehistory .submitterimage.Approved .alphabet {
    border: 2px solid #4bae4f;
    background-color: #fff;
    color: #4bae4f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 18px;
    height: 40px;
    width: 40px;
    font-family: var(--semibold);
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.singlehistory .submitterimage.Rejected .alphabet {
    border: 2px solid #e74444;
    background-color: #fff;
    color: #e74444;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 18px;
    height: 40px;
    width: 40px;
    font-family: var(--semibold);
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.approvers_section .Requisition .ImageSection.Approved {
    border: 2px solid #4bae4f;
    color: #4bae4f;
    background-color: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 18px;
    height: 40px;
    width: 40px;
    font-family: var(--semibold);
    cursor: pointer;
}
.approvers_section .Requisition .ImageSection.Pending {
    border: 2px solid #337ab7;
    border-radius: 50%;
    color: #337ab7;
    background-color: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 18px;
    height: 40px;
    width: 40px;
    font-family: var(--semibold);
    cursor: pointer;
}
.approvers_section .Requisition .ImageSection.Rejected {
    border: 2px solid #e74444;
    background-color: #fff;
    color: #e74444;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 18px;
    height: 40px;
    width: 40px;
    font-family: var(--semibold);
    cursor: pointer;
}
.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: 8px 10px;
    color: #fff;
    border-radius: 3px;
    transition: all 0.2s ease;
    font-family: var(--regular);
}
.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;
}