.mt-6{margin-top:6rem !important}.MainLayout{position:relative;z-index:0;padding-top:90px}.auth-panel{display:flex;align-items:center;justify-content:center;width:100%;padding-bottom:1rem}.NotificationiconContainer{padding:0 3rem;align-content:center;color:#fff}.NotificationiconContainer>div{cursor:pointer}.primaryBtn_1{background:#0088d0 0% 0% no-repeat padding-box;color:#fff;padding:.8rem;font:normal bold 13px/13px Effra !important;border-radius:5px;min-width:120px;cursor:pointer;border:1px solid #0088d0}.primaryBtn_1:disabled{opacity:.6;cursor:auto}.primaryBtn_1 .disabled{opacity:.6;cursor:auto}.primaryBtn_1.applied{background:rgba(0,0,0,0) linear-gradient(178deg, #DB8015 0%, #711C5A 100%) 0% 0% no-repeat padding-box}.primaryBtn_1.applied.Rejected{background:rgba(0,0,0,0) linear-gradient(178deg, #db1515 0%, #490d0d 100%) 0% 0% no-repeat padding-box}.primaryBtn_1.applied.Approved{background:rgba(0,0,0,0) linear-gradient(178deg, #1c9906 0%, #094308 100%) 0% 0% no-repeat padding-box}.primaryBtn_1 .borderRadiusNone{border-radius:0}.primaryBtn_2{background:#fff 0% 0% no-repeat padding-box;color:#0088d0;padding:.8rem;font:normal bold 13px/13px Effra !important;border-radius:5px;border:1px solid #0088d0;min-width:120px}.primaryBtn_2 .borderRadiusNone{border-radius:0;margin-left:2rem}.primaryBtn_3{background:#fff 0% 0% no-repeat padding-box;color:#e2a138;padding:.8rem;font:normal bold 13px/13px Effra;border-radius:5px;border:1px solid #e2a138;min-width:120px}.carousel_btn1{padding:1rem;border:none;margin:0 .5rem;border-radius:6px;color:#0088d0;border:1px solid;min-width:102px;font:normal normal bold 13px/9px Effra}.carousel_btn1.active{background:#0088d0 0% 0% no-repeat padding-box;color:#fff}.head_Description{font:normal normal normal 18px/22px Effra;letter-spacing:0px;color:#302d7d;margin:2rem 0 0 0;text-align:center;float:left}.modal_Header{background-color:#0088d0}.modal_Header .modal-title.h4{font:normal bold 22px/22px Effra;color:#fff;padding:0}.attention_Information_Text{color:#595959;font-weight:900;margin:15px;background-color:#e0e0e0;padding:16px;animation:blink 1s step-start 0s infinite}.blueHead_1{color:#302d7d;font:normal normal bold 30px/30px Effra}.color_1{color:#212121}.close_icon{position:absolute;right:15px;top:15px;background:none;border:none}.close_icon .fa-times{color:#0088d0;font-size:25px}.loginLists.homeContentList li{background:none;box-shadow:none;padding:2% 1%;float:left}.loginLists.homeContentList li .user_typeIcon{min-height:90px;align-content:center}.loginLists.homeContentList li img{width:8rem}.loginLists.homeContentList li:hover{box-shadow:none}.topMenuItem{display:flex;align-items:center}.topMenuItem .logOut_btn{background:#fff;border-radius:5px;border:1px solid #41a1c7;padding:5px;min-width:90px;text-align:center;font:normal normal bold 12px/16px Effra;color:#41a1c7}.menu_Btn{padding:3%;background-color:#fff;border-radius:6px 1px 1px 6px;margin:0 5%}.newBannerSlider.top_BannerText{top:9rem}.newBannerSlider .newBannerSlider_Text_Alignment{width:50%}.viewPage_style h2{font:normal normal bold 30px/36px Effra;letter-spacing:0px;color:#302d7d;padding:0;text-align:center;float:left;width:100%}.viewPage_style h2:before{content:"";position:absolute;width:10%;height:1px;bottom:-15px;left:45%;border-bottom:4px solid #41a1c7}.viewPage_style li .backarrow_Blue{color:#41a1c7;font-size:1.5rem;line-height:0}.collage_div{display:flex;flex-wrap:wrap;padding:0 4px}.collage_div .column{flex:25% 1;max-width:50%;padding:0 4px}.collage_div .column img{margin-top:8px;vertical-align:middle;width:100%}.benefit_Page_update .Page_MainHead{font:normal normal bold 30px/36px Effra;letter-spacing:0px;color:#302d7d;padding:0;text-align:center;float:left;width:100%}.benefit_Page_update .Page_MainHead:before{content:"";position:absolute;width:10%;height:1px;bottom:-15px;left:45%;border-bottom:4px solid #41a1c7}.benefit_Page_update .benefit_Block_section{background-color:#fff;width:96%;margin:2%}.benefit_Page_update .benefit_Block_section h2{color:#454545;font:normal bold 29px/20px Effra !important;padding:1rem;align-items:flex-start;display:flex}.benefit_Page_update .benefit_Block_section h3{color:#454545;font:normal normal 21px/29px Effra !important;padding:0 1rem;align-items:flex-start;display:flex}.benefit_Page_update .benefit_Block_section .react-multi-carousel-item{display:block}.benefit_Page_update .benefit_Block_section .blog-carousel{margin-top:0 !important;min-height:730px}.BenefitCard{box-shadow:.2rem .4rem .6rem rgba(0,0,0,.075) !important}.BenefitCard.library_Card{margin-top:0;background:none !important;border:none;box-shadow:none !important}.benefit_BTN_Area{display:flex;flex-direction:row;justify-content:space-around;gap:10px}.ribbon_type_status{color:#fff;position:relative;top:0px;z-index:1;right:0px;padding:6px;min-width:100px;text-align:center;float:inline-end;border-radius:3px;font:normal italic 15px/15px Effra !important}.ribbon_type_status.ribbon-green{background:#129a00}.ribbon_type_status.ribbon-grey{background:#aeaeae}.ribbon_type_status.ribbon-orange{background:#ec8f15}.ribbon_type{color:#fff;position:absolute;top:20px;z-index:1;right:16px;padding:6px;min-width:100px;border-radius:3px;font:normal italic 15px/15px Effra !important}.ribbon_type .withInfo_Icon .fa-info-circle{padding:0 5px}.ribbon_type.ribbon-orange{background:#ec8f15}.ribbon_type.ribbon-green{background:#129a00}.ribbon_type.ribbon-grey{background:#aeaeae}.ribbon_type.ribbon-red{background:#ec1a15}.ribbon_type.status{background:#2f89d3;top:50px}.ribbon_type.status.status_rejected{background:#d55354}.ribbon_type.status.status_reviewing{background:#da8539}.ribbon_type.status.status_approved{background:#549d00}.my_Company_benefit .ribbon_type{display:none}.phoneFooter a{font:normal bold 1.2em/1em Effra !important}.react-multiple-carousel__arrow--left{left:calc(0% + 1px) !important}.react-multiple-carousel__arrow--left.rtl{right:calc(0% + 1px) !important;left:auto !important}.react-multiple-carousel__arrow--right{right:calc(0% + 1px) !important}.react-multiple-carousel__arrow--right.rtl{left:calc(0% + 1px) !important;right:auto !important}.breadcrumb span{color:#41a1c7;cursor:pointer}.breadcrumb span :hover{text-decoration:underline}.dialog_Width .MuiDialog-paperWidthSm{max-width:60%}@media(max-width: 1525px){.deviceFix .primaryBtn_2,.deviceFix .primaryBtn_1,.deviceFix .primaryBtn_3{min-width:80px}}.bg-lightblue{background-color:#d9edf4}.bg-grey{background-color:#f1ffff}.viewDetails_Modal{background-color:#d9edf4 !important}.viewDetails_Modal .modal-content{background-color:#d3d3d3}.viewDetails_Modal .modal-content p{font-size:1rem}@media(max-width: 768px){.signin.mobile_display_none{display:none !important}.loginLists.homeContentList li,.loginLists.login_popup li{width:46%;min-height:250px;margin-bottom:2%}.phoneNumber{display:none !important}.newBannerSlider.top_BannerText{top:5rem}.newBannerSlider .newBannerSlider_Text_Alignment{width:80% !important}.column{flex:50% 1;max-width:50%}.loginLists{display:block !important}}@media(max-width: 576px){.loginLists.homeContentList li,.loginLists.login_popup li{width:96%;height:auto;height:initial}.external_links{display:block !important}.external_links a{padding:4%;margin:2%}.languageSelected button{padding:0px}.benefit_Page_update .Page_MainHead{font:normal normal bold 20px/22px Effra}.benefit_Page_update .benefit_Block_section h2{font:normal bold 25px/20px Effra !important}.benefit_Page_update .benefit_Block_section h3{font:normal normal 19px/20px Effra !important}.primaryCommonBtn_1{background:#0088d0 0% 0% no-repeat padding-box;color:#fff;padding:.8rem;font:normal bold 13px/13px Effra !important;min-width:120px;cursor:pointer;border:1px solid #0088d0}.primaryCommonBtn_2{background:#fff 0% 0% no-repeat padding-box;color:#0088d0;padding:.8rem;font:normal bold 13px/13px Effra !important;border:1px solid #0088d0;margin-left:2rem;min-width:120px}.primaryBtn_2{min-width:100px;margin-top:1rem}.primaryBtn_1{min-width:100px;margin-top:1rem}}
.PhoneInput {
  display: flex;
  max-height: 38px;
}

.PhoneInputPrefix {
  display: block;
  width: 90px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.625;
  color: #212529;
  border: 1px solid #ced4da;
  border-radius: 0.25rem 0rem 0rem 0.25rem;
  background-color: #efefef;
  letter-spacing: 1px;
  box-sizing: content-box;
}
.phoneinputStyle .PhoneInputPrefix{border: none;background-color: transparent;background-color: initial;padding: 0.375rem 0rem;}

.PhoneInput input {
  border-left-width: 0px;
  border-radius: 0rem 0.25rem 0.25rem 0rem;
}

.PhoneInput.Rtl .PhoneInputPrefix {
  border-radius: 0rem 0.25rem 0.25rem 0rem;
  direction: ltr;
  z-index: -1;
}

.PhoneInput.Rtl input {
  border-left-width: 1px;
  border-right-width: 0px;
  border-radius: 0.25rem 0rem 0rem 0.25rem;
}

.register-awards-sec .register-awards-title {
    color: #302D7D;
    font-weight: bold;
}
.register-award-input {
    margin-top: 2rem;
}
.register-awards-sec .Form-top-container .title{
    text-align: center;
    font-size: 2rem;
    color: "#524E8A";
}
.register-awards-sec .Form-top-container .form-group{
    padding: 1.2rem;
    background: #fff;
    border: 1px solid #DED7D5;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #00000029;
}   
.register-awards-sec .Form-top-container .form-group .form-control{
    border: 0;
    padding-left: 0;
    background-color: #fff;
}
.register-awards-sec .Form-top-container .form-group .form-control:focus{
    border: 0;
    box-shadow: none;
}
.register-awards-sec .Form-top-container .form-group .form-control::placeholder{
    color: "#333333";
    opacity: 0.6;
}
.register-awards-sec .Form-top-container .form-group  .addl-class__value-container{
    padding-left: 0;
}
.register-awards-sec .Form-top-container .form-group .addl-class__value-container  .addl-class__placeholder {
    font-size: 1rem;
    font-weight: 800;
    color: #524E8A;
}

.register-awards-sec .action-btn-cont .btn{
    border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #0088D0;
    background: #0088D0;
}
.register-awards-sec .action-btn-cont .btn.btn-cancel{
    background: #fff;
    color: #0088D0;
}

.register-awards-sec .action-btn-cont .btn.btn-submit{
    color: #fff;
    margin-left: 3rem;
    float: none;
}
.register-awards-sec .action-btn-cont {
    clear: both;
    text-align: right;
    padding-top: 2rem;
}
.register-awards-sec .Form-top-container  .row.form-row.post-modal{
padding: 0;
}
.register-awards-sec .form-group.textarea {
    min-height: 284px;
}
.register-awards-sec .upload-btn{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 1%;
    margin-right: 1%;
    padding-bottom: 0;
}
.register-awards-sec .upload-box{
    padding-top: 6px;
    width: 100%;
    min-height: auto;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}
.register-awards-sec .textbox{   
    background-color: white;
}
.register-awards-sec .plaseholderTxt {
    font-size: 0.9rem;
}
.register-awards-sec  .formLabel {
float: none;
}
.register-awards-sec .form-group.objection-latter-upload {
    display: flex;
    align-items: center;
}
.register-awards-sec .objection-latter {
    display: flex;
    width: 50%;
    align-items: center;
}
.register-awards-sec .letter_attachment {
    
    width: 50%;
    
}
.register-awards-sec .objection-latter a, .pop-text-download a {
    margin-bottom: 0;
    color: #0088D0;
    font-size: 1.1rem;
    text-decoration: underline;
}
.register-form-awards-cont .Form-top-container.register-award-form-cont1{
    background: #EAEAEA 0% 0% no-repeat padding-box;
}
.register-award-input.upload_input {
margin-top: 1rem;
}
.register-award-form-cont2 .form-input-title {
font-size: 1rem;
margin-top: 2rem;
}
.register-award-form-cont2 .form-input-suggetion {
font-size: 14px;
}
.register-awards-sec .action_buttons_cont {
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}
.register-awards-sec .action_buttons_cont .btn{margin: 0.5rem;}
.register-awards-sec .upload-btn input {
    width:0;height: 0;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    appearance: none;
    margin: 0; 
}
.register-award-input .formLabel.formEdit{background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important ;background: initial !important ;padding: 0;padding: initial;}
.FileUpload {
  /* font-size: 0; */
  margin-bottom: 5px;
}

.FileUpload label {
  min-height: 37px;
  max-width: 100%;
  font-weight: 700;
  margin: 0;
  white-space: nowrap;
  display: flex;
}

.FileUpload .file_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.375rem 48px 0.375rem 0.75rem;
}

.FileUpload .file_name {
  max-width: calc(100% - 190px);
} 

.FileUpload .allowedFileBlock {
  line-height: 1;
  font-size: 12px;
  color: #686868;
  margin-top: 5px;
}

.FileUpload .SelectedFiles {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap
}

.FileUpload .SelectedFiles .SelectedFile {
  margin: 2px;
  display: flex;
  align-items: center;
}

.FileUpload .SelectedFiles .SelectedFile:hover {
  background-color: #ededed;
}

.FileUpload .SelectedFiles .SelectedFile i {
  cursor: pointer;
  color: #0088D0;
}

.FileUpload .btn {
  font-size: 14px !important;
  background: #0088D0;
  color: #ffffff;
  margin: 1px;
}
.FileUpload .SelectedFiles .SelectedFile span {
  font-weight: 700;
  width: calc(100% - 30px);
  font-size: 14px;
  padding: 4px 6px;
  margin: 4px 0;
  
  line-height: 22px;
}

/* RTL */
.FileUpload .file_name.file_name_ar {
  padding: 0.375rem 0.75rem 0.375rem 48px;
}


span.name-bottom {
  padding: 0 0 0 5px!important;
  font-size: 12px;
  max-width: 100% !important;
}

span.text-inside {
  display: none;
}

@media (min-width: 577px) {
  span.name-bottom {
    display: none !important;
  }
  span.text-inside {
    display: block !important;
  }
}
.formFieldEdit.text-box {
  background-color: #fff;
  border: 1px solid #DED7D5;
}

/* .upload-input-file {
  clear: both;
  display: flex;
  justify-content: space-between;
  align-items: center;
   padding: 1rem 1rem !important; 
} */
/* .upload-input-file  .file_label.form-control{
width: auto;
border: 0;
} */
/* .upload-input-file .plaseholderTxt {
  margin-bottom: 0;
  color: #484848;
  font-size: 1rem;
  opacity: 0.5;
} */

/* .upload-btn {
  display: flex;
  justify-content: space-between;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
} */
/* .upload-btn-ele {
  border-radius: 0;
  padding: 0.5rem 1rem;
  color: #0088D0;
  font-weight: bold;
  border: 0;
  background: #DED7D5;
} */
/* .upload-input-file-cont .file_name,
.upload-input-file-cont .remove-file{
  float: none;
    position: relative;
    padding-right: 0;
} */


.JobModal .md-close {
  background-color: #0088D0;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px;
    font-size: 15px;
}

.JobModal .ModalCheckbox {
  display: flex;
  align-items: center;
}

.JobModal .ModalCheckbox span {
  margin: 2px 6px 0;
}

.JobModal .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.apply-section {
  display: flex;
  justify-content: space-between;
}

.apply-section .file-upload {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.apply-section .file-upload .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.apply-section .file-upload .form-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.apply-section .file-upload .form-control::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: 'Browse';
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.apply-section .file-upload .form-control.success {
  border-color: #28a745;
}

.apply-section .file-upload .form-control.error {
  border-color: #e74c3c;
}

.apply-section .file-upload .file-upload-help {
  font-size: 80%;
}

.apply-section .file-upload .file-upload-help.success {
  color: #28a745;
}

.apply-section .file-upload .file-upload-help.error {
  color: #e74c3c;
}

.JobModalFooter {
  display: flex;
  justify-content: flex-end;
}

.JobModalFooter .loading {
  margin: 0;
}

.JobModalFooter.Rtl {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.modal-body-cont .MuiTypography-subtitle1 {
  color: #757575;
  font-size: 1rem;
}
.modal-body-cont .MuiTypography-body1 {
  color: #484848;
  font-size: 1.1rem;
  font-weight: bold;
}
.btn-submit {
  border-radius: 0;
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  border: 1px solid #0088D0;
  color: #fff;
  background-color: #0088D0;
}

.info-dialog {
    line-height: 20px;
  }
  
  .info-dialog .modal-title {
    color: #302d7d;
    font-weight: 600;
  }
  
  .info-dialog .modal-header .close {
    padding: 6px 9px;
    margin: -1rem 0rem -1rem auto;
    background-color: #781d64;
    border: 0;
    font-size: 1.5rem;
    font-weight: 700;
    opacity: 1;
    color: #fff;
    border-radius: 50%;
  }
  .info-dialog__icon .fa{color: #302d7d;}
  
  .info-dialog .modal-body {
    display: flex;
  }
  
  .info-dialog .info-dialog__icon {
    font-size: 30px;
    margin-right: 20px;
  }
  
  .info-dialog .info-dialog__icon .fa:before {
    margin: 0;
  }
  
  .info-dialog .modal-header .close:hover {
    opacity: 1;
  }
  
  .info-dialog.rtl .modal-header .close {
    margin: -1rem auto -1rem 0rem;
  }
  
  .info-dialog.rtl .info-dialog__icon {
    margin-right: 0px;
    margin-left: 20px;
  }
  .payment-detail-card {
    width: 100px;
  }
  
  .delete-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95px;
  }
  
  .dialog-subTitle {
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
  }
  
  .button-container {
    gap: 30px;
  }
  
  .PaymentDialog {
    z-index: 10 !important;
  }
  .PaymentDialog .MuiTableCell-head span {
    white-space: nowrap;
  }
  .section-cont {
    overflow-y: auto;
    padding: 20px;
  }
  .banner-sec{
    position: relative;
}

.banner-sec .back-arrow{
    position: absolute;
    top: 6%;
    left: 4%;   
    z-index: 9;
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
}
.breadCrumb a{
    color: #302D7D;
    text-decoration: none;
    font-size: 1rem;
}
.breadCrumb i{
    margin: 0 0.2rem;
}
.breadCrumb span{
    color: #302D7D;
    text-decoration: none;
    color: #0088D0;
}
.confirm-payment-details-cont .title-cont{
text-align: center;
color: #302D7D;
}
.confirm-payment-details-cont .title-cont .title_{
  font-weight: bold;
}
.confirm-payment-details-cont .title-cont h6{
  color: #302D7D;
}
.confirm-payment-details-cont .card-information .border{
  border: 0 !important;
 }
 .confirm-payment-details-cont .back-arrow {
  color: #302D7D;
  position: absolute;
  font-size: 1.7rem;
  left: -3rem;
  top: -7px;
  cursor: pointer;
 }
 .confirm-payment-details-cont .btn-cancel2{
  display: inline-block !important;
 }
 .confirm-payment-details-cont .btn-cancel{
  display: none;
 }
.customDialogTooltip {
  z-index: 99999;
}
.form-group label {
  font-weight: bold;
}

.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}

.btn-submit :hover {
  background-color: #312782 !important
}
/* @media only screen and (min-width: 1200px) {
  .branch-input-left {
    margin-top: 65px;
  }
  .branch-input-right {
    margin-top:46px;
  }
  .input-left-doc {
    margin-top: 92px;
  }
  .input-right-doc {
    margin-top: 73px;
  }
} */


.payment-details-form  .btn-cancel,
.payment-details-form  .btn-cancel2{
  border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #0088D0;
    background: #fff;
    color: #0088D0;
}
.payment-details-form  .btn-cancel2{
  display: none;
}
.payment-details-form  .btn-submit{
  border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #0088D0;
    background: #0088D0;
    color: #fff;
    margin-left: 3rem;
    margin-right: 3rem;
}
.preview-document {
    width: 500px;
    margin-bottom: 20px;
  }
  
  .preview-document img {
    width: 100%;
  }
  .nafis-awards-reg-form {
    padding: 1.5rem;
    background-color: #fff;
  }
 .nafis-awards-reg-form .popUp-text {
    font-weight: bold;
    font-size: 1.2rem;
}
.nafis-awards-reg-form  .pop-text-download{
    color: #0088D0;
    font-size: 1.1rem;
    text-decoration: underline;
}
.info-dialog {
    line-height: 20px;
  }
  
  .info-dialog .modal-title {
    color: #302d7d;
    font-weight: 600;
  }
  
  .info-dialog .modal-header .close {
    padding: 6px 9px;
    margin: -1rem 0rem -1rem auto;
    background-color: #781d64;
    border: 0;
    font-size: 1.5rem;
    font-weight: 700;
    opacity: 1;
    color: #fff;
    border-radius: 50%;
  }
  .info-dialog__icon .fa{color: #302d7d;}
  
  .info-dialog .modal-body {
    display: flex;
  }
  
  .info-dialog .info-dialog__icon {
    font-size: 30px;
    margin-right: 20px;
  }
  
  .info-dialog .info-dialog__icon .fa:before {
    margin: 0;
  }
  
  .info-dialog .modal-header .close:hover {
    opacity: 1;
  }
  
  .info-dialog.rtl .modal-header .close {
    margin: -1rem auto -1rem 0rem;
  }
  
  .info-dialog.rtl .info-dialog__icon {
    margin-right: 0px;
    margin-left: 20px;
  }
  .payment-detail-card {
    width: 100px;
  }
  
  .delete-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95px;
  }
  
  .dialog-subTitle {
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
  }
  
  .button-container {
    gap: 30px;
  }
  
  .PaymentDialog {
    z-index: 10 !important;
  }
  .PaymentDialog .MuiTableCell-head span {
    white-space: nowrap;
  }
  .section-cont {
    overflow-y: auto;
    padding: 20px;
  }
  .banner-sec{
    position: relative;
}

.banner-sec .back-arrow{
    position: absolute;
    top: 6%;
    left: 4%;   
    z-index: 9;
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
}
.breadCrumb a{
    color: #302D7D;
    text-decoration: none;
    font-size: 1rem;
}
.breadCrumb i{
    margin: 0 0.2rem;
}
.breadCrumb span{
    color: #302D7D;
    text-decoration: none;
    color: #0088D0;
}
.confirm-payment-details-cont .title-cont{
text-align: center;
color: #302D7D;
}
.confirm-payment-details-cont .title-cont .title_{
  font-weight: bold;
}
.confirm-payment-details-cont .title-cont h6{
  color: #302D7D;
}
.confirm-payment-details-cont .card-information .border{
  border: 0 !important;
 }
 .confirm-payment-details-cont .back-arrow {
  color: #302D7D;
  position: absolute;
  font-size: 1.7rem;
  left: -3rem;
  top: -7px;
  cursor: pointer;
 }
 .confirm-payment-details-cont .btn-cancel2{
  display: inline-block !important;
 }
 .confirm-payment-details-cont .btn-cancel{
  display: none;
 }
.customDialogTooltip {
  z-index: 99999;
}
.form-group label {
  font-weight: bold;
}

.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}

.btn-submit :hover {
  background-color: #312782 !important
}
/* @media only screen and (min-width: 1200px) {
  .branch-input-left {
    margin-top: 65px;
  }
  .branch-input-right {
    margin-top:46px;
  }
  .input-left-doc {
    margin-top: 92px;
  }
  .input-right-doc {
    margin-top: 73px;
  }
} */


.payment-details-form  .btn-cancel,
.payment-details-form  .btn-cancel2{
  border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #0088D0;
    background: #fff;
    color: #0088D0;
}
.payment-details-form  .btn-cancel2{
  display: none;
}
.payment-details-form  .btn-submit{
  border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #0088D0;
    background: #0088D0;
    color: #fff;
    margin-left: 3rem;
    margin-right: 3rem;
}
.customDialogTooltip {
  z-index: 99999;
}
.form-group label {
  font-weight: bold;
}

.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}

.btn-submit :hover {
  background-color: #312782 !important
}
/* @media only screen and (min-width: 1200px) {
  .branch-input-left {
    margin-top: 65px;
  }
  .branch-input-right {
    margin-top:46px;
  }
  .input-left-doc {
    margin-top: 92px;
  }
  .input-right-doc {
    margin-top: 73px;
  }
} */


.payment-details-form  .btn-cancel,
.payment-details-form  .btn-cancel2{
  border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #0088D0;
    background: #fff;
    color: #0088D0;
}
.payment-details-form  .btn-cancel2{
  display: none;
}
.payment-details-form  .btn-submit{
  border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #0088D0;
    background: #0088D0;
    color: #fff;
    margin-left: 3rem;
    margin-right: 3rem;
}
.info-dialog {
  line-height: 20px;
}

.info-dialog .modal-title {
  color: #000;
}

.info-dialog .modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  background-color: transparent;
  border: 0;
  font-size: 1.5rem;
  font-weight: 700;
  opacity: 0.5;
}

.info-dialog .modal-body {
  display: flex;
}

.info-dialog .info-dialog__icon {
  font-size: 36px;
  margin-right: 20px;
}

.info-dialog .info-dialog__icon .fa:before {
  margin: 0;
}

.info-dialog .modal-header .close:hover {
  opacity: 1;
}

.info-dialog.rtl .modal-header .close {
  margin: -1rem auto -1rem -1rem;
}

.info-dialog.rtl .info-dialog__icon {
  margin-right: 0px;
  margin-left: 20px;
}

.JobModal .md-close {
  background-color: #0088D0;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px;
    font-size: 15px;
}

.JobModal .ModalCheckbox {
  display: flex;
  align-items: center;
}

.JobModal .ModalCheckbox span {
  margin: 2px 6px 0;
}

.JobModal .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.apply-section {
  display: flex;
  justify-content: space-between;
}

.apply-section .file-upload {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.apply-section .file-upload .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.apply-section .file-upload .form-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.apply-section .file-upload .form-control::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: 'Browse';
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.apply-section .file-upload .form-control.success {
  border-color: #28a745;
}

.apply-section .file-upload .form-control.error {
  border-color: #e74c3c;
}

.apply-section .file-upload .file-upload-help {
  font-size: 80%;
}

.apply-section .file-upload .file-upload-help.success {
  color: #28a745;
}

.apply-section .file-upload .file-upload-help.error {
  color: #e74c3c;
}

.JobModalFooter {
  display: flex;
  justify-content: flex-end;
}

.JobModalFooter .loading {
  margin: 0;
}

.JobModalFooter.Rtl {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.btn-submit {
  border-radius: 0;
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  border: 1px solid #0088D0;
  color: #fff;
  background-color: #0088D0;
}

.opacity-50{
    opacity:0.5;
    cursor:auto!important;
    cursor:initial!important;
}



.payment-detail-card {
  width: 100%;
}

.delete-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95px;
}

.dialog-subTitle {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.button-container {
  gap: 30px;
}

form > .MuiBox-root {
  padding: 35px;
}

.contentWrapper {
  overflow: hidden;
  padding: 20px;
}

.PendingActionForm .loading_block img {
  height: 60px;
}

.PendingActionForm .form-group > label {
  width: 100%;
}

.PendingActionForm .form-group > label .pull-right {
  position: relative;
  top: 8px;
}

@media (max-width: 886px) {
  .PendingActionsModal .custom_container {
    padding: 0px;
    overflow: auto;
  }

  .PendingActionsModal .MuiBox-root {
    max-width: 100vw;
    /* overflow: hidden; */
  }
}

.commentInfoHeading {
  font-weight: bold;
  margin-right: 5px;
}
.btn-attach-space {
  margin-top: 4px;
  margin-right: 4px;
}
.pending-action-table td{
  min-width: 120px !important;
}
.form-title{
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.form-title label{
  font-size: 1rem;
}
.form-grp-cont{
  display: flex;
  gap: 2rem;
}
.form-grp-cont .form-group{
 width: 50%;
}
.form-grp-cont .form-group .file-button{
  font-size: 14px;
}
.form-grp-cont .action-cont {
  text-align: right;
  margin-top: 1rem;
}
.terms-and-conds-modal.show {
  display: block;
  padding-right: 15px;
  z-index: 11000;
}

.terms-and-conds-modal .modal-backdrop {
  z-index: 10500;
}

.terms-and-conds-modal #content h1,
.terms-and-conds-modal #content h2,
.terms-and-conds-modal #content h3,
.terms-and-conds-modal #content h5,
.terms-and-conds-modal #content h6 {
  letter-spacing: 0px;
  font-weight: normal;
  position: relative;
  padding: 0 0 10px 0;
  font-weight: normal;
  font-family: 'Effra';
  line-height: 140% !important;
  color: #312782;
  border-bottom: solid 1px #312782;
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}

.terms-and-conds-modal #content h3:not(:first-child) {
  margin-top: 30px;
}

.terms-and-conds-modal .arabicChecklist li {
  font-size: 16px !important;
}

.terms-and-conds-modal .titleInner {
  color: #312782;
}

.terms-and-conds-modal .secondTitle {
  margin-top: 50px;
}

.terms-and-conds-modal .titleInner {
  min-width: 300px;
  border-bottom: solid 1px #312782;
}

.terms-and-conds-modal .dmtop {
  overflow: hidden;
}

.terms-and-conds-modal .mandatory {
  border: solid 1px #ff1414;
}

.terms-and-conds-modal #content h3 {
  font-size: 18px !important;
}

.terms-and-conds-modal #content h4 {
  font-size: 16px !important;
}

.terms-and-conds-modal .d-inline-block {
  display: inline-block !important;
  width: auto;
}

.terms-and-conds-modal .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.terms-and-conds-modal .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.terms-and-conds-modal .dialog-title {
  color: #312782;
  background-color: transparent;
  font-size: 18px;
  opacity: 1;
  padding: 0;
  margin-top: 5px;
}

.terms-and-conds-modal {
  font-weight: 700;
  color: #000;
}

.terms-and-conds-modal button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.termsConditionButtons {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 60px;
}

#content {
  margin: 16px 30px !important;
}

.btn-decline:hover {
  color: #312782 !important;
  background-color: white;
}
.loginDropdown{display:none;position:absolute;color:#fff;background-color:#302d7d;width:200px;margin:0px 0 0 -6px;border-radius:10px;top:39px;left:5px}.loginDropdown ol{list-style:none;font:normal normal 300 14px/1.5 Effra;padding:5%;margin:0}.loginDropdown ol li{padding:5px;border-radius:5px}.loginDropdown ol li:hover{background-color:#0088d0;line-height:1.5}.signUp:hover~.signUpDropdown{display:block}.loginLists{list-style:none;text-align:center;justify-content:center;display:flex}.loginLists li{background:#fff;box-shadow:0px 3px 43px rgba(0,0,0,.1490196078);border-radius:20px;display:flex;flex-direction:column;margin:0 1%;align-items:center;padding:2%;width:23%;float:left;transition:all 100ms ease;cursor:pointer}.loginLists li .iconHieght{min-height:90px;align-content:center}.loginLists li .iconHieght img{width:8rem}.loginLists li .typeHead{color:#302d7d;font:normal normal bold 16px/21px Effra;min-height:55px;align-content:center;text-align:center}.loginLists li .typeHead .type_head_main{font:normal normal bold 23px/23px Effra}.loginLists li .typeHeadDesc{font:normal normal normal 13px/13px Effra;color:#212121;min-height:70px;align-content:center}.loginLists li:hover{box-shadow:0px 6px 13px #2f89d3;transition:all}
@font-face{font-family:"revicons";fallback:fallback;src:url(/static/media/revicons.e8746a624ed098489406.woff) format('woff'),url(/static/media/revicons.57fd05d4ae650374c8de.ttf) format('ttf'),url(/static/media/revicons.a77de540a38981833f9e.eot) format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}
.view-details-button-block {
  line-height: 1;
  margin: 6px 0;
}

.view-details-button-block {
  color: #0088D0;
    cursor: pointer;
    margin-top: 6px;
    font: normal normal bold 14px/32px Effra;
    background: transparent linear-gradient(178deg, #DED7D5 0%, #A39693 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 0px #711c5a;
    border-radius: 10px;
    padding: 0px;
    margin-bottom: 10px;
    border: none;
}
.blog-carousel button.btn.applied {
  background: transparent linear-gradient(178deg, #DB8015 0%, #711C5A 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 0px #484848;
    font: normal normal bold 12px/35px Effra;
    padding: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: none;
    color: #ffffff;
}
.blog-carousel button.btn.approve_btn {
  background: transparent linear-gradient(178deg, #03AD03 0%, #711C5A 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 0px #484848;
    font: normal normal bold 12px/35px Effra;
    padding: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: none;
    color: #ffffff;
}
.blog-carousel button.btn.rejected_btn {
  background: transparent linear-gradient(178deg, #db1c15 0%, #711C5A 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 0px #484848;
    font: normal normal bold 12px/35px Effra;
    padding: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: none;
    color: #ffffff;
}
.blog-carousel button.btn.btn-success {
  color: #ffffff;
    cursor: pointer;
    margin-top: 6px;
    font: normal normal bold 12px/32px Effra;
    background: transparent linear-gradient(179deg, #0088D0 0%, #461040 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 0px #0000009d;
    border-radius: 10px;
    padding: 0px;
    margin-bottom: 10px;
}
.EligibleBlock .benefitBlock.Approved{background-color: #079107;}
.EligibleBlock .benefitBlock.Reviewing{background-color: #DE9C4E;}
.EligibleBlock .benefitBlock.Rejected{background-color: #912507;}

.benefit-card-checkbox {
  width: 100%;
  cursor: pointer;
}

.benefit-card-checkbox .termsAndConditionsButton {
  cursor: pointer;
  color: #ffffff;
  font-weight: 700;
  text-decoration: underline;
}


.benefit-card-checkbox .termsAndConditionsButton:hover {
  text-decoration: underline;
}

.BenefitCard .fa.fa-info-circle {
  margin: 0 4px;
}

.benefit-card-terms {
  padding-bottom: 255px!important;
}

.benefitTermsSectionLabel {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1;
}

@media (max-width: 280px) {
  .benefit-card-terms {
    padding-bottom: 280px!important;
  }
}
@media only screen and (min-width: 281px) and (max-width: 912px) {
  .benefit-card-terms {
    padding-bottom: 250px!important;
  }
}


.primaryBtn_1.primaryBtn_1_link{
  display: inline-block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
}
.primaryBtn_1.primaryBtn_1_link:hover {
  color: #ffffff;
}
.customDialogTooltip {
  z-index: 99999;
}
.form-group label {
  font-weight: bold;
}

.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}

.btn-submit :hover {
  background-color: #312782 !important
}
/* @media only screen and (min-width: 1200px) {
  .branch-input-left {
    margin-top: 65px;
  }
  .branch-input-right {
    margin-top:46px;
  }
  .input-left-doc {
    margin-top: 92px;
  }
  .input-right-doc {
    margin-top: 73px;
  }
} */


.payment-details-form  .btn-cancel,
.payment-details-form  .btn-cancel2{
  border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #8B1F80;
    background: #fff;
    color: #8B1F80;
}
.payment-details-form  .btn-cancel2{
  display: none;
}
.payment-details-form  .btn-submit{
  border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #8B1F80;
    background: #8B1F80;
    color: #fff;
    margin-left: 3rem;
    margin-right: 3rem;
}
.EducationalDetailsModal .h4 {
  font-size: 18px;
  color: #333;
}

.EducationalDetailsModal .close {
  margin-top: -2px;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  color: #000;
  filter: alpha(opacity=20);
  float: right;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.2;
  text-shadow: 0 1px 0 #fff;
}

.EducationalDetailsModal .close:hover {
  color: #000;
  cursor: pointer;
  opacity: 0.5;
  text-decoration: none;
}

.EducationalDetailsModal .form-radio {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

.EducationalDetailsModal .form-radio input {
  margin: 0 5px;
}

.UnemployedBenefitModal .h4 {
  font: normal normal bold 1.7em/26px Effra !important;
    color: #302D7D !important;
}

.UnemployedBenefitModal .close {
  margin-top: -2px;
    -webkit-appearance: none;
    background: #0088D0;
    border: 0;
    cursor: pointer;
    color: #fff;
    filter: alpha(opacity=20);
    float: right;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1;
    /* opacity: 0.2; */
    padding: 5px 10px;
    text-shadow: 0 1px 0 #fff;
    border-radius: 50%;
}

.UnemployedBenefitModal .close:hover {
  color: #302D7D;
  cursor: pointer;
  opacity: 0.5;
  text-decoration: none;
}

.UnemployedBenefitModal .form-radio {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

.UnemployedBenefitModal .form-radio input {
  margin: 0 5px;
}

.UnemployedBenefitModal .file-notice {
  font-size: 14px;
}

.UnemployedBenefitModal label {
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.UnemployedBenefitModal .FileUpload label {
  line-height: 1.5;
}
.UnemployedBenefitModal .FileUpload .file_name
{
  max-width: calc(100% - 130px);
}

.file-upload-help{font-size: 12px;}
.FileUpload{margin-bottom: 0;}
.EducationalLevelModal .h4 {
  font-size: 18px;
  color: #333;
}

.EducationalLevelModal .close {
  margin-top: -2px;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  color: #000;
  filter: alpha(opacity=20);
  float: right;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.2;
  text-shadow: 0 1px 0 #fff;
}

.EducationalLevelModal .close:hover {
  color: #000;
  cursor: pointer;
  opacity: 0.5;
  text-decoration: none;
}

.EducationalLevelModal .file-notice {
  font-size: 14px;
}

.EducationalLevelModal label {
  line-height: 1.2;
}

.EducationalLevelModal .FileUpload label {
  line-height: 1.5;
}

.ChildAllowanceModal .md-close {
  background-color: #0088D0;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px 10px;
    font-size: 15px;
   
}

.ChildAllowanceModal .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.apply-section {
  display: flex;
  justify-content: space-between;
}

.ChildAllowanceModalFooter {
  display: flex;
  justify-content: flex-end;
}

.ChildAllowanceModalFooter .loading {
  margin: 0;
}

.ChildAllowanceModalFooter.Rtl {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.modal-body {
  position: static;
}

.child-count {
  font-size: 14px;
  padding-left: 8px;
}
.child-number {
  font-size: 14px;
  padding-right: 8px;
}
.child-block {
  display: flex;
}

.char-count-label {
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 280px) and (max-width: 767px) {
  .char-count-label {
    justify-content: flex-end;
  }
}

.ApprenticeshipModal .md-close {
  background-color: #0088D0;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px 10px;
    font-size: 15px;
}

.ApprenticeshipModal .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.apply-section {
  display: flex;
  justify-content: space-between;
}

.ApprenticeshipModalFooter {
  display: flex;
  justify-content: flex-end;
}

.ApprenticeshipModalFooter .loading {
  margin: 0;
}

.ApprenticeshipModalFooter.Rtl {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.modal-body {
  position: static;
}

.ApprenticeshipModal .date-container {
  width: 250px;
}

.successMessage {
  color: #fff;
  background-color: #060;
  padding: 10px;
  /*   position:absolute;
            right:0;
            top:0;*/
}

.initiative_details_box {
  position: relative;
}
.flex-display {
  display: flex;
}
.shortcutWrapper {
  position: fixed;
  top: 100px;
  width: 100%;
  text-align: center;
  z-index: 1000;
  padding: 10px 0;
  background: white;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
b {
  font-weight: bold;
}

.information-list .fa {
  width: 20px;
  text-align: center;
}
.information-list {
  list-style: none;
}
.loading_page {
  width: 150px;
  margin: auto;
  text-align: center;
}
.btn-shortcut {
  border-radius: 0;
  font-size: 1.6em;
  margin: 0 5px;
}
.activate_deactivate {
  width: 90px;
}
.form_error_message {
  color: #ff0e0e;
  /*color: red !important*/
}
.formFieldEdit .form_error_message, .formFieldEditnew .form_error_message, .experience-sector-item .form_error_message{
  color: #ffffff;
  color: red !important; 
  /* background: red; */
  width: 100%;
  float: left;
  padding: 3px;
  font: normal normal normal 14px/14px Effra;
}
.btn-outline-primary {
  background: white;
}
.img-circle {
  margin: 0 auto;
  padding: 3px;
  border: 3px solid #d2d6de;
  border-radius: 50%;
  max-width: 100%;
}
.myaccount-thumbs {
  margin-right: 10px;
  margin-left: 10px;
  border: 2px solid #d2d6de;
  border-radius: 50%;
  width: 40px;
}

.information_icon img {
  height: 100px;
  width: 100px;
}
@media (max-width: 1100px) {
  .information_icon img {
    height: 60px;
    width: 60px;
  }
}

.m-t-10 {
  margin-top: 10px;
  /*display:table;*/
  float: left;
}

.width_100 {
  width: 100% !important;
}
.box .price,
.cart_table .price2 {
  margin: 0 !important;
}

.cart_table .price,
.cart_table .cart_title {
  font-size: 16px;
}

.margin_top_10 {
  margin-top: 10px;
}
.blog-carousel-header {
  text-align: center;
  text-decoration: underline;
  font: normal normal bold 19px/19px Effra;
  letter-spacing: 0px;
  color: #302D7D;
  padding: 3% 0%;
}

.hide_extension {
  display: none;
}

.post-type {
  display: none;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.content-wrap {
  padding-top: 90px;
  flex: 1 0 auto;
}

#image_card_container {
  width: 654px;
  text-align: center;
  padding-top: 50px;
  /* height: 410px; */
}

#image_card {
  width: 500px;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  transform: rotate3d(1, 1, 1, 7deg) !important;
}

.big_title {
  font-size: 30px !important;
}

.bank_account_banner {
  background: url(/static/media/sliderbg_05.6e3a564b915699531a95.jpg);
  background-size: 100%;
  min-height: 500px;
  height: 100%;
}
.font_18 {
  font-size: 18px;
}

.modal-dialog {
  /*width: 80%;*/
}

.card_section {
  text-align: center;
  padding-top: 100px;
}

.card_section img {
  width: 60%;
}

.title_section {
  padding: 30px;
}

.view_benefits {
  text-align: right;
}
.col-lg-3 {
  position: relative;
}
.disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}

.eligible {
  width: 35px !important;
}

.eligible_parent {
  position: absolute;
  top: -18px;
  left: -7px;
  border-radius: 50%;
}
.icon-list div {
  color: white;
}
.icon-list hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

@media only screen and (min-device-width: 768px) {
  .custom_container {
    padding: 30px 30px;
  }
}

.blog-carousel-header h3 {
  margin-top: 0;
  font-weight: bold;
}

.m-t-add {
  margin-top: 30px;
}

.blog-carousel-desc {
  overflow: hidden;
  /* padding: 3% 8%; */
  padding-bottom: 22px;
    text-align: center;
}
.home-item .blog-carousel-desc{padding-bottom: 0 !important;min-height: 90px;
  color: #524E8A;padding: 0 10px;}
.padding-vertical {
  padding: 100px 0;
}
.container-block-left {
  display: flex;
  justify-content: space-between;
}
.container-block-left .btn-child:last-child {
  margin-right: auto;
}
.btn-deactivate-left {
  width: 75%;
}
.container-block-right {
  display: flex;
  justify-content: space-between;
}
.container-block-right .btn-child:last-child {
  margin-left: auto;
}
.btn-deactivate-right {
  width: 75%;
  margin-right: 2px
}
.partner-benfit-sec .termsAndConditionsButton{

}
.partner-benfit-sec .blog-carousel-header{
text-decoration: none;
}

.dashboard_BenefitCard1 .w-20, .dashboard_BenefitCard2 .w-20 {
  transition: all 0.3s;
}
.dashboard_BenefitCard1 .BenefitCard{ border: 1px solid #CCCCCC;padding: 0; }
.dashboard_BenefitCard1 .blog-carousel-header h3{font: normal normal bold 18px/22px Effra;}
.dashboard_BenefitCard1 .react-multi-carousel-item {
    position: relative;
    margin: 0 1em;
    max-width: 300px; 
    padding: 0 ; 
  }

  .blog-carousel-desc ul li {
    list-style-type: disc;
  }



.MuiButtonBase-root .MuiAccordionSummary-content .MuiTypography-root {
    font-weight: bold;
    font-size: 1.1rem;
}
.faqAccordion .MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper {
position: absolute;
top: -5px;
right: 4px;
}
.MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper svg{
    color: #0088D0 ;
     font-size: 2.3rem;
}
.MuiPaper-root .MuiAccordionDetails-root {
    padding: 0.6rem 0rem;
}

@media (max-width: 1200px) {
    .MuiButtonBase-root .MuiAccordionSummary-content .MuiTypography-root {
       padding-right: 3rem;
    }
}
.homepage_MultiCarousel__AeSOY { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .homepage_MultiCarousel__AeSOY .homepage_MultiCarousel-inner__yoVlx { transition: 1s ease all; float: left; }
        .homepage_MultiCarousel__AeSOY .homepage_MultiCarousel-inner__yoVlx .homepage_item__XW3hM { float: left;padding: 0 1%;}
        .homepage_MultiCarousel__AeSOY .homepage_MultiCarousel-inner__yoVlx .homepage_item__XW3hM > div { text-align: center; padding:10px; background:#ffffff; color:#666;position: relative;}
    .homepage_MultiCarousel__AeSOY .homepage_leftLst__0Kheo, .homepage_MultiCarousel__AeSOY .homepage_rightLst__zEGxm { position:absolute; border-radius:50%;top:calc(50% - 20px);background: none;
        border: none;
        color: #711c5a;
        font-size: 1.5em;
        box-shadow: none;
    }
    .homepage_MultiCarousel__AeSOY .homepage_leftLst__0Kheo { left:0; }
    .homepage_MultiCarousel__AeSOY .homepage_rightLst__zEGxm { right:0; }
    
        .homepage_MultiCarousel__AeSOY .homepage_leftLst__0Kheo.homepage_over__KL7Fq, .homepage_MultiCarousel__AeSOY .homepage_rightLst__zEGxm.homepage_over__KL7Fq,.homepage_MultiCarousel__AeSOY .homepage_leftLst__0Kheo:hover, .homepage_MultiCarousel__AeSOY .homepage_rightLst__zEGxm:hover { background: none;
            border: none;
            color: #711c5a;
            font-size: 1.5em;
            padding-left: 0;
            cursor: pointer; }
.homepage_benefitsSection__sJGxy {
    background: #EBEBEB 0% 0% no-repeat padding-box;
    color:#000000;
     }

    

.homepage_benefitsSection__sJGxy h3{
    text-align: center;
font: normal normal bold 19px/19px Effra;
letter-spacing: 0px;
color: #302D7D;
opacity: 1;
}
.homepage_blockText3__3npxX{
    color: #1D1436;
    text-align: center;
    float: left;
    width: 100%;
}
.homepage_benefitsSection__sJGxy .homepage_ButtonClick__dyEjW{
    text-align: center;
    float: left;
    margin-right: 3%;
    text-transform: uppercase;
    font: normal normal bold 16px/16px Effra;
    cursor: pointer;
    max-width: 100% !important;
    min-width: auto !important;
}
.homepage_benefitsSection__sJGxy .homepage_ButtonClick__dyEjW:hover{color: #711C5A;}
.homepage_benefitsSection__sJGxy .homepage_ButtonClick__dyEjW.homepage_active__oMfrn{
    color: #711C5A;
}
.homepage_careersAndBenifits__Ronay{display: none;float: left;
    width: 100%;}
.homepage_careersAndBenifits__Ronay.homepage_show__AeKje{display: block;}
.homepage_careers__URNOi,.homepage_benefits__dpQPf{
    transition: transform .6s ease-in-out;
}
.homepage_benefitsSection__sJGxy .homepage_ButtonClick__dyEjW.homepage_active__oMfrn::after {
    content: '';
    display: block;
    border-bottom: 3px solid #711C5A;
    width: 100%;
    padding-bottom: 5px;
}
.homepage_benefitsSection__sJGxy .homepage_Tabs__zVYuA{
    float: left;
    width: 100%;
    margin-left: 35%;
    margin-top: 3%;
}

.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}

.FileUpload {
  /* font-size: 0; */
  margin-bottom: 5px;
}

.FileUpload label {
  min-height: 37px;
  max-width: 100%;
  font-weight: 700;
  margin: 0;
  white-space: nowrap;
  display: flex;
}

.FileUpload .file_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.375rem 48px 0.375rem 0.75rem;
}

.FileUpload .file_name {
  max-width: calc(100% - 190px);
} 

.FileUpload .allowedFileBlock {
  line-height: 1;
  font-size: 12px;
  color: #686868;
  margin-top: 5px;
}

.FileUpload .SelectedFiles {
  margin-top: 10px;
  display: flex;
}

.FileUpload .SelectedFiles .SelectedFile {
  display: flex;
  align-items: center;
  min-width: 150px;
}

.FileUpload .SelectedFiles .SelectedFile.completeResume{flex-direction: column;
  align-items: baseline;justify-content: space-between;}

.FileUpload .SelectedFiles .SelectedFile:hover {
  background-color: #ededed;
}

.FileUpload .SelectedFiles .SelectedFile i {
  cursor: pointer;
  color: #0088D0;
}

.FileUpload .btn {
  font-size: 14px !important;
  background: #0088D0;
  color: #ffffff;
}
.FileUpload .SelectedFiles .SelectedFile span {
  font-weight: 700;
  width: calc(100% - 30px);
  font-size: 14px;
  /* padding: 0px 6px; */
  margin: 0px 0;
  line-height: 10px;
}
.FileUpload .SelectedFiles .SelectedFile i span{color: #b6b6b6;}
.defaultIcon{color: #0088D0;}

/* RTL */
.FileUpload .file_name.file_name_ar {
  padding: 0.375rem 0.75rem 0.375rem 48px;
}


span.name-bottom {
  padding: 0 0 0 5px!important;
  font-size: 12px;
  max-width: 100% !important;
}

@media (min-width: 577px) {
  span.name-bottom {
    display: none!important;
  }
}
.formFieldEdit.text-box {
  background-color: #fff;
  border: 1px solid #DED7D5;
}

/* .upload-input-file {
  clear: both;
  display: flex;
  justify-content: space-between;
  align-items: center;
   padding: 1rem 1rem !important; 
} */
/* .upload-input-file  .file_label.form-control{
width: auto;
border: 0;
} */
/* .upload-input-file .plaseholderTxt {
  margin-bottom: 0;
  color: #484848;
  font-size: 1rem;
  opacity: 0.5;
} */

/* .upload-btn {
  display: flex;
  justify-content: space-between;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
} */
/* .upload-btn-ele {
  border-radius: 0;
  padding: 0.5rem 1rem;
  color: #0088D0;
  font-weight: bold;
  border: 0;
  background: #DED7D5;
} */
/* .upload-input-file-cont .file_name,
.upload-input-file-cont .remove-file{
  float: none;
    position: relative;
    padding-right: 0;
} */


.customDialogTooltip {
    z-index: 99999;
  }
  .form-group label {
    font-weight: bold;
  }
  
  .btn-cancel:hover {
    background-color: white;
    color: #312782 !important;
  }
  
  .btn-submit :hover {
    background-color: #312782 !important
  }
  /* @media only screen and (min-width: 1200px) {
    .branch-input-left {
      margin-top: 65px;
    }
    .branch-input-right {
      margin-top:46px;
    }
    .input-left-doc {
      margin-top: 92px;
    }
    .input-right-doc {
      margin-top: 73px;
    }
  } */
  
  
  .payment-details-form  .btn-cancel,
  .payment-details-form  .btn-cancel2{
    border-radius: 0;
      padding: 0.4rem 0rem;
      width: 160px;
      border: 1px solid #8B1F80;
      background: #fff;
      color: #8B1F80;
  }
  .payment-details-form  .btn-cancel2{
    display: none;
  }
  .payment-details-form  .btn-submit{
    border-radius: 0;
      padding: 0.4rem 0rem;
      width: 160px;
      border: 1px solid #8B1F80;
      background: #8B1F80;
      color: #fff;
      margin-left: 3rem;
      margin-right: 3rem;
  }

  .infoIconAlign{
    margin-left: 43em;
    margin-bottom: 0em;
  }
  
  .mt1_5{
    margin-top: -1.5em;
  }
.external_links{align-items:center;justify-content:space-around;text-align:center}.external_links img{height:50px}.homepageBlocks h2{color:#302d7c}.blockText3{background-color:#e1ecef}
#about-page ul {
  padding-left: 2rem;
}

@media screen and (max-width: 676px) {
  #about-page-video {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.payment-detail-card {
  width: 25rem;
}

.delete-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95px;
}

.dialog-subTitle {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.button-container {
  gap: 30px;
}
.payment-
.PaymentDialog .MuiTableCell-head span {
  white-space: nowrap;
}
.paymentDetailsGrid .MuiPaper-root.MuiPaper-elevation{float: left;width: 100%;}
.paymentDetailsGrid h2{font: normal normal bold 30px/36px Effra;
  color: #302D7D;float: left;}
.paymentDetailsGrid .downloadDiv{
  font: normal normal bold 20px/26px effra;
    color: #524E8A;
    float: right;
}
.paymentDetailsGrid .downloadDiv span{color: #0088D0;}
ul.MuiMenu-list li.MuiTablePagination-menuItem{display: block !important;
  text-align: center;}
.paymentTolltipIcon {
  font: normal normal normal 14px/1 FontAwesome !important;
}
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    );
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

.nojob_fontWeightBold__PM04- {
  font-weight: bold;
}
.nojob_textCenter__oobXE{
text-align:center
}
.nojob_textXl__FnuZX{
font-size:large
}

.nojob_backdrop__o1ROI {
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  height:250px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.user_components_box{
    background-color: #ffffff;
      padding: 1em;
      margin: 0.5em 0;
  }
  .user_components_box.border_radius{border-radius: 10px;}
  .col-md-3.user_components_box{width: 23%;}
  .col-md-5.user_components_box{width: 39%;}

.stepper-wrapper {
    font-family: Arial;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1;
  
    @media (max-width: 768px) {
      font-size: 12px;
    }
  }
  
  .stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 15px;
    left: -50%;
    z-index: 2;
  }
  
  .stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 15px;
    left: 50%;
    z-index: 2;
  }

  .stepper-item.ar::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 15px;
    right: -50%;
    z-index: 2;
  }
  
  .stepper-item.ar::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 15px;
    right: 50%;
    z-index: 2;
  }

  
  .stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
  }
  
  .stepper-item.active {
    font-weight: bold;
  }
  
  .stepper-item.completed .step-counter {
    background-color: #0088D0;
    color:#fff;
  }
  
  .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #0088D0;
    width: 100%;
    top: 15px;
    left: 50%;
    z-index: 3;
  }
  
  .stepper-item:first-child::before {
    content: none;
  }
  .stepper-item:last-child::after {
    content: none;
  }
  
  .stepper-item.current .step-counter{
    border: 2px solid #0088D0;
    background-color: white;
  }
  
  
  
.border_radius20{border-radius: 20px;}

.box-content img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.jobs-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.2); /* Slight transparency */
  border-radius: 50%;
}
.jobs-icon-container img {
  width: 32px;
  height: 32px; 
  object-fit: contain;
}

.legend { list-style: none; }
.legend li { float: left; margin-right: 10px; }
.legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; }
.legend .current { background-color: green; }
.legend .inprogress { background-color: #0000ff; }

.benefitsBoxContainer{
    max-height: 300px; /* Set your desired max height */
    overflow: auto; /* Handle overflow with scrollbars */
  }
  
  .media {
    display: flex;
    align-items: flex-start;
  }
  
  .media-body {
    flex: 1 1;
  }
  
  .font-w500 {
    font-weight: 500;
  }
  
  .text-black {
      color: #000 !important;
  }
  .text-black {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
  }
  
  /* Container for toggle buttons */
  .toggle-buttons {
    display: inline-flex;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
  }
  
  /* Individual toggle buttons */
  .toggle-btn {
    padding: 10px 20px;
    border: none;
    background-color: transparent;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #2196F3;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
  }
  
  /* Active button style */
  .toggle-btn.active {
    background-color: #2196F3;
    color: white;
  }
  
  /* Button hover effect */
  .toggle-btn:hover {
    background-color: #e0f2f1;
  }
  
  /* Prevent buttons from growing/shrinking */
  .toggle-btn:not(:last-child) {
    border-right: 1px solid #ddd;
  }
  
  
  .profile-card {
    background: #fff;
    border-radius: 10px;
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
    /* width: 400px; */
    padding: 0px 10px 0px 10px;
    text-align: center;
  }
  
  .profile-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
  }
  
  .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #ddd;
  }
  
  .user-info {
    text-align: left;
    flex:1 1;
  }
  
  .user-info h3 {
    font-size: 1.2rem;
    margin: 0;
    color: #333;
  }
  
  .user-info p {
    font-size: 0.9rem;
    margin: 5px 0 0;
    color: #777;
  }
  
  .contact-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 15px 0;
    font-size: 0.9rem;
    color: #555;
  }
  
  .contact-info i {
    color: #3f51b5;
  }
  
  .divider {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 20px 0;
  }
  
  .stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
  
  .stat-item {
    flex: 1 1;
    text-align: center;
  }
  
  .stat-item p {
    font-size: 0.9rem;
    color: #777;
    margin-bottom: 5px;
  }
  
  .stat-bar {
    height: 5px;
    border-radius: 5px;
    background: #eee;
    overflow: hidden;
    position: relative;
  }
  
  .stat-bar .progress {
    height: 100%;
    border-radius: 5px;
  }
  
  .stat-bar .progress.blue {
    background: #3f51b5;
    width: 85%;
  }
  
  .stat-bar .progress.orange {
    background: #ff9800;
    width: 75%;
  }
  
  .carousel-indicators{display: none;}
  
  .components_Head img {
    width: 25px;
    height: 24px;
    margin-bottom: 10px;
  }
.input-btn-search {
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}

.input-search-ar {
  border-radius: 0 0.25rem 0.25rem 0 !important;
}

@media only screen and (min-width: 200px) and (max-width: 786px) {
    .close-btn-block {
      margin-top: 40px;
    }
    .close-btn {
        width: 100%;
    }
  }
  
  /* .filter-jobs-cont .MuiPaper-elevation {
    padding: 0.6rem 0;
} */

.filter-jobs-cont .MuiButtonBase-root{
width: 100%;
}
.filter-jobs-cont  .MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper {
  position: absolute;
  top: 9px;
  right: 4px;
  transform: rotate(0deg) !important;
}
p.plusMinusIcon {
  margin-bottom: 0;
  border: 3px solid;
  position: relative;
  min-width: 25px;
  height: 27px;
  display: inline-block;
  margin-left: 10px;
}
p.plusMinusIcon::before{
  content: '';
  inset: 0;
  background-color: #fff;
  position: absolute;
  z-index: 9;
  margin: 0 3px;
  height: 130%;
  top: -3px;
}
 p.plusMinusIcon .MuiSvgIcon-root{
  position: relative;
  z-index: 9;
  font-size: 1.2rem;
 
}
p.plusMinusIcon span.hr-line {
  height: 3px;
  background: #0088D0;
  display: inline-block;
  position: relative;
  z-index: 9;
  top: 9px;
  left: 3px;
  width: 13px;
  position: absolute;
}
p.plusMinusIcon span.vr-line {
  width: 3px;
  background: #0088D0;
  display: inline-block;
  position: relative;
  z-index: 9;
  top: 4px;
  left: 8px;
  height: 13px;
  position: absolute; 
  transition: all 0.3 ease-in-out;
}
.MuiAccordionSummary-expandIconWrapper.Mui-expanded p.plusMinusIcon span.vr-line {
opacity: 0;
transition: all 0.3 ease-in-out;
}
.filter-jobs-cont .MuiPaper-root{
  margin: 0 !important;
}
.modal-body-cont .FileUpload {
    margin-bottom: 0px;
  }
  .modal-body-cont .FileUpload label {
    border: none;
  }
  .modal-body-cont .file-button {
    background: #DED7D5;
    text-align: center;
    font: normal normal normal 14px/17px Effra;
    color: #0088D0;
    position: absolute;
    right: 4em;
    top: 17px;
    bottom: auto;
    padding: 10px 20px;
  }
  .modal-body-cont .FileUpload label.form-control{
    min-height: 71px;
  }
  .modal-body-cont .FileUpload .file_name,
  .modal-body-cont .FileUpload .remove-file{
    margin-top: 17px;
  }
  .jobTabsArea .jobTabsAreaTab{
    max-width: 35% !important;
    min-width: 30% !important;
  }
  .download-XLS .text  {
    color: #302d7d;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: right;
    margin-bottom: 0;
  }
  .download-XLS .text .download-xls-btn {
    color: #0088D0;
    cursor: pointer;
  }
.JobModal .md-close {
  background-color: #0088D0;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px;
    font-size: 15px;
}

.JobModal .ModalCheckbox {
  display: flex;
  align-items: center;
}

.JobModal .ModalCheckbox span {
  margin: 2px 6px 0;
}

.JobModal .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.apply-section {
  display: flex;
  justify-content: space-between;
}

.apply-section .file-upload {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.apply-section .file-upload .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.apply-section .file-upload .form-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.apply-section .file-upload .form-control::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: 'Browse';
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.apply-section .file-upload .form-control.success {
  border-color: #28a745;
}

.apply-section .file-upload .form-control.error {
  border-color: #e74c3c;
}

.apply-section .file-upload .file-upload-help {
  font-size: 80%;
}

.apply-section .file-upload .file-upload-help.success {
  color: #28a745;
}

.apply-section .file-upload .file-upload-help.error {
  color: #e74c3c;
}

.JobModalFooter {
  display: flex;
  justify-content: flex-end;
}

.JobModalFooter .loading {
  margin: 0;
}

.JobModalFooter.Rtl {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.modal-body {
  background-color: #F5F5F5;
}
.modal-body-cont .user-input-fields-cont .MuiTypography-subtitle1{
  color: #757575;
  font-size: 1rem;
}
.modal-body-cont .user-input-fields-cont .MuiTypography-body1 {
  color: #484848;
  font-size: 1.1rem;
  font-weight: bold;
}
.modal-body-cont .user-input-fields-cont .col-4{
  padding: 0 0.5rem;
}
.btn-submit {
  /* border-radius: 0; */
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  /* border: 1px solid #0088D0; */
  color: #fff;
  background-color: #0088D0;
}
.btn-cancel-popup {
  border-radius: 0;
  margin: 5px;
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  border: 1px solid #0088D0;
  color: #0088D0;
  background-color: #DED7D5;
}
.btn-submit-popup {
  border-radius: 0;
  margin: 5px;
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  border: 1px solid #0088D0;
  color: #fff;
  background-color: #0088D0;
}

/* .modal-body-cont .FileUpload {
  margin-bottom: 0px;
}
.modal-body-cont .FileUpload label {
  border: none;
}
.modal-body-cont .file-button {
  background: #DED7D5;
  text-align: center;
  font: normal normal normal 14px/17px Effra;
  color: #0088D0;
  position: absolute;
  right: 4em;
  top: 17px;
  bottom: auto;
  padding: 10px 20px;
}
.modal-body-cont .FileUpload label.form-control{
  min-height: 71px;
}
.modal-body-cont .FileUpload .file_name,
.modal-body-cont .FileUpload .remove-file{
  margin-top: 17px;
} */

.JobModal .md-close {
  background-color: #0088D0;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px;
    font-size: 15px;
}

.JobModal .ModalCheckbox {
  display: flex;
  align-items: center;
}

.JobModal .ModalCheckbox span {
  margin: 2px 6px 0;
}

.JobModal .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.apply-section {
  display: flex;
  justify-content: space-between;
}

.apply-section .file-upload {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.apply-section .file-upload .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.apply-section .file-upload .form-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.apply-section .file-upload .form-control::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: 'Browse';
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.apply-section .file-upload .form-control.success {
  border-color: #28a745;
}

.apply-section .file-upload .form-control.error {
  border-color: #e74c3c;
}

.apply-section .file-upload .file-upload-help {
  font-size: 80%;
}

.apply-section .file-upload .file-upload-help.success {
  color: #28a745;
}

.apply-section .file-upload .file-upload-help.error {
  color: #e74c3c;
}

.JobModalFooter {
  display: flex;
  justify-content: flex-end;
}

.JobModalFooter .loading {
  margin: 0;
}

.JobModalFooter.Rtl {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.btn-submit {
  border-radius: 0;
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  border: 1px solid #0088D0;
  color: #fff;
  background-color: #0088D0;
}
.successMessage {
  color: #fff;
  background-color: #060;
  padding: 10px;
  /*   position:absolute;
            right:0;
            top:0;*/
}

.file_label {
  position: relative !important;
}
.initiative_details_box {
  position: relative;
}
.margin_right_10 {
  margin-right: 10px;
}
.margin_left_10 {
  margin-left: 10px;
}
.m-t-10 {
  margin-top: 10px;
  /*display:table;*/
  float: left;
}
.m-t-hired {
  margin-top: 10px;
}
.width-100p {
  width: 100%;
}
.my-modal {
  width: 70vw;
  max-width: 70vw;
}
.fa-cog {
  font-size: 1.9em;
}

.dropdown-menu {
  background: #706f6f;
  color: white;
}

.fa-cog:hover {
  cursor: pointer;
}


@media only screen and (max-width: 968px) {
  
}
@media only screen and (max-device-width: 768px) {

  .my-modal {
    width: 90vw;
    max-width: 90vw;
    margin: auto;
  }
  .bank_account_banner {
    display: block;
    height: 100% !important;
    padding-bottom: 100px;
  }
  #image_card {
    width: 100% !important;
  }
 
}
.small-modal {
  width: 30vw;
  max-width: 30vw;
}
/*next styling are for date range picker*/
.cVAaYc {
  width: 100%;
  overflow: auto !important;
}
.bjWdNs,
.hGILTN {
  display: block !important;
}
label.sc-hKgJUU:nth-child(1) {
  float: left !important;
}
.active_class .fa-circle {
  margin-right: 4px;
  margin-left: 4px;
  color: #6ccca5 !important;
  font-size: 0.6em;
  bottom: 1px;
  position: relative;
}
.active_class {
  color: #6ccca5 !important;
  font-weight: 500;
  font-size: 1.1em;
  width: 64px;
}
.sc-hKgJUU {
  width: 49%;
  float: right;
}

.bixLJl,
.ljCTet {
  display: none !important;
}
@media only screen and (min-device-width: 768px) {
  .custom_container {
    padding: 10px 0px;
  }
}
@media screen and (max-width: 676px) {
  .sc-hKgJUU {
    width: 100%;
  }
}
/*end of styling for date range picker*/
.img-thumbnail-custom {
  height: auto !important;
  width: 100%;
}
.img-thumbnail-height {
  height: 100% !important;
  width: 100%;
  padding-left: 15px;
}
.date-input-field {
  max-width: 7rem;
}
.form-modal {
  min-width: 85vw;
  width: 85vw;
  max-width: 100% !important;
}
@media screen and (max-width: 676px) {
  .form-modal {
    width: 95%;
    margin: auto; /* New width for default modal */
  }
}
.buddy_image {
  width: 100px;
  height: 60px;
}
.buddy_desc {
  padding: 0;
}
.modal-body {
  padding: 20px;
}
.modal_company_title {
  font-weight: bold;
  color: #808080;
}
.font_size_18 {
  font-size: 18px;
}
.buddypress_content {
  padding: 15px;
  padding-top: 0;
}
.img-thumbnail {
  height: 100%;
}
.image_entry {
  background-size: cover !important;
  /* height: 230px; */
  margin-bottom: 15px;
  background-repeat: no-repeat !important;
  background-position: center !important;
}


.blog-carousel-header {
  min-height: 65px;
}
.hidden-overflow {
  overflow: hidden;
  width: 100%;
}
.hide_extension {
  display: none;
}

.post-type {
  display: none;
}

.company_title {
  font-weight: bold;
  color: #808080;
}
.width_100 {
  width: 100px;
}
#image_card_container {
  width: 654px;
  text-align: center;
  padding-top: 50px;
  /* height: 410px; */
}

#image_card {
  height: auto;
  transform: rotate3d(1, 1, 1, 7deg) !important;
}

.big_title {
  font-size: 30px !important;
}

.bank_account_banner {
  background: url(/static/media/sliderbg_05.6e3a564b915699531a95.jpg);
  background-size: 100%;
  min-height: 500px;
  height: 100%;
}
.MuiTabs-fixed {
  overflow: auto !important;
}
.text-warning * {
  color: #ffcc00 !important;
}
.bottom_button_benefits {
  position: absolute;
  bottom: 8px;
  width: 100%;
  left: 0;
}

.blog-masonry .blog-inner {
  position: relative;
  padding-bottom: 75px;
}
.card_section {
  text-align: center;
  padding-top: 100px;
}

.card_section img {
  width: 60%;
}

.title_section {
  padding: 30px;
}

.view_benefits {
  text-align: right;
}

.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.eligible {
  width: 35px !important;
}

.blog-carousel-header h3 {
  margin-top: 0;
  font-weight: bold;
}

.m-t-add {
  margin-top: 30px;
}

.img-thumbnail,
.buddy_desc {
  border: 0px !important;
}
.active_tab {
  background: rgba(0, 0, 0, 0.1) !important;
}
.active_tab,
.active_tab .MuiTab-wrapper {
  color: white !important;
  opacity: 1 !important;
  text-transform: none !important;
}
.jobBorder .active_tab{text-transform: none !important;background: #302d7d !important;}
.jobBox {
  background: #DED7D5;
  padding: 5px;
  border-radius: 5px;
  height: 100%;
  position: relative;
  box-shadow: 0px 5px 15px #00000029;
}

.readmore {
  display: inline !important;
}

.form-row .form-group {
  margin-top: 10px;
}

.job_applicants {
  /*text-align: center;*/
  font-size: 1.5em;
  cursor: pointer;
  padding: 10px;
}
.JobsOffers .job_applicants
{
  cursor: pointer;
    background-color: #0088D0;
    color: #fff;
    width: 60px;
    height: 60px;
    justify-content: center;
    text-align: center;
    border-radius: 30px;
    font: normal normal normal 16px/16px Effra !important;
    align-items: center;
    display: flex;
}

.job_applicants sup {
  font-weight: bold;
  background: #312782;
  color: white;
  padding: 2px 5px;
  border-radius: 50%;
}

.job_applicants sup.alert {
  background: #ff0e0e;
}

.job_applicants:hover {
  color: #ffffff;
  font: bold normal 16px/32px Effra !important;
}
.m_p_b_0 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.success-message {
  color: #42ba96;
  font-weight: bold;
}
.danger-message {
  color: #ff0e0e;
  font-weight: bold;
}

.hire-applicant {
}
.MuiToolbar-root .MuiSvgIcon-root {
  fill: rgb(49, 39, 130);

  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
}

section.jt-shadow:nth-child(1)
  > div:nth-child(1)
  > div:nth-child(2)
  > div:nth-child(1)
  > div:nth-child(1)
  > div:nth-child(2)
  > button:nth-child(6)
  > svg:nth-child(1),
section.jt-shadow:nth-child(2)
  > div:nth-child(1)
  > div:nth-child(2)
  > div:nth-child(1)
  > div:nth-child(1)
  > div:nth-child(2)
  > button:nth-child(6)
  > svg:nth-child(1) {
  fill: white;
  width: 1.8em;
  height: 1.8em;
  background: rgb(49, 39, 130);
  border-radius: 50%;
}

.form-row label {
  width: 100%;
}
.asterisk {
  font-size: 1.2em;
  color: RGB(255, 14, 14);
  padding: 0 0.2em;
}

.partner_bottom_div {
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  position: relative;
  display: none;
}
.partner_bottom_div h3 {
  text-shadow: 1px 1px black;
  color: white;
}
.job-box-custom {
  cursor: pointer;
}
.job-box-custom:hover .partner_bottom_div {
  display: block;
}

.partner_tab {
  color: #312782 !important;
    text-transform: capitalize !important;
    background: #dcdcdc !important;
}

.select-holder {
  width: 100%;
  overflow: auto;
  padding-bottom: 15px;
}
#approvalNote {
  min-width: 100%;
  width: auto !important;
}
.job-box-head
{
  font: normal normal bold 21px/21px effra;
  color: #0088D0;
}
.jobtitle_joboffer{
  font: normal normal bold 28px/30px effra;
  color: #302D7D;
}
.job-text-area{
  padding: 2% 0;
  float: left;
    width: 100%;
}
.job-text-area-title{
  font: normal normal 300 16px/22px Effra;
    color: #1D1436;
}
.job-text-area-info
{
  font: normal normal bold 15px/16px Effra;
    color: #262626;
}
.job-description
{
  float: left;
    width: 100%;
}
.jobButton-area
{
  height: 33px;
}
.buttons-view
{
  position: absolute;
    left: 10%;
    background: #d5cac7;
    border: 1px solid #0088D0;
    color: #0088D0;
    padding: 5px 15px;
    font: normal normal normal 14px/20px effra;
    width: 110px;
}
.buttons-apply{
  position: absolute;
    right: 10%;
    background: #0088D0;
    border: 1px solid #0088D0;
    color: #ffffff;
    padding: 5px 15px;
    font: normal normal normal 14px/20px effra;
    border-radius: 0;
    width: 110px;
}
.btn-review_btn, .btn-rejected_btn, .btn-success_btn{position: absolute;right: 5%;color: #fff !important;
  border-radius: 0;
  border-radius: initial;
  padding: 2px;}
.btn-review_btn{background-color: rgb(173 173 70);}
.btn-rejected_btn{background-color: rgb(197, 83, 83);}
.btn-success_btn{background-color: rgb(20, 107, 20);}
.searchArea{
  background: #ffffff;
    padding: 2%;
   
}
.searchArea p.MuiTypography-root{
  font: normal normal bold 20px/20px effra;
    color: #707070;
    padding-bottom: 3%;
}
.searchArea form .input-text
{
  background: #FCFCFC;
    box-shadow: 0px 0px 3px #00000029;
    border-radius: 5px;
}
.searchArea .input-group-append button{
  background-color: #0088D0 !important;
}
.searchArea .MuiListItemButton-root.MuiListItemButton-gutters{padding: 0;}
.searchArea .MuiAccordionSummary-content
{
  margin: 2% 0 !important;
    padding: 2% 0 !important;
}
.searchArea::-webkit-scrollbar {
  width: 4px;
  background-color: #eeeeee;
}


.searchArea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #f7f5f7;
}

.searchArea::-webkit-scrollbar-thumb {
  background-color: #0088D0;
  outline: 1px solid #0088D0;
}
.Job_elements{
font: normal normal bold 18px/20px Effra;
color: #262626;
}
.Job_elements span{
padding: 0px 7px;
}
.job_small_desc
{
  font: normal normal 300 16px/26px Effra;
    color: #1D1436;
    min-height: 78px;
}
.HintMessage {
  display: flex;
  justify-content: center;
  align-items: center;
}

.HintMessage .root {
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  color: black;
  background-color: #fde2b8;
  border-radius: 7px;
}

.modal-desc-fonts,.JobTrainingModal .jtm .details>.cell>h6{font:normal normal bold 17px/20px Effra;color:#302d7d !important}.JobTrainingModal .md-close{background-color:#0088d0;color:#fff;border-radius:50%;padding:5px 10px;font-size:15px}.JobTrainingModal .ModalCheckbox{display:flex;align-items:center}.JobTrainingModal .ModalCheckbox span{margin:2px 6px 0}.apply-section{display:flex;justify-content:space-between}.apply-section .file-upload{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.apply-section .file-upload .custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0;cursor:pointer}.apply-section .file-upload .form-control{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.apply-section .file-upload .form-control::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(2.25rem + 2px - 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.apply-section .file-upload .form-control.success{border-color:#28a745}.apply-section .file-upload .form-control.error{border-color:#e74c3c}.apply-section .file-upload .file-upload-help{font-size:80%}.apply-section .file-upload .file-upload-help.success{color:#28a745}.apply-section .file-upload .file-upload-help.error{color:#e74c3c}.jobdesc-fonts{font:normal normal bold 18px/20px Effra;color:#302d7d}.JobTrainingModal{display:flex;flex-direction:column}.JobTrainingModal .jtm{padding:0;display:grid;grid-template-rows:150px auto}.JobTrainingModal .jtm .headerPart{padding:0;margin-bottom:0px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}.JobTrainingModal .jtm .headerPart.view-logo{display:flex;padding:10px}.JobTrainingModal .jtm .headerPart.view-logo>.buddy_desc{flex-basis:25%}.JobTrainingModal .jtm .headerPart.view-logo>.title-desc{flex-basis:70%;box-sizing:border-box;padding-top:0px}.JobTrainingModal .jtm .headerPart.view-logo>.title-desc>p{margin-bottom:0 !important;padding:0 !important}.JobTrainingModal .jtm .details{display:grid !important;grid-column-gap:15px;column-gap:15px;padding:10px;background:#f2f2f2;grid-template-columns:repeat(auto-fit, minmax(175px, 1fr))}.JobTrainingModal .jtm .details>.cell{display:flex;flex-direction:column}.JobTrainingModal .jtm .details>.cell pre{background:#f2f2f2}
.ApprenticeshipUploadModal .md-close{background-color:#0088d0;color:#fff;border-radius:50%;padding:5px 10px;font-size:15px}.ApprenticeshipUploadModal .ModalCheckbox{display:flex;align-items:center}.ApprenticeshipUploadModal .ModalCheckbox span{margin:2px 6px 0}.apply-section{display:flex;justify-content:space-between}.apply-section .file-upload{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.apply-section .file-upload .custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0;cursor:pointer}.apply-section .file-upload .form-control{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.apply-section .file-upload .form-control::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(2.25rem + 2px - 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.apply-section .file-upload .form-control.success{border-color:#28a745}.apply-section .file-upload .form-control.error{border-color:#e74c3c}.apply-section .file-upload .file-upload-help{font-size:80%}.apply-section .file-upload .file-upload-help.success{color:#28a745}.apply-section .file-upload .file-upload-help.error{color:#e74c3c}.ApprenticeshipUploadModal .modal-body>.jobDetailsModal{box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;width:100%}.ApprenticeshipUploadModal .modal-body>.jobDetailsModal .view-logo{display:flex;padding-top:10px;column-gap:10px}.ApprenticeshipUploadModal .modal-body>.jobDetailsModal .view-logo>.buddy_desc{flex-basis:25%}.ApprenticeshipUploadModal .modal-body>.jobDetailsModal .view-logo>.title-desc{flex-basis:70%;box-sizing:border-box}.ApprenticeshipUploadModal .modal-body>.jobDetailsModal .view-logo>.title-desc .desc{font:normal 19px/22px "Effra",sans-serif;font-weight:normal}.ApprenticeshipUploadModal .modal-body>.jobDetailsModal .view-action{display:grid !important;grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));padding:35px 10px 10px 10px;grid-row-gap:15px;row-gap:15px}.ApprenticeshipUploadModal .modal-body .view-action-form{display:grid !important;padding:15px 5px}
.CompanyInformation .form-group > label {
  width: 100%;
}

.ItalicInfo {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.2;
  color: #686868;
  font-weight: 300;
}

.label-padding-ar {
  padding-bottom: 0.35rem;
}

.CompanyInformation .form-group > label .pull-right {
  position: relative;
  top: 8px;
}
.companyInformationPhone .opposite_direction {
  margin-top: 32px;
  height: 42px !important;
}

@media screen and (max-width: 992px) {
  .companyInformationPhone .opposite_direction {
    margin-top: 75px;
  }
  .companyInformationPhoneAr .opposite_direction {
    margin-top: 79px;
  }
}
@media screen and (max-width: 768px) {
  .companyInformationPhone .opposite_direction {
    margin-top: 50px;
  }
}

.label-block {
  pointer-events: none;
}

.overlay-block {
  display: flex;
}

.company-sector-e {
  margin-top: 30px;
}

.company-sector-a {
  margin-top: 17px;
}

.company-logo-e {
  /* margin-top: 52px; */
}

.company-logo-a {
  /* margin-top: 37px; */
}

@media only screen and (max-width: 767px) {
  .company-sector-e {
    margin-top: 0px;
  }
  .company-sector-a {
    margin-top: 0px;
  }
  .company-logo-a {
    margin-top: 0px;
  }
  .company-logo-e {
    /* margin-top: 0px; */
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .company-sector-e {
    margin-top: 75px;
  }
  .company-sector-a {
    margin-top: 30px;
  }
  .company-logo-a {
    /* margin-top: 82px; */
  }
  .company-logo-e {
    /* margin-top: 115px; */
  }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

  .company-sector-a {
    margin-top: 30px;
  }

  .company-logo-e {
    /* margin-top: 97px; */
  }
}
.textareaToLeft {
  text-align: left;
  unicode-bidi: plaintext;
}
.btn-submit:hover {
  background-color: #312782 !important; 
  color: white;
}
.terms-block__modal-button {
  cursor: pointer;
  color: #312782;
  font-weight: 700;
  text-decoration: underline;
}

.terms-block__input .terms-block__modal-button:hover {
  cursor: pointer;
  color: #312782;
  font-weight: 700;
  text-decoration: underline;
}

.terms-block {
  margin-top: 20px;
}

.terms-block__modal-button {
  color: #312782;
  cursor: pointer;
  transition: 0.3s;
}

.terms-block__modal-button:hover {
  color: inherit;
}

.view-details-button-block {
  line-height: 1;
  margin: 6px 0;
}
.home-item .blog-carousel-header{text-decoration: none;}
.home-item .blog-carousel-header h3{font: normal bold 1em/1em Effra !important;color: #312782;min-height: 82px;}
.react-multi-carousel-list.home-item{margin: 0;}
.homepageBlocks.white-wrapper{padding: 0;}
.homepageBlocks.white-wrapper h4{font: italic normal normal 30px/40px Effra;
  letter-spacing: 0px;
  color: #1F1F1F;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 1em;}
.homepageBlocks h2{font: normal bold 2.5em/1em Effra;color: #302d7c;}

.view-details-button-block {
  color: #0088D0;
    cursor: pointer;
    margin-top: 6px;
    font: normal normal bold 14px/32px Effra;
    background: transparent linear-gradient(178deg, #DED7D5 0%, #A39693 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 0px #711c5a;
    border-radius: 10px;
    padding: 0px;
    margin-bottom: 10px;
    border: none;
}
.blog-carousel button.btn.applied {
  background: transparent linear-gradient(178deg, #DB8015 0%, #711C5A 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 0px #484848;
    font: normal normal bold 12px/35px Effra;
    padding: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: none;
    color: #ffffff;
}
.blog-carousel button.btn.approve_btn {
  background: transparent linear-gradient(178deg, #03AD03 0%, #711C5A 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 0px #484848;
    font: normal normal bold 12px/35px Effra;
    padding: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: none;
    color: #ffffff;
}
.blog-carousel button.btn.rejected_btn {
  background: transparent linear-gradient(178deg, #db1c15 0%, #711C5A 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 0px #484848;
    font: normal normal bold 12px/35px Effra;
    padding: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: none;
    color: #ffffff;
}
.blog-carousel button.btn.btn-success {
  color: #ffffff;
    cursor: pointer;
    margin-top: 6px;
    font: normal normal bold 12px/32px Effra;
    background: transparent linear-gradient(179deg, #0088D0 0%, #461040 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 0px #0000009d;
    border-radius: 10px;
    padding: 0px;
    margin-bottom: 10px;
}
.EligibleBlock .benefitBlock.Approved{background-color: #079107 !important;}
.EligibleBlock .benefitBlock.Reviewing{background-color: #DE9C4E !important;}
.EligibleBlock .benefitBlock.Rejected{background-color: #912507 !important;}

.benefit-card-checkbox {
  width: 100%;
  cursor: pointer;
}

.benefit-card-checkbox .termsAndConditionsButton {
  cursor: pointer;
  color: #302d7d;
  font-weight: 700;
  text-decoration: underline;
}

.benefit-card-checkbox .termsAndConditionsButton:hover {
  text-decoration: underline;
}

.BenefitCard .fa.fa-info-circle {
  margin: 0 4px;
}

.benefit-card-terms {
  padding-bottom: 255px!important;
}

.benefitTermsSectionLabel {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1;
  margin-bottom: 1rem;
}

@media (max-width: 280px) {
  .benefit-card-terms {
    padding-bottom: 280px!important;
  }
}
@media only screen and (min-width: 281px) and (max-width: 912px) {
  .benefit-card-terms {
    padding-bottom: 250px!important;
  }
}

/* screen - registeryourcompany */

/* .registeryourcompany {
  background-color: var(--cultured-pearl);
  height: 100vh;
  margin: 0px;
  min-height: 1048px;
  min-width: 1280px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.registeryourcompany .banner-bxIb6x {
  background-color: transparent;
  height: calc(100.00% - 606px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.registeryourcompany .path-2-bxIb6x {
  background-color: transparent;
  height: 95px;
  left: -7px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 18px);
}

.registeryourcompany .nafislogo-bxIb6x {
  background-color: transparent;
  height: 46px;
  left: 91px;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 81px;
}

.registeryourcompany .group-2-bxIb6x {
  background-color: transparent;
  height: 22px;
  left: 26px;
  position: absolute;
  top: 22px;
  width: 29px;
}

.registeryourcompany .line-1-MeULgm {
  background-color: transparent;
  height: 2px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: -1px;
  width: 100%;
}

.registeryourcompany .line-2-MeULgm {
  background-color: transparent;
  height: 2px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 1px);
  width: 100%;
}

.registeryourcompany .line-3-MeULgm {
  background-color: transparent;
  bottom: -1px;
  height: 2px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.registeryourcompany .group-6-bxIb6x {
  background-color: transparent;
  height: 36px;
  position: absolute;
  right: 32px;
  top: 13px;
  width: 98px;
}

.registeryourcompany .select-language-rJAway {
  background-color: transparent;
  height: 15px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 56px;
  position: absolute;
  text-align: left;
  top: -22px;
  white-space: nowrap;
  width: 81px;
}

.registeryourcompany .english-rJAway {
  background-color: transparent;
  bottom: 18px;
  height: 19px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 56px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 48px;
}

.registeryourcompany .text_label-rJAway {
  background-color: transparent;
  bottom: 16px;
  direction: rtl;
  height: 26px;
  letter-spacing: 0.00px;
  line-height: 56px;
  opacity: 0.37;
  position: absolute;
  right: -2px;
  text-align: left;
  white-space: nowrap;
  width: 33px;
}

.registeryourcompany .line-4-rJAway {
  background-color: transparent;
  bottom: 0px;
  height: 16px;
  object-fit: cover;
  position: absolute;
  right: 41.41%;
  width: 1px;
}

.registeryourcompany .welcome-bxIb6x {
  background-color: transparent;
  height: 24px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  right: calc(26.29% - 19px);
  text-align: left;
  top: 25px;
  white-space: nowrap;
  width: 74px;
}

.registeryourcompany .component-3-1-bxIb6x {
  background-color: transparent;
  height: 22px;
  position: absolute;
  right: 167px;
  top: 23px;
  width: 135px;
}

.registeryourcompany .majhar-khan-4v2ItI {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 2px;
  white-space: nowrap;
  width: 102px;
}

.registeryourcompany .icon-ionic-ios-arrow-down-4v2ItI {
  background-color: transparent;
  bottom: calc(47.65% - 4px);
  height: 9px;
  object-fit: cover;
  position: absolute;
  right: 1px;
  width: 15px;
}

.registeryourcompany .component-14-1-bxIb6x {
  background-color: transparent;
  bottom: 0px;
  height: 246px;
  left: 2px;
  position: absolute;
  width: calc(100.00% - 4px);
}

.registeryourcompany .rectangle-24-v24eWD {
  background-color: var(--cosmic-cobalt);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.registeryourcompany .group-52-v24eWD {
  background-color: transparent;
  bottom: calc(47.67% - 76px);
  height: 160px;
  left: 44px;
  position: absolute;
  width: 992px;
}

.registeryourcompany .logo-company-xdBghR {
  background-color: transparent;
  height: 24px;
  left: 17.84%;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 1.47%;
  white-space: nowrap;
  width: 4.33%;
}

.registeryourcompany .x2018-website-name-xdBghR {
  background-color: transparent;
  height: 19px;
  left: 53.93%;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  text-align: right;
  top: calc(102.48% - 19px);
  white-space: nowrap;
  width: 26.21%;
}

.registeryourcompany .lorem-ipsum-dolor-si-xdBghR {
  background-color: transparent;
  height: 81px;
  left: 17.34%;
  letter-spacing: 0.00px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  top: calc(42.41% - 34px);
  width: 58.37%;
}

.registeryourcompany .newslatter-xdBghR {
  background-color: transparent;
  height: 19px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 114px;
}

.registeryourcompany .subscribe-nqlhFH {
  background-color: transparent;
  height: 21px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: right;
  top: 7.89%;
  white-space: nowrap;
  width: 116px;
}

.registeryourcompany .title-information-xdBghR {
  background-color: transparent;
  height: 91px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 77px;
}

.registeryourcompany .faq-VHgzak {
  background-color: transparent;
  height: 19px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: right;
  top: 0.69%;
  white-space: nowrap;
  width: 34px;
}

.registeryourcompany .help-VHgzak {
  background-color: transparent;
  height: 19px;
  left: calc(2.38% - 1px);
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: right;
  top: calc(46.53% - 9px);
  white-space: nowrap;
  width: 35px;
}

.registeryourcompany .help-JHBZc3 {
  background-color: transparent;
  height: 21px;
  left: 1.30%;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: right;
  top: calc(105.00% - 22px);
  white-space: nowrap;
  width: 78px;
}

.registeryourcompany .icon-instagram-v24eWD {
  background-color: transparent;
  height: 48px;
  object-fit: cover;
  position: absolute;
  right: calc(26.14% - 13px);
  top: calc(39.39% - 19px);
  width: 48px;
}

.registeryourcompany .icon-twitter-v24eWD {
  background-color: transparent;
  height: 48px;
  object-fit: cover;
  position: absolute;
  right: calc(21.09% - 10px);
  top: calc(39.39% - 19px);
  width: 48px;
}

.registeryourcompany .icon-linkedin-v24eWD {
  background-color: transparent;
  height: 48px;
  object-fit: cover;
  position: absolute;
  right: 194px;
  top: calc(39.90% - 19px);
  width: 48px;
}

.registeryourcompany .group-10440-v24eWD {
  background-color: transparent;
  bottom: calc(25.68% - 6px);
  height: 24px;
  left: calc(20.44% - 48px);
  position: absolute;
  width: 234px;
}

.registeryourcompany .x800-nafis-800-62347-OZ96Gp {
  background-color: transparent;
  height: calc(100.00% + 2px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: -2px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 200px;
}

.registeryourcompany .icon-call-OZ96Gp {
  background-color: transparent;
  height: calc(100.00% - 4px);
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 20px;
}

.registeryourcompany .group-3-bxIb6x {
  background-color: transparent;
  height: 24px;
  position: absolute;
  right: calc(44.55% - 104px);
  top: 22px;
  width: 234px;
}

.registeryourcompany .x800-nafis-800-62347-xMaRFQ {
  background-color: transparent;
  height: calc(100.00% + 2px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: -2px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 201px;
}

.registeryourcompany .icon-call-xMaRFQ {
  background-color: transparent;
  height: calc(100.00% - 4px);
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 20px;
}

.registeryourcompany .group-10451-bxIb6x {
  background-color: transparent;
  height: 63px;
  left: 86px;
  position: absolute;
  top: calc(30.56% - 19px);
  width: 262px;
}

.registeryourcompany .become-a-partner-X0fjLU {
  background-color: transparent;
  height: 43px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 34px;
  position: absolute;
  text-align: center;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.registeryourcompany .be-a-part-of-the-nfis-program-X0fjLU {
  background-color: transparent;
  bottom: -4px;
  height: 24px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% - 34px);
}

.registeryourcompany .group-10452-bxIb6x {
  background-color: transparent;
  bottom: calc(38.28% - 32px);
  height: 84px;
  left: 79px;
  position: absolute;
  width: 424px;
}

.registeryourcompany .rectangle-10-qn7d9E {
  background-color: var(--white);
  border-radius: 5px;
  box-shadow: 0px 0px 6px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.registeryourcompany .x0090901020-qn7d9E {
  background-color: transparent;
  bottom: calc(14.81% - 4px);
  height: 30px;
  left: 19px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 133px;
}

.registeryourcompany .trade-licence-number-qn7d9E {
  background-color: transparent;
  color: var(--red);
  font-family: var(--font-family-effra);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 24px;
  left: 19px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 14px;
  white-space: nowrap;
  width: 188px;
}

.registeryourcompany .span0-h17Flg {
}

.registeryourcompany .span1-h17Flg {
  font-family: var(--font-family-effra-regular);
  font-style: normal;
}

.registeryourcompany .please-fill-below-details-bxIb6x {
  background-color: transparent;
  bottom: calc(45.12% - 11px);
  height: 24px;
  left: 92px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 178px;
}

.registeryourcompany .component-6-1-bxIb6x {
  background-color: transparent;
  bottom: calc(26.54% - 20px);
  height: 76px;
  position: fixed;
  right: 28px;
  width: 76px;
}

.registeryourcompany .path-44127-gCb8DH {
  background-color: transparent;
  height: calc(100.00% + 57px);
  left: -28px;
  object-fit: cover;
  position: absolute;
  top: -20px;
  width: calc(100.00% + 57px);
}

.registeryourcompany .icon-ionic-ios-chatbubbles-gCb8DH {
  background-color: transparent;
  height: 29px;
  position: absolute;
  right: calc(50.00% - 15px);
  top: calc(50.00% - 15px);
  width: 29px;
}

.registeryourcompany .path-6-l14dAL {
  background-color: transparent;
  height: 24px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 24px;
}

.registeryourcompany .path-7-l14dAL {
  background-color: transparent;
  bottom: 0px;
  height: 20px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 20px;
}

.registeryourcompany .group-10453-bxIb6x {
  background-color: transparent;
  bottom: calc(38.28% - 32px);
  height: 84px;
  left: 702px;
  position: absolute;
  width: 467px;
}

.registeryourcompany .rectangle-10-yQCODE {
  background-color: var(--white);
  border-radius: 5px;
  box-shadow: 0px 0px 6px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.registeryourcompany .authorizationproofpdf-yQCODE {
  background-color: transparent;
  bottom: calc(14.81% - 4px);
  height: 30px;
  left: 19px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0.68;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 246px;
}

.registeryourcompany .company-representati-yQCODE {
  background-color: transparent;
  height: 24px;
  left: 19px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 14px;
  white-space: nowrap;
  width: 350px;
}

.registeryourcompany .group-67-yQCODE {
  background-color: transparent;
  bottom: calc(13.33% - 5px);
  height: 39px;
  position: absolute;
  right: calc(3.43% - 5px);
  width: 146px;
}

.registeryourcompany .rectangle-7-nETst3 {
  background-color: var(--swiss-coffee);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.registeryourcompany .upload-nETst3 {
  background-color: transparent;
  bottom: calc(37.50% - 7px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  right: calc(49.02% - 22px);
  text-align: center;
  white-space: nowrap;
  width: 44px;
}

.registeryourcompany .icon-awesome-lightbulb-bxIb6x {
  background-color: transparent;
  bottom: calc(41.25% - 8px);
  height: 20px;
  position: absolute;
  right: 182px;
  width: 16px;
}

.registeryourcompany .icon-light_bulb-I7jjAi {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.registeryourcompany .group-10451-dF4i7q {
  background-color: transparent;
  height: 75px;
  left: 91px;
  position: absolute;
  top: calc(46.87% - 35px);
  width: 376px;
}

.registeryourcompany .register-your-company-zNHtcE {
  background-color: transparent;
  height: 45px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.registeryourcompany .please-fill-below-details-zNHtcE {
  background-color: transparent;
  bottom: -4px;
  height: 24px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 178px;
}

.registeryourcompany .be-a-part-of-our-beautiful-world-bxIb6x {
  background-color: transparent;
  color: #524e8a;
  font-family: var(--font-family-effra-bold);
  font-size: 51px;
  font-style: normal;
  font-weight: 700;
  height: 185px;
  left: calc(9.30% - 33px);
  letter-spacing: 0.00px;
  line-height: 51px;
  position: absolute;
  text-align: left;
  top: calc(22.71% - 42px);
  white-space: nowrap;
  width: 355px;
}

.registeryourcompany .read-more-btn-bxIb6x {
  background-color: transparent;
  bottom: calc(29.86% - 9px);
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 618px;
  width: 121px;
}

.registeryourcompany .rectangle-19-XRKCXx {
  background: linear-gradient(178.43deg, #0088D0 50.22%, #711c5a 107.87%);
  background-color: transparent;
  border-radius: 10px;
  box-shadow: 0px 6px 0px #484848;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.registeryourcompany .proceed-XRKCXx {
  background-color: transparent;
  bottom: calc(117.86% - 19px);
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  right: calc(48.68% - 22px);
  text-align: right;
  white-space: nowrap;
  width: 45px;
} */
.companyOnboardingScreen1{
  margin: 4%;
}
.companyOnboardingScreen1 .licenseNumberField{width: 40%; float: left;}
.companyOnboardingScreen1 .licenseNumberField .formFieldEdit{min-height: 105px;}
.companyRegisterScreen .proofField{width: 40%; float: right;}
.companyOnboardingScreen1 h2.heading-h2{text-align: left;}
.companyOnboardingScreen1 .headerPart{margin: 1em 0;}
.companyRegisterScreen .FileUpload{margin-bottom: 0px;}
.companyRegisterScreen .FileUpload label{border: none;}
.companyRegisterScreen .file-button{
  background: #DED7D5;
  text-align: center;
  font: normal normal normal 14px/17px Effra;
  color: #0088D0;
  position: absolute;
  right: 4em;
  bottom: 0.4em;
  padding: 10px 20px;
}
.companyRegisterScreen .file-button:hover{
  box-shadow: 0px 0px 5px #b1b1b1;
}
.companyRegisterScreen .file-button .fa{display: none !important;}
.companyRegisterScreen .buttonArea button{width: 150px;}
.companyRegisterScreen .buttonArea{justify-content: center;margin: 1em 0;}
.companyRegisterScreen .imageheading h3 {
  font: normal normal bold 51px/61px Effra;
  letter-spacing: 0px;
  color: #524E8A;
}
.registeryourcompany .imageheading {top: 2em;}
.companyOnboardingScreen2 .backarrow {
  top: 7em;
  cursor: pointer;
  position: absolute;
  left: auto;
  z-index: 99;
}
.companyOnboardingScreen2 .headerPart{
  text-align: center;
    margin: 2em 0;
}
.companyOnboardingScreen2 .greyBg{
  background: #DED7D5;
    padding: 2em 0;
}
.companyOnboardingScreen2 .companyInfo{
  font: normal normal bold 16px/20px Effra !important;
  color: #484848;
  white-space: pre-wrap;
}
.companyOnboardingScreen2 .phone .PhoneInput {display: block;}
.companyOnboardingScreen2 .phone .PhoneInput input {
  width: 80%;
  border-radius: 0;
  border-radius: initial;
}
.companyOnboardingScreen2 .PhoneInputPrefix{float: left;background: #fff;
  border: none;}

.editSave button{
  background-color: #711c5a;
    color: #ffffff;
    font: normal normal normal 16px/19px Effra;
    border: none;
    padding: 10px;
    width: 140px;
    border-radius: 5px
}
.editSave button .fa{padding: 0 10px;}
.checkbox_terms {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  user-select: none;
}
.checkbox_terms input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox_terms .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ccc;
}
.checkbox_terms:hover input ~ .checkmark {
  background-color: #bcbaba;
}
.checkbox_terms input:checked ~ .checkmark {
  background-color: #0088D0;
}
.checkbox_terms .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox_terms input:checked ~ .checkmark:after {
  display: block;
}
.terms-block__input .checkmark:after {
  left: 9px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.sucess-header-part {
  background-color: #302D7D;  
}
.sucess-header-part h2,
.sucess-header-part span {
  color: #fff !important;
}
/* .proofField .formFieldEdit.text-box{
border: 0 !important;
}
.proofField  .upload-input-file .plaseholderTxt{
  font-size: 1rem;
}
.registercompanydetail .formFieldEdit.text-box{
  border: 0 !important;
  }
  .registercompanydetail  .upload-input-file .plaseholderTxt{
    font-size: 1rem;
  } */
  .register-your-company-from-cont .company-logo-a{
    margin-top: 0;
  }
  .sucess-header-part svg{
    font-size: 2.5rem;
  } 
  .successPage .training-provider-logo {
    background-size: cover;
    height: 100px;
    clear: both;
  }
.PartnerCard .PartnerCardImage {
  border-radius: 50%;
  height: 100px;
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: 50%;
}

.PartnerCard .PartnerCardLink {
  font-size: 20px;
  font-weight: 700;
}

.PartnersPagination {

  align-items: center;
  justify-content: center;
  padding: 30px 0;
  margin: 0 38px;
  overflow: auto;
}
.pageTitleBg{
  height: 358px;
  background-size: cover !important;
}
.titleText{padding: 10% 0;}
.titleText h3{color: #ffffff;
  text-align: left;
  font: normal normal bold 51px/24px Effra;
  letter-spacing: 0px;}
.titleText span{
  text-align: left;
  font: normal normal normal 20px/24px Effra;
  letter-spacing: 0px;
  color: #ffffff;
}
.pageDescription{
text-align: center;
}
.pageDescription h4{
  font: normal normal bold 30px/36px Effra;
    letter-spacing: 0px;
    color: #302D7D;
    padding: 0;
}
.pageDescription .smallDesc{
  font: normal normal normal 18px/22px Effra;
    letter-spacing: 0px;
    color: #302D7D;
}
.pageDescription p{
  font: normal normal normal 14px/22px Effra;
    letter-spacing: 0px;
    color: #484848;
    padding: 2% 0;
    margin-bottom: 3%;
}
.categoryDropdown{text-align: left;width: 350px;margin-top: 3em;}
.categoryDropdown p{font: normal normal normal 18px/22px Effra;
  letter-spacing: 0px;
  color: #302D7D;}

.partnercategory.form-select{font-size: 1em;}
.PartnersPagination .pagination {
  margin: 0;
}

.bpartner {
  height: 400px;
  background-size: cover;
}
.bpartner:after {
  content: '';
  display: block;
  color: rgb(32, 27, 27) !important;
}
.bpartner h2 {
  text-align: left;
    font: normal normal bold 32px/24px Effra;
    letter-spacing: 0px;
    color: #ffffff;
}
.bpartner p{
  text-align: left;
font: normal normal normal 20px/24px Effra;
letter-spacing: 0px;
}
.bpartners-widget {
  padding: 9% 20%;
    color: #fff;
}
.bpartners-widget h3{
  font: normal normal bold 2.5rem / 38px Effra;
    letter-spacing: 0px;
    color: #ffffff;
}
.partner-btn{
  background-color: #0088D0 !important;
  border:none !important
}
.no-result-partner{
  text-align: center;
    color: #302d7d;
    font: normal normal normal 22px/22px Effra;
    background: #fff;
    padding: 1em;
}
.components_Head
{
  font: normal normal bold 26px/26px Effra;
    color: #0088D0;
}
.components_subHead{
  font: normal normal bold 18px/22px Effra;
color: #14172E;
}
.topHead h3{
  font: normal normal bold 30px/26px Effra !important;
  color: #302D7D;
}
.topHead .head_tagline{color: #302D7D;font: normal normal bold 18px/18px Effra;}
.select_company_dropdown{width: 20%;}
.partner_components_box{
  background-color: #ffffff;
    padding: 1em;
    margin: 0.5em 0;
}
.partner_components_box.border_radius{border-radius: 10px;}
.col-md-3.partner_components_box{width: 23%;}
.col-md-5.partner_components_box{width: 39%;}
.sorting_right{width: 30%;}
.numbersArea{display: flex;}
.numbersArea .KPI{background: #5C26870D 0% 0% no-repeat padding-box;
  border-radius: 4px;
  margin: 1%;
  width: 23%;
  padding: 2em;
  display: flex;
  flex-direction: column;}
.numbersArea .KPINumber{font: normal normal bold 60px/18px Effra;
    color: #524E8A;}
.numbersArea .KPIHead{margin-top: 2em;
  font: normal normal normal 16px/12px Effra;
  color: #1D1436;
  opacity: 0.7;}
.partnerBenefitExp{font: normal normal bold 18px/12px Effra;
  color: #0F0F0F;
  opacity: 0.7;}
.benefits_Box .totalAmount
{
  background: #DED7D543 0% 0% no-repeat padding-box;
  border-radius: 4px;
  padding: 1em;
  margin-bottom: 1em;
}
p.msg{color: #302D7D;}
.amountInNumbers{font: normal normal bold 44px/30px Effra;color: #D55354;}
.displayFlex{display: flex;}
.companies-wrapper {
  overflow-x: scroll;
}
.displayFlex .companies{width: 22%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C9C9C9;
  border-radius: 15px;
  margin: 0 2%;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;}
.bordered{border: 1px solid #C3C3C3;}


@media screen and (max-width: 1024px) {
  .PartnersPagination .pagination {
    width: 100%;
  }
}

.terms-and-conds-modal.show {
    display: block;
    padding-right: 15px;
    z-index: 11000;
  }
  
  .terms-and-conds-modal .modal-backdrop {
    z-index: 10500;
  }
  
  .terms-and-conds-modal #content h1,
  .terms-and-conds-modal #content h2,
  .terms-and-conds-modal #content h3,
  .terms-and-conds-modal #content h5,
  .terms-and-conds-modal #content h6 {
    letter-spacing: 0px;
    font-weight: normal;
    position: relative;
    padding: 0 0 10px 0;
    font-weight: normal;
    font-family: 'Effra';
    line-height: 140% !important;
    color: #312782;
    border-bottom: solid 1px #312782;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
  }
  
  .terms-and-conds-modal #content h3:not(:first-child) {
    margin-top: 30px;
  }
  
  .terms-and-conds-modal .arabicChecklist li {
    font-size: 16px !important;
  }
  
  .terms-and-conds-modal .titleInner {
    color: #312782;
  }
  
  .terms-and-conds-modal .secondTitle {
    margin-top: 50px;
  }
  
  .terms-and-conds-modal .titleInner {
    min-width: 300px;
    border-bottom: solid 1px #312782;
  }
  
  .terms-and-conds-modal .dmtop {
    overflow: hidden;
  }
  
  .terms-and-conds-modal .mandatory {
    border: solid 1px #ff1414;
  }
  
  .terms-and-conds-modal #content h3 {
    font-size: 18px !important;
  }
  
  .terms-and-conds-modal #content h4 {
    font-size: 16px !important;
  }
  
  .terms-and-conds-modal .d-inline-block {
    display: inline-block !important;
    width: auto;
  }
  
  .terms-and-conds-modal .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  
  .terms-and-conds-modal .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
  }
  
  .terms-and-conds-modal .dialog-title {
    font: normal normal bold 26px/26px Effra !important;
    color: #302D7D;
    background-color: transparent;
    opacity: 1;
    padding: 0;
    margin-top: 5px;
  }
  
  .terms-and-conds-modal {
    font-weight: 500;
    color: #000;
  }
  
  .terms-and-conds-modal button.close {
    background-color: #711c5a;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    padding: 5px 10px;
    border-radius: 50%;
  }
  
  .termsConditionButtons {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 60px;
  }
  
  #content {
    margin: 16px 30px !important;
  }
  
  .btn-decline:hover {
    color: #312782 !important;
    background-color: white;
  }
  .modal-content {
      border: 0px !important;
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border-radius: 0.3rem;
      outline: 0;
  }
  .modal-contents {
    border: 0px !important;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.3rem;
    outline: 0;
}
.gpa_tooltip {
   color: #66add8;
   padding-left: 1rem;
}
  
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

/* inspired by: https://css-tricks.com/responsive-data-tables/ */
.responsiveTable {
  width: 100%;
}

.responsiveTable td .tdBefore {
  display: none;
}

@media screen and (max-width: 40em) {
  /*
    Force table elements to not behave like tables anymore
    Hide table headers (but not display: none;, for accessibility)
  */

  .responsiveTable table,
  .responsiveTable thead,
  .responsiveTable tbody,
  .responsiveTable th,
  .responsiveTable td,
  .responsiveTable tr {
    display: block;
  }

  .responsiveTable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    border-bottom: 2px solid #333;
  }

  .responsiveTable tbody tr {
    border: 1px solid #000;
    padding: .25em;
  }

  .responsiveTable td.pivoted {
    /* Behave like a "row" */
    border: none !important;
    position: relative;
    padding-left: calc(50% + 10px) !important;
    text-align: left !important;
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }

  .responsiveTable td .tdBefore {
    /* Now like a table header */
    position: absolute;
    display: block;

    /* Top/left values mimic padding */
    left: 1rem;
    width: calc(50% - 20px);
    white-space: pre-wrap;
    overflow-wrap: break-word;
    text-align: left !important;
    font-weight: 600;
  }
}

.custom_container .MuiTablePagination-actions {
  display: flex;
}
.tpad-27 {
  padding: 27px;
}
.tpad-1 {
  padding: 1px;
}
/* .custom_container.rtl .MuiTablePagination-actions {
  flex-direction: row-reverse;
} */
.MuiTable-root > caption {
  display: none;
}

.JobsOffers .action-btn {
  margin-right: 1rem;
}

.JobsOffers.rtl .action-btn {
  margin-left: 1rem;
  margin-right: 0;
}
.table-eng-text-align {
  text-align: left;
  direction: ltr;
}
.applicantsTablePosition {
    display: flex;
    justify-content: center;
}
.MuiTableRow-root:nth-of-type(odd) {
    background: #524e8a26;
}
.MuiTableRow-root:nth-of-type(even) {
    background: #524e8a0d;
}
.form-row.applicantsTablePosition thead tr th{
    color: #000;
}


.full-width-table {
  width: 100%;
  height: 100%;
  font: normal normal bold 11px/17px Effra !important
}
.full-width-table th {
  background-color: #302D7D !important;
  border-bottom: none;
  color: #fff !important;
  font: normal normal bold 14px/17px Effra;
  height: 100%;
 
}

.oddRowClass {
  background-color: #fff; /* White background for odd rows (2nd, 4th, 6th, etc.) */
}

.evenRowClass {
background-color: #ccc;
}


.font-bold {
  font-weight: bold;
}

.font-bold.count {
  color: #0077B6;
    font: normal normal bold 36px/30px effra;
}
.certificate_action_btn
{
  background-color: #711C5A !important;
    color: white !important;
    border: none;
}
.fa-trash:before {
  content: "\f1f8" !important;
}
.postCertificate_Box .asterisk {font-size: 1em;padding: 0 5px;}
.postForm .postCertificate_Box .MuiGrid-root{align-items: center;}
.training-provider-logo {
  width: 200px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 18px;
}

.training-provider-logo img {
  width: 100%;
}

.certificate-icon {
  background-color: #3f3688;
  color: white;
  text-shadow: 2px 2px 4px #000000;
  margin-left: 5px;
  width: 30px;
  height: 30px;
  padding: 20px;
  border-radius: 50%;
  font-size: x-large;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customOrganisationDetails .my-2 {
  height: 100%;
}
.MainPanel{
  background-color: red;
}
.text_center {
  text-align: center;
}
.kpi_box {
  border: none !important;
  padding: 5px;
  border-radius: 4px;
  background: #d9edf4;
  /* //added */
 
}
.card-name{
  font: normal normal bold 13px/14px Effra;
    color: #1D1436;
    padding: 3%;
   
}
.post-certificate-time_icon {
  font-size: 12px;
  color: #6f6d69;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .mobile_width_100 {
    width: 100%;
  }
  .fz-14-xs {
    font-size: 13px;
  }
  
  .btn-container-xs {
    padding: 20px 0 !important;
  }
  
  .btn-xs {
    width: 100% !important;
  }
}

.btn-info-custom.disabled,
.btn-info-custom:disabled {
  color: white;
  background-color: #bfbfbf;
}
.smaller_asterisk {
  font-size: 23px;
}
.kpi_number {
  position: absolute;
  bottom: 5px;
  margin: auto;
  text-align: center;
  width: 100%;
  left: 0;
}
.kpi_box {
  padding-bottom: 5px;
  position: relative;
}


.prev-btn-xs {
/*  margin-bottom: 10px;
  margin-right: 0 !important;
  margin-left: 0 !important;*/
}

.btn-container-xs {
  flex-wrap: wrap;
}

.kpi_box .MuiGrid-container {
  align-items: flex-start;
  align-content: flex-start;
  
}
.kpi_box .MuiGrid-root {  
  border: none;  
}

.height-42px {
  height: 42px!important;
}
.insertCustomQuestion .btn-proceed{background-color: #0088D0 !important;
  border-color: #711c5a !important;}
  .insertCustomQuestion {
    color: #fff;
  }
@media (max-width: 767px) {
  .insertCustomQuestion button {
    width: 100% !important;
  }
  .insertCustomQuestion {
    width: 100% !important;
  }
}
@media (max-width: 384px) {
  .insertCustomQuestion button {
    width: 100% !important;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}


@media (max-width: 576px) {
  .confirm-button {
    margin-top: 32px;
  }
  .btn-container-xs {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .btn-container-xs {
    margin-right: 10px;
  }
  .confirm-button {
    margin-right: 10px;
    margin-left: 10px;
  }
}

.durationBox{ 
  padding-left: 0!important;
}

@media (max-width: 577px) {
  .durationBox input {
    height: 40px!important;
  }
  .durationOfProgram__value-container{
    height: 22px;
   }
   .durationOfProgram__value-container{
    padding: 0px 8px !important;
  }
  .durationOfProgram__single-value {
    overflow: visible !important;
    overflow: initial !important;
  }
}

@media screen and (max-width: 767px) {
  .card-name {
    position: absolute;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .card-name {
    position: absolute;
  }
}

.custom-q-table {
  word-break: break-word;
  white-space: pre-line;
}

.date-input-label {
  font-family: 'revert';
}

.durationOfProgram__value-container{
  line-height: 1;
}
.durationOfProgram__input-container {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  font-family: 'Codec Pro-Bold';
}

.durationOfProgram__single-value {
  overflow: visible !important;
  overflow: initial !important;
}

.MuiGrid-root .StipendScale table .MuiTablePagination-root  {display: none !important;}
.MuiTooltip-tooltip .customDialogTooltip { background: transparent !important; }
.MuiGrid-root .StipendScale table .MuiTableRow-root {
  background: #524e8a26;
}
.tooltipBackground {
  background: transparent !important;
}
.gpatooltip{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.nhpDisable{
  cursor: not-allowed;
  opacity: 0.5;
}
.nphDisbleText{
  color: '#c5d8e9'
}
.OJTModal .SubTitle {
  margin-top: 20px;
  padding: 0 12px;
}

.OJTModal section {
  line-height: 1.2;
  margin-bottom: 6px;
}

.OJTModal section.Italic {
  font-style: italic;
}

@media (max-width: 500px) {
  .datatables-noprint {
    width: 100% !important;
  }
}

.ApprenticeshipsFormModal .SubTitle {
  margin-top: 20px;
  padding: 0 12px;
}

.ApprenticeshipsFormModal section {
  line-height: 1.2;
  margin-bottom: 6px;
}

.ApprenticeshipsFormModal section.Italic {
  font-style: italic;
}

.post-modal label {
  height: 24px!important;
}

@media (max-width: 405px) {
  .form-group label:not(.file_label) {
    height: 46px!important;
  }
}

.work-permit-input::-webkit-outer-spin-button,
.work-permit-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.work-permit-input[type='number'] {
  -moz-appearance: textfield;
}

.adj-button-width {
  width: 130px;
}
@media only screen and (min-width: 951px) and (max-width: 1279px) {
  .hired-text-width {
    width: 160px;
  }
}
@media only screen and (min-width: 1280px) {
.hired-text-width {
  width: 160px;
}
.hired-text-width-en {
  width: 70px;
}
}

@media only screen and (max-width: 1280px) {
  .align-action-block {
    display: block !important;
    width: 100%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 820px) {
  .adj-button-width {
    width: 90px;
  }
  .width-adj-mob {
    min-width: 86px;
  }
}


.companyOnboardingScreen1{
  margin: 4%;
}
.companyOnboardingScreen1 .licenseNumberField{width: 40%; float: left;}
.companyOnboardingScreen1 .licenseNumberField .formFieldEdit{min-height: 105px;}
.companyRegisterScreen .proofField{width: 40%; float: right;}
.companyOnboardingScreen1 h2.heading-h2{text-align: left;}
.companyOnboardingScreen1 .headerPart{margin: 1em 0;}
.companyRegisterScreen .FileUpload{margin-bottom: 0px;}
.companyRegisterScreen .FileUpload label{border: none;}
.companyRegisterScreen .file-button{
  background: #DED7D5;
  text-align: center;
  font: normal normal normal 14px/17px Effra;
  color: #0088D0;
  right: 4em;
  bottom: 0.4em;
  padding: 10px 20px;
  position: static;
  position: initial;
}
.companyRegisterScreen .file-button:hover{
  box-shadow: 0px 0px 5px #b1b1b1;
}
.companyRegisterScreen .file-button .fa{display: none !important;} */
.companyRegisterScreen .buttonArea button{width: 150px;}
.companyRegisterScreen .buttonArea{justify-content: center;margin: 1em 0;}
.companyRegisterScreen .imageheading h3 {
  font: normal normal bold 51px/61px Effra;
  letter-spacing: 0px;
  color: #524E8A;
}
.registeryourcompany .imageheading {top: 2em;}
.companyOnboardingScreen2 .backarrow {
  top: 7em;
  cursor: pointer;
  position: absolute;
  left: auto;
  z-index: 99;
}
.companyOnboardingScreen2 .headerPart{
  text-align: center;
    margin: 2em 0;
}
.companyOnboardingScreen2 .greyBg{
  background: #DED7D5;
    padding: 2em 0;
}
.companyOnboardingScreen2 .companyInfo{
  font: normal normal bold 16px/20px Effra !important;
  color: #484848;
  white-space: pre-wrap;
  word-break: break-all;
}
.companyOnboardingScreen2 .phone .PhoneInput {display: block;}
.companyOnboardingScreen2 .phone .PhoneInput input {
  width: 80%;
  border-radius: 0;
  border-radius: initial;
}
.companyOnboardingScreen2 .PhoneInputPrefix{float: left;border: none;}
.mobileEmailSection{background: #DEDEDE 0% 0% no-repeat padding-box;padding: 2% 1%;}
.mobileEmailSection p{font: normal normal bold 16px/22px Effra;letter-spacing: 0px;color: #302D7D;}
.justifyC{justify-content: center;display: flex;}

.editSave button{
  background-color: #711c5a;
    color: #ffffff;
    font: normal normal normal 16px/19px Effra;
    border: none;
    padding: 10px;
    width: 140px;
    border-radius: 5px
}
.editSave button .fa{padding: 0 10px;}
.checkbox_terms {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  user-select: none;
}
.checkbox_terms input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox_terms .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ccc;
}
.checkbox_terms:hover input ~ .checkmark {
  background-color: #bcbaba;
}
.checkbox_terms input:checked ~ .checkmark {
  background-color: #0088D0;
}
.checkbox_terms .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox_terms input:checked ~ .checkmark:after {
  display: block;
}
.terms-block__input .checkmark:after {
  left: 9px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.sucess-header-part {
  background-color: #302D7D;  
}
.sucess-header-part h2,
.sucess-header-part span {
  color: #fff !important;
}
/* .proofField .formFieldEdit.text-box{
border: 0 !important;
}
.proofField  .upload-input-file .plaseholderTxt{
  font-size: 1rem;
}
.registercompanydetail .formFieldEdit.text-box{
  border: 0 !important;
  }
  .registercompanydetail  .upload-input-file .plaseholderTxt{
    font-size: 1rem;
  } */
  .register-your-company-from-cont .company-logo-a{
    margin-top: 0;
  }
  .sucess-header-part svg{
    font-size: 2.5rem;
  } 
  .successPage .training-provider-logo {
    background-size: cover;
    height: 150px;
    clear: both;
    width:150px;
  }
  .companyOnboardingScreen3{
    background: #DED7D5;
      padding: 1em 0;
  }

.companyOnboardingScreen1{
  margin: 4%;
}
.companyOnboardingScreen1 .licenseNumberField{width: 40%; float: left;}
.companyOnboardingScreen1 .licenseNumberField .formFieldEdit{min-height: 105px;}
.companyRegisterScreen .proofField{width: 40%; float: right;}
.companyOnboardingScreen1 h2.heading-h2{text-align: left;}
.companyOnboardingScreen1 .headerPart{margin: 1em 0;}
.companyRegisterScreen .FileUpload{margin-bottom: 0px;}
.companyRegisterScreen .FileUpload label{border: none;}
.companyRegisterScreen .file-button{
  background: #DED7D5;
  text-align: center;
  font: normal normal normal 14px/17px Effra;
  color: #0088D0;
  right: 4em;
  bottom: 0.4em;
  padding: 10px 20px;
  position: static;
  position: initial;
}
.companyRegisterScreen .file-button:hover{
  box-shadow: 0px 0px 5px #b1b1b1;
}
.companyRegisterScreen .file-button .fa{display: none !important;} */
.companyRegisterScreen .buttonArea button{width: 150px;}
.companyRegisterScreen .buttonArea{justify-content: center;margin: 1em 0;}
.companyRegisterScreen .imageheading h3 {
  font: normal normal bold 51px/61px Effra;
  letter-spacing: 0px;
  color: #524E8A;
}
.registeryourcompany .imageheading {top: 2em;}
.companyOnboardingScreen2 .backarrow {
  top: 7em;
  cursor: pointer;
  position: absolute;
  left: auto;
  z-index: 99;
}
.companyOnboardingScreen2 .headerPart{
  text-align: center;
    margin: 2em 0;
}
.companyOnboardingScreen2 .greyBg{
  background: #DED7D5;
    padding: 2em 0;
}
.companyOnboardingScreen2 .companyInfo{
  font: normal normal bold 16px/20px Effra !important;
  color: #484848;
  white-space: pre-wrap;
  word-break: break-all;
}
.companyOnboardingScreen2 .phone .PhoneInput {display: block;}
.companyOnboardingScreen2 .phone .PhoneInput input {
  width: 80%;
  border-radius: 0;
  border-radius: initial;
}
.companyOnboardingScreen2 .PhoneInputPrefix{float: left;border: none;}
.mobileEmailSection{background: #DEDEDE 0% 0% no-repeat padding-box;padding: 2% 1%;}
.mobileEmailSection p{font: normal normal bold 16px/22px Effra;letter-spacing: 0px;color: #302D7D;}
.justifyC{justify-content: center;display: flex;}

.editSave button{
  background-color: #711c5a;
    color: #ffffff;
    font: normal normal normal 16px/19px Effra;
    border: none;
    padding: 10px;
    width: 140px;
    border-radius: 5px
}
.editSave button .fa{padding: 0 10px;}
.checkbox_terms {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  user-select: none;
}
.checkbox_terms input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox_terms .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ccc;
}
.checkbox_terms:hover input ~ .checkmark {
  background-color: #bcbaba;
}
.checkbox_terms input:checked ~ .checkmark {
  background-color: #0088D0;
}
.checkbox_terms .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox_terms input:checked ~ .checkmark:after {
  display: block;
}
.terms-block__input .checkmark:after {
  left: 9px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.sucess-header-part {
  background-color: #302D7D;  
}
.sucess-header-part h2,
.sucess-header-part span {
  color: #fff !important;
}
/* .proofField .formFieldEdit.text-box{
border: 0 !important;
}
.proofField  .upload-input-file .plaseholderTxt{
  font-size: 1rem;
}
.registercompanydetail .formFieldEdit.text-box{
  border: 0 !important;
  }
  .registercompanydetail  .upload-input-file .plaseholderTxt{
    font-size: 1rem;
  } */
  .register-your-company-from-cont .company-logo-a{
    margin-top: 0;
  }
  .sucess-header-part svg{
    font-size: 2.5rem;
  } 
  .successPage .training-provider-logo {
    background-size: cover;
    height: 150px;
    clear: both;
    width:150px;
  }
  .companyOnboardingScreen3{
    background: #DED7D5;
      padding: 1em 0;
  }
/*!
 * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url(/static/media/bootstrap-icons.b7bcc075b395c14ce8c2.woff2) format("woff2"),
url(/static/media/bootstrap-icons.39795c0b4513de014cf8.woff) format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-123::before { content: "\f67f"; }
.bi-alarm-fill::before { content: "\f101"; }
.bi-alarm::before { content: "\f102"; }
.bi-align-bottom::before { content: "\f103"; }
.bi-align-center::before { content: "\f104"; }
.bi-align-end::before { content: "\f105"; }
.bi-align-middle::before { content: "\f106"; }
.bi-align-start::before { content: "\f107"; }
.bi-align-top::before { content: "\f108"; }
.bi-alt::before { content: "\f109"; }
.bi-app-indicator::before { content: "\f10a"; }
.bi-app::before { content: "\f10b"; }
.bi-archive-fill::before { content: "\f10c"; }
.bi-archive::before { content: "\f10d"; }
.bi-arrow-90deg-down::before { content: "\f10e"; }
.bi-arrow-90deg-left::before { content: "\f10f"; }
.bi-arrow-90deg-right::before { content: "\f110"; }
.bi-arrow-90deg-up::before { content: "\f111"; }
.bi-arrow-bar-down::before { content: "\f112"; }
.bi-arrow-bar-left::before { content: "\f113"; }
.bi-arrow-bar-right::before { content: "\f114"; }
.bi-arrow-bar-up::before { content: "\f115"; }
.bi-arrow-clockwise::before { content: "\f116"; }
.bi-arrow-counterclockwise::before { content: "\f117"; }
.bi-arrow-down-circle-fill::before { content: "\f118"; }
.bi-arrow-down-circle::before { content: "\f119"; }
.bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
.bi-arrow-down-left-circle::before { content: "\f11b"; }
.bi-arrow-down-left-square-fill::before { content: "\f11c"; }
.bi-arrow-down-left-square::before { content: "\f11d"; }
.bi-arrow-down-left::before { content: "\f11e"; }
.bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
.bi-arrow-down-right-circle::before { content: "\f120"; }
.bi-arrow-down-right-square-fill::before { content: "\f121"; }
.bi-arrow-down-right-square::before { content: "\f122"; }
.bi-arrow-down-right::before { content: "\f123"; }
.bi-arrow-down-short::before { content: "\f124"; }
.bi-arrow-down-square-fill::before { content: "\f125"; }
.bi-arrow-down-square::before { content: "\f126"; }
.bi-arrow-down-up::before { content: "\f127"; }
.bi-arrow-down::before { content: "\f128"; }
.bi-arrow-left-circle-fill::before { content: "\f129"; }
.bi-arrow-left-circle::before { content: "\f12a"; }
.bi-arrow-left-right::before { content: "\f12b"; }
.bi-arrow-left-short::before { content: "\f12c"; }
.bi-arrow-left-square-fill::before { content: "\f12d"; }
.bi-arrow-left-square::before { content: "\f12e"; }
.bi-arrow-left::before { content: "\f12f"; }
.bi-arrow-repeat::before { content: "\f130"; }
.bi-arrow-return-left::before { content: "\f131"; }
.bi-arrow-return-right::before { content: "\f132"; }
.bi-arrow-right-circle-fill::before { content: "\f133"; }
.bi-arrow-right-circle::before { content: "\f134"; }
.bi-arrow-right-short::before { content: "\f135"; }
.bi-arrow-right-square-fill::before { content: "\f136"; }
.bi-arrow-right-square::before { content: "\f137"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-up-circle-fill::before { content: "\f139"; }
.bi-arrow-up-circle::before { content: "\f13a"; }
.bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
.bi-arrow-up-left-circle::before { content: "\f13c"; }
.bi-arrow-up-left-square-fill::before { content: "\f13d"; }
.bi-arrow-up-left-square::before { content: "\f13e"; }
.bi-arrow-up-left::before { content: "\f13f"; }
.bi-arrow-up-right-circle-fill::before { content: "\f140"; }
.bi-arrow-up-right-circle::before { content: "\f141"; }
.bi-arrow-up-right-square-fill::before { content: "\f142"; }
.bi-arrow-up-right-square::before { content: "\f143"; }
.bi-arrow-up-right::before { content: "\f144"; }
.bi-arrow-up-short::before { content: "\f145"; }
.bi-arrow-up-square-fill::before { content: "\f146"; }
.bi-arrow-up-square::before { content: "\f147"; }
.bi-arrow-up::before { content: "\f148"; }
.bi-arrows-angle-contract::before { content: "\f149"; }
.bi-arrows-angle-expand::before { content: "\f14a"; }
.bi-arrows-collapse::before { content: "\f14b"; }
.bi-arrows-expand::before { content: "\f14c"; }
.bi-arrows-fullscreen::before { content: "\f14d"; }
.bi-arrows-move::before { content: "\f14e"; }
.bi-aspect-ratio-fill::before { content: "\f14f"; }
.bi-aspect-ratio::before { content: "\f150"; }
.bi-asterisk::before { content: "\f151"; }
.bi-at::before { content: "\f152"; }
.bi-award-fill::before { content: "\f153"; }
.bi-award::before { content: "\f154"; }
.bi-back::before { content: "\f155"; }
.bi-backspace-fill::before { content: "\f156"; }
.bi-backspace-reverse-fill::before { content: "\f157"; }
.bi-backspace-reverse::before { content: "\f158"; }
.bi-backspace::before { content: "\f159"; }
.bi-badge-3d-fill::before { content: "\f15a"; }
.bi-badge-3d::before { content: "\f15b"; }
.bi-badge-4k-fill::before { content: "\f15c"; }
.bi-badge-4k::before { content: "\f15d"; }
.bi-badge-8k-fill::before { content: "\f15e"; }
.bi-badge-8k::before { content: "\f15f"; }
.bi-badge-ad-fill::before { content: "\f160"; }
.bi-badge-ad::before { content: "\f161"; }
.bi-badge-ar-fill::before { content: "\f162"; }
.bi-badge-ar::before { content: "\f163"; }
.bi-badge-cc-fill::before { content: "\f164"; }
.bi-badge-cc::before { content: "\f165"; }
.bi-badge-hd-fill::before { content: "\f166"; }
.bi-badge-hd::before { content: "\f167"; }
.bi-badge-tm-fill::before { content: "\f168"; }
.bi-badge-tm::before { content: "\f169"; }
.bi-badge-vo-fill::before { content: "\f16a"; }
.bi-badge-vo::before { content: "\f16b"; }
.bi-badge-vr-fill::before { content: "\f16c"; }
.bi-badge-vr::before { content: "\f16d"; }
.bi-badge-wc-fill::before { content: "\f16e"; }
.bi-badge-wc::before { content: "\f16f"; }
.bi-bag-check-fill::before { content: "\f170"; }
.bi-bag-check::before { content: "\f171"; }
.bi-bag-dash-fill::before { content: "\f172"; }
.bi-bag-dash::before { content: "\f173"; }
.bi-bag-fill::before { content: "\f174"; }
.bi-bag-plus-fill::before { content: "\f175"; }
.bi-bag-plus::before { content: "\f176"; }
.bi-bag-x-fill::before { content: "\f177"; }
.bi-bag-x::before { content: "\f178"; }
.bi-bag::before { content: "\f179"; }
.bi-bar-chart-fill::before { content: "\f17a"; }
.bi-bar-chart-line-fill::before { content: "\f17b"; }
.bi-bar-chart-line::before { content: "\f17c"; }
.bi-bar-chart-steps::before { content: "\f17d"; }
.bi-bar-chart::before { content: "\f17e"; }
.bi-basket-fill::before { content: "\f17f"; }
.bi-basket::before { content: "\f180"; }
.bi-basket2-fill::before { content: "\f181"; }
.bi-basket2::before { content: "\f182"; }
.bi-basket3-fill::before { content: "\f183"; }
.bi-basket3::before { content: "\f184"; }
.bi-battery-charging::before { content: "\f185"; }
.bi-battery-full::before { content: "\f186"; }
.bi-battery-half::before { content: "\f187"; }
.bi-battery::before { content: "\f188"; }
.bi-bell-fill::before { content: "\f189"; }
.bi-bell::before { content: "\f18a"; }
.bi-bezier::before { content: "\f18b"; }
.bi-bezier2::before { content: "\f18c"; }
.bi-bicycle::before { content: "\f18d"; }
.bi-binoculars-fill::before { content: "\f18e"; }
.bi-binoculars::before { content: "\f18f"; }
.bi-blockquote-left::before { content: "\f190"; }
.bi-blockquote-right::before { content: "\f191"; }
.bi-book-fill::before { content: "\f192"; }
.bi-book-half::before { content: "\f193"; }
.bi-book::before { content: "\f194"; }
.bi-bookmark-check-fill::before { content: "\f195"; }
.bi-bookmark-check::before { content: "\f196"; }
.bi-bookmark-dash-fill::before { content: "\f197"; }
.bi-bookmark-dash::before { content: "\f198"; }
.bi-bookmark-fill::before { content: "\f199"; }
.bi-bookmark-heart-fill::before { content: "\f19a"; }
.bi-bookmark-heart::before { content: "\f19b"; }
.bi-bookmark-plus-fill::before { content: "\f19c"; }
.bi-bookmark-plus::before { content: "\f19d"; }
.bi-bookmark-star-fill::before { content: "\f19e"; }
.bi-bookmark-star::before { content: "\f19f"; }
.bi-bookmark-x-fill::before { content: "\f1a0"; }
.bi-bookmark-x::before { content: "\f1a1"; }
.bi-bookmark::before { content: "\f1a2"; }
.bi-bookmarks-fill::before { content: "\f1a3"; }
.bi-bookmarks::before { content: "\f1a4"; }
.bi-bookshelf::before { content: "\f1a5"; }
.bi-bootstrap-fill::before { content: "\f1a6"; }
.bi-bootstrap-reboot::before { content: "\f1a7"; }
.bi-bootstrap::before { content: "\f1a8"; }
.bi-border-all::before { content: "\f1a9"; }
.bi-border-bottom::before { content: "\f1aa"; }
.bi-border-center::before { content: "\f1ab"; }
.bi-border-inner::before { content: "\f1ac"; }
.bi-border-left::before { content: "\f1ad"; }
.bi-border-middle::before { content: "\f1ae"; }
.bi-border-outer::before { content: "\f1af"; }
.bi-border-right::before { content: "\f1b0"; }
.bi-border-style::before { content: "\f1b1"; }
.bi-border-top::before { content: "\f1b2"; }
.bi-border-width::before { content: "\f1b3"; }
.bi-border::before { content: "\f1b4"; }
.bi-bounding-box-circles::before { content: "\f1b5"; }
.bi-bounding-box::before { content: "\f1b6"; }
.bi-box-arrow-down-left::before { content: "\f1b7"; }
.bi-box-arrow-down-right::before { content: "\f1b8"; }
.bi-box-arrow-down::before { content: "\f1b9"; }
.bi-box-arrow-in-down-left::before { content: "\f1ba"; }
.bi-box-arrow-in-down-right::before { content: "\f1bb"; }
.bi-box-arrow-in-down::before { content: "\f1bc"; }
.bi-box-arrow-in-left::before { content: "\f1bd"; }
.bi-box-arrow-in-right::before { content: "\f1be"; }
.bi-box-arrow-in-up-left::before { content: "\f1bf"; }
.bi-box-arrow-in-up-right::before { content: "\f1c0"; }
.bi-box-arrow-in-up::before { content: "\f1c1"; }
.bi-box-arrow-left::before { content: "\f1c2"; }
.bi-box-arrow-right::before { content: "\f1c3"; }
.bi-box-arrow-up-left::before { content: "\f1c4"; }
.bi-box-arrow-up-right::before { content: "\f1c5"; }
.bi-box-arrow-up::before { content: "\f1c6"; }
.bi-box-seam::before { content: "\f1c7"; }
.bi-box::before { content: "\f1c8"; }
.bi-braces::before { content: "\f1c9"; }
.bi-bricks::before { content: "\f1ca"; }
.bi-briefcase-fill::before { content: "\f1cb"; }
.bi-briefcase::before { content: "\f1cc"; }
.bi-brightness-alt-high-fill::before { content: "\f1cd"; }
.bi-brightness-alt-high::before { content: "\f1ce"; }
.bi-brightness-alt-low-fill::before { content: "\f1cf"; }
.bi-brightness-alt-low::before { content: "\f1d0"; }
.bi-brightness-high-fill::before { content: "\f1d1"; }
.bi-brightness-high::before { content: "\f1d2"; }
.bi-brightness-low-fill::before { content: "\f1d3"; }
.bi-brightness-low::before { content: "\f1d4"; }
.bi-broadcast-pin::before { content: "\f1d5"; }
.bi-broadcast::before { content: "\f1d6"; }
.bi-brush-fill::before { content: "\f1d7"; }
.bi-brush::before { content: "\f1d8"; }
.bi-bucket-fill::before { content: "\f1d9"; }
.bi-bucket::before { content: "\f1da"; }
.bi-bug-fill::before { content: "\f1db"; }
.bi-bug::before { content: "\f1dc"; }
.bi-building::before { content: "\f1dd"; }
.bi-bullseye::before { content: "\f1de"; }
.bi-calculator-fill::before { content: "\f1df"; }
.bi-calculator::before { content: "\f1e0"; }
.bi-calendar-check-fill::before { content: "\f1e1"; }
.bi-calendar-check::before { content: "\f1e2"; }
.bi-calendar-date-fill::before { content: "\f1e3"; }
.bi-calendar-date::before { content: "\f1e4"; }
.bi-calendar-day-fill::before { content: "\f1e5"; }
.bi-calendar-day::before { content: "\f1e6"; }
.bi-calendar-event-fill::before { content: "\f1e7"; }
.bi-calendar-event::before { content: "\f1e8"; }
.bi-calendar-fill::before { content: "\f1e9"; }
.bi-calendar-minus-fill::before { content: "\f1ea"; }
.bi-calendar-minus::before { content: "\f1eb"; }
.bi-calendar-month-fill::before { content: "\f1ec"; }
.bi-calendar-month::before { content: "\f1ed"; }
.bi-calendar-plus-fill::before { content: "\f1ee"; }
.bi-calendar-plus::before { content: "\f1ef"; }
.bi-calendar-range-fill::before { content: "\f1f0"; }
.bi-calendar-range::before { content: "\f1f1"; }
.bi-calendar-week-fill::before { content: "\f1f2"; }
.bi-calendar-week::before { content: "\f1f3"; }
.bi-calendar-x-fill::before { content: "\f1f4"; }
.bi-calendar-x::before { content: "\f1f5"; }
.bi-calendar::before { content: "\f1f6"; }
.bi-calendar2-check-fill::before { content: "\f1f7"; }
.bi-calendar2-check::before { content: "\f1f8"; }
.bi-calendar2-date-fill::before { content: "\f1f9"; }
.bi-calendar2-date::before { content: "\f1fa"; }
.bi-calendar2-day-fill::before { content: "\f1fb"; }
.bi-calendar2-day::before { content: "\f1fc"; }
.bi-calendar2-event-fill::before { content: "\f1fd"; }
.bi-calendar2-event::before { content: "\f1fe"; }
.bi-calendar2-fill::before { content: "\f1ff"; }
.bi-calendar2-minus-fill::before { content: "\f200"; }
.bi-calendar2-minus::before { content: "\f201"; }
.bi-calendar2-month-fill::before { content: "\f202"; }
.bi-calendar2-month::before { content: "\f203"; }
.bi-calendar2-plus-fill::before { content: "\f204"; }
.bi-calendar2-plus::before { content: "\f205"; }
.bi-calendar2-range-fill::before { content: "\f206"; }
.bi-calendar2-range::before { content: "\f207"; }
.bi-calendar2-week-fill::before { content: "\f208"; }
.bi-calendar2-week::before { content: "\f209"; }
.bi-calendar2-x-fill::before { content: "\f20a"; }
.bi-calendar2-x::before { content: "\f20b"; }
.bi-calendar2::before { content: "\f20c"; }
.bi-calendar3-event-fill::before { content: "\f20d"; }
.bi-calendar3-event::before { content: "\f20e"; }
.bi-calendar3-fill::before { content: "\f20f"; }
.bi-calendar3-range-fill::before { content: "\f210"; }
.bi-calendar3-range::before { content: "\f211"; }
.bi-calendar3-week-fill::before { content: "\f212"; }
.bi-calendar3-week::before { content: "\f213"; }
.bi-calendar3::before { content: "\f214"; }
.bi-calendar4-event::before { content: "\f215"; }
.bi-calendar4-range::before { content: "\f216"; }
.bi-calendar4-week::before { content: "\f217"; }
.bi-calendar4::before { content: "\f218"; }
.bi-camera-fill::before { content: "\f219"; }
.bi-camera-reels-fill::before { content: "\f21a"; }
.bi-camera-reels::before { content: "\f21b"; }
.bi-camera-video-fill::before { content: "\f21c"; }
.bi-camera-video-off-fill::before { content: "\f21d"; }
.bi-camera-video-off::before { content: "\f21e"; }
.bi-camera-video::before { content: "\f21f"; }
.bi-camera::before { content: "\f220"; }
.bi-camera2::before { content: "\f221"; }
.bi-capslock-fill::before { content: "\f222"; }
.bi-capslock::before { content: "\f223"; }
.bi-card-checklist::before { content: "\f224"; }
.bi-card-heading::before { content: "\f225"; }
.bi-card-image::before { content: "\f226"; }
.bi-card-list::before { content: "\f227"; }
.bi-card-text::before { content: "\f228"; }
.bi-caret-down-fill::before { content: "\f229"; }
.bi-caret-down-square-fill::before { content: "\f22a"; }
.bi-caret-down-square::before { content: "\f22b"; }
.bi-caret-down::before { content: "\f22c"; }
.bi-caret-left-fill::before { content: "\f22d"; }
.bi-caret-left-square-fill::before { content: "\f22e"; }
.bi-caret-left-square::before { content: "\f22f"; }
.bi-caret-left::before { content: "\f230"; }
.bi-caret-right-fill::before { content: "\f231"; }
.bi-caret-right-square-fill::before { content: "\f232"; }
.bi-caret-right-square::before { content: "\f233"; }
.bi-caret-right::before { content: "\f234"; }
.bi-caret-up-fill::before { content: "\f235"; }
.bi-caret-up-square-fill::before { content: "\f236"; }
.bi-caret-up-square::before { content: "\f237"; }
.bi-caret-up::before { content: "\f238"; }
.bi-cart-check-fill::before { content: "\f239"; }
.bi-cart-check::before { content: "\f23a"; }
.bi-cart-dash-fill::before { content: "\f23b"; }
.bi-cart-dash::before { content: "\f23c"; }
.bi-cart-fill::before { content: "\f23d"; }
.bi-cart-plus-fill::before { content: "\f23e"; }
.bi-cart-plus::before { content: "\f23f"; }
.bi-cart-x-fill::before { content: "\f240"; }
.bi-cart-x::before { content: "\f241"; }
.bi-cart::before { content: "\f242"; }
.bi-cart2::before { content: "\f243"; }
.bi-cart3::before { content: "\f244"; }
.bi-cart4::before { content: "\f245"; }
.bi-cash-stack::before { content: "\f246"; }
.bi-cash::before { content: "\f247"; }
.bi-cast::before { content: "\f248"; }
.bi-chat-dots-fill::before { content: "\f249"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-chat-fill::before { content: "\f24b"; }
.bi-chat-left-dots-fill::before { content: "\f24c"; }
.bi-chat-left-dots::before { content: "\f24d"; }
.bi-chat-left-fill::before { content: "\f24e"; }
.bi-chat-left-quote-fill::before { content: "\f24f"; }
.bi-chat-left-quote::before { content: "\f250"; }
.bi-chat-left-text-fill::before { content: "\f251"; }
.bi-chat-left-text::before { content: "\f252"; }
.bi-chat-left::before { content: "\f253"; }
.bi-chat-quote-fill::before { content: "\f254"; }
.bi-chat-quote::before { content: "\f255"; }
.bi-chat-right-dots-fill::before { content: "\f256"; }
.bi-chat-right-dots::before { content: "\f257"; }
.bi-chat-right-fill::before { content: "\f258"; }
.bi-chat-right-quote-fill::before { content: "\f259"; }
.bi-chat-right-quote::before { content: "\f25a"; }
.bi-chat-right-text-fill::before { content: "\f25b"; }
.bi-chat-right-text::before { content: "\f25c"; }
.bi-chat-right::before { content: "\f25d"; }
.bi-chat-square-dots-fill::before { content: "\f25e"; }
.bi-chat-square-dots::before { content: "\f25f"; }
.bi-chat-square-fill::before { content: "\f260"; }
.bi-chat-square-quote-fill::before { content: "\f261"; }
.bi-chat-square-quote::before { content: "\f262"; }
.bi-chat-square-text-fill::before { content: "\f263"; }
.bi-chat-square-text::before { content: "\f264"; }
.bi-chat-square::before { content: "\f265"; }
.bi-chat-text-fill::before { content: "\f266"; }
.bi-chat-text::before { content: "\f267"; }
.bi-chat::before { content: "\f268"; }
.bi-check-all::before { content: "\f269"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-check-square-fill::before { content: "\f26c"; }
.bi-check-square::before { content: "\f26d"; }
.bi-check::before { content: "\f26e"; }
.bi-check2-all::before { content: "\f26f"; }
.bi-check2-circle::before { content: "\f270"; }
.bi-check2-square::before { content: "\f271"; }
.bi-check2::before { content: "\f272"; }
.bi-chevron-bar-contract::before { content: "\f273"; }
.bi-chevron-bar-down::before { content: "\f274"; }
.bi-chevron-bar-expand::before { content: "\f275"; }
.bi-chevron-bar-left::before { content: "\f276"; }
.bi-chevron-bar-right::before { content: "\f277"; }
.bi-chevron-bar-up::before { content: "\f278"; }
.bi-chevron-compact-down::before { content: "\f279"; }
.bi-chevron-compact-left::before { content: "\f27a"; }
.bi-chevron-compact-right::before { content: "\f27b"; }
.bi-chevron-compact-up::before { content: "\f27c"; }
.bi-chevron-contract::before { content: "\f27d"; }
.bi-chevron-double-down::before { content: "\f27e"; }
.bi-chevron-double-left::before { content: "\f27f"; }
.bi-chevron-double-right::before { content: "\f280"; }
.bi-chevron-double-up::before { content: "\f281"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-chevron-expand::before { content: "\f283"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-up::before { content: "\f286"; }
.bi-circle-fill::before { content: "\f287"; }
.bi-circle-half::before { content: "\f288"; }
.bi-circle-square::before { content: "\f289"; }
.bi-circle::before { content: "\f28a"; }
.bi-clipboard-check::before { content: "\f28b"; }
.bi-clipboard-data::before { content: "\f28c"; }
.bi-clipboard-minus::before { content: "\f28d"; }
.bi-clipboard-plus::before { content: "\f28e"; }
.bi-clipboard-x::before { content: "\f28f"; }
.bi-clipboard::before { content: "\f290"; }
.bi-clock-fill::before { content: "\f291"; }
.bi-clock-history::before { content: "\f292"; }
.bi-clock::before { content: "\f293"; }
.bi-cloud-arrow-down-fill::before { content: "\f294"; }
.bi-cloud-arrow-down::before { content: "\f295"; }
.bi-cloud-arrow-up-fill::before { content: "\f296"; }
.bi-cloud-arrow-up::before { content: "\f297"; }
.bi-cloud-check-fill::before { content: "\f298"; }
.bi-cloud-check::before { content: "\f299"; }
.bi-cloud-download-fill::before { content: "\f29a"; }
.bi-cloud-download::before { content: "\f29b"; }
.bi-cloud-drizzle-fill::before { content: "\f29c"; }
.bi-cloud-drizzle::before { content: "\f29d"; }
.bi-cloud-fill::before { content: "\f29e"; }
.bi-cloud-fog-fill::before { content: "\f29f"; }
.bi-cloud-fog::before { content: "\f2a0"; }
.bi-cloud-fog2-fill::before { content: "\f2a1"; }
.bi-cloud-fog2::before { content: "\f2a2"; }
.bi-cloud-hail-fill::before { content: "\f2a3"; }
.bi-cloud-hail::before { content: "\f2a4"; }
.bi-cloud-haze-fill::before { content: "\f2a6"; }
.bi-cloud-haze::before { content: "\f2a7"; }
.bi-cloud-haze2-fill::before { content: "\f2a8"; }
.bi-cloud-lightning-fill::before { content: "\f2a9"; }
.bi-cloud-lightning-rain-fill::before { content: "\f2aa"; }
.bi-cloud-lightning-rain::before { content: "\f2ab"; }
.bi-cloud-lightning::before { content: "\f2ac"; }
.bi-cloud-minus-fill::before { content: "\f2ad"; }
.bi-cloud-minus::before { content: "\f2ae"; }
.bi-cloud-moon-fill::before { content: "\f2af"; }
.bi-cloud-moon::before { content: "\f2b0"; }
.bi-cloud-plus-fill::before { content: "\f2b1"; }
.bi-cloud-plus::before { content: "\f2b2"; }
.bi-cloud-rain-fill::before { content: "\f2b3"; }
.bi-cloud-rain-heavy-fill::before { content: "\f2b4"; }
.bi-cloud-rain-heavy::before { content: "\f2b5"; }
.bi-cloud-rain::before { content: "\f2b6"; }
.bi-cloud-slash-fill::before { content: "\f2b7"; }
.bi-cloud-slash::before { content: "\f2b8"; }
.bi-cloud-sleet-fill::before { content: "\f2b9"; }
.bi-cloud-sleet::before { content: "\f2ba"; }
.bi-cloud-snow-fill::before { content: "\f2bb"; }
.bi-cloud-snow::before { content: "\f2bc"; }
.bi-cloud-sun-fill::before { content: "\f2bd"; }
.bi-cloud-sun::before { content: "\f2be"; }
.bi-cloud-upload-fill::before { content: "\f2bf"; }
.bi-cloud-upload::before { content: "\f2c0"; }
.bi-cloud::before { content: "\f2c1"; }
.bi-clouds-fill::before { content: "\f2c2"; }
.bi-clouds::before { content: "\f2c3"; }
.bi-cloudy-fill::before { content: "\f2c4"; }
.bi-cloudy::before { content: "\f2c5"; }
.bi-code-slash::before { content: "\f2c6"; }
.bi-code-square::before { content: "\f2c7"; }
.bi-code::before { content: "\f2c8"; }
.bi-collection-fill::before { content: "\f2c9"; }
.bi-collection-play-fill::before { content: "\f2ca"; }
.bi-collection-play::before { content: "\f2cb"; }
.bi-collection::before { content: "\f2cc"; }
.bi-columns-gap::before { content: "\f2cd"; }
.bi-columns::before { content: "\f2ce"; }
.bi-command::before { content: "\f2cf"; }
.bi-compass-fill::before { content: "\f2d0"; }
.bi-compass::before { content: "\f2d1"; }
.bi-cone-striped::before { content: "\f2d2"; }
.bi-cone::before { content: "\f2d3"; }
.bi-controller::before { content: "\f2d4"; }
.bi-cpu-fill::before { content: "\f2d5"; }
.bi-cpu::before { content: "\f2d6"; }
.bi-credit-card-2-back-fill::before { content: "\f2d7"; }
.bi-credit-card-2-back::before { content: "\f2d8"; }
.bi-credit-card-2-front-fill::before { content: "\f2d9"; }
.bi-credit-card-2-front::before { content: "\f2da"; }
.bi-credit-card-fill::before { content: "\f2db"; }
.bi-credit-card::before { content: "\f2dc"; }
.bi-crop::before { content: "\f2dd"; }
.bi-cup-fill::before { content: "\f2de"; }
.bi-cup-straw::before { content: "\f2df"; }
.bi-cup::before { content: "\f2e0"; }
.bi-cursor-fill::before { content: "\f2e1"; }
.bi-cursor-text::before { content: "\f2e2"; }
.bi-cursor::before { content: "\f2e3"; }
.bi-dash-circle-dotted::before { content: "\f2e4"; }
.bi-dash-circle-fill::before { content: "\f2e5"; }
.bi-dash-circle::before { content: "\f2e6"; }
.bi-dash-square-dotted::before { content: "\f2e7"; }
.bi-dash-square-fill::before { content: "\f2e8"; }
.bi-dash-square::before { content: "\f2e9"; }
.bi-dash::before { content: "\f2ea"; }
.bi-diagram-2-fill::before { content: "\f2eb"; }
.bi-diagram-2::before { content: "\f2ec"; }
.bi-diagram-3-fill::before { content: "\f2ed"; }
.bi-diagram-3::before { content: "\f2ee"; }
.bi-diamond-fill::before { content: "\f2ef"; }
.bi-diamond-half::before { content: "\f2f0"; }
.bi-diamond::before { content: "\f2f1"; }
.bi-dice-1-fill::before { content: "\f2f2"; }
.bi-dice-1::before { content: "\f2f3"; }
.bi-dice-2-fill::before { content: "\f2f4"; }
.bi-dice-2::before { content: "\f2f5"; }
.bi-dice-3-fill::before { content: "\f2f6"; }
.bi-dice-3::before { content: "\f2f7"; }
.bi-dice-4-fill::before { content: "\f2f8"; }
.bi-dice-4::before { content: "\f2f9"; }
.bi-dice-5-fill::before { content: "\f2fa"; }
.bi-dice-5::before { content: "\f2fb"; }
.bi-dice-6-fill::before { content: "\f2fc"; }
.bi-dice-6::before { content: "\f2fd"; }
.bi-disc-fill::before { content: "\f2fe"; }
.bi-disc::before { content: "\f2ff"; }
.bi-discord::before { content: "\f300"; }
.bi-display-fill::before { content: "\f301"; }
.bi-display::before { content: "\f302"; }
.bi-distribute-horizontal::before { content: "\f303"; }
.bi-distribute-vertical::before { content: "\f304"; }
.bi-door-closed-fill::before { content: "\f305"; }
.bi-door-closed::before { content: "\f306"; }
.bi-door-open-fill::before { content: "\f307"; }
.bi-door-open::before { content: "\f308"; }
.bi-dot::before { content: "\f309"; }
.bi-download::before { content: "\f30a"; }
.bi-droplet-fill::before { content: "\f30b"; }
.bi-droplet-half::before { content: "\f30c"; }
.bi-droplet::before { content: "\f30d"; }
.bi-earbuds::before { content: "\f30e"; }
.bi-easel-fill::before { content: "\f30f"; }
.bi-easel::before { content: "\f310"; }
.bi-egg-fill::before { content: "\f311"; }
.bi-egg-fried::before { content: "\f312"; }
.bi-egg::before { content: "\f313"; }
.bi-eject-fill::before { content: "\f314"; }
.bi-eject::before { content: "\f315"; }
.bi-emoji-angry-fill::before { content: "\f316"; }
.bi-emoji-angry::before { content: "\f317"; }
.bi-emoji-dizzy-fill::before { content: "\f318"; }
.bi-emoji-dizzy::before { content: "\f319"; }
.bi-emoji-expressionless-fill::before { content: "\f31a"; }
.bi-emoji-expressionless::before { content: "\f31b"; }
.bi-emoji-frown-fill::before { content: "\f31c"; }
.bi-emoji-frown::before { content: "\f31d"; }
.bi-emoji-heart-eyes-fill::before { content: "\f31e"; }
.bi-emoji-heart-eyes::before { content: "\f31f"; }
.bi-emoji-laughing-fill::before { content: "\f320"; }
.bi-emoji-laughing::before { content: "\f321"; }
.bi-emoji-neutral-fill::before { content: "\f322"; }
.bi-emoji-neutral::before { content: "\f323"; }
.bi-emoji-smile-fill::before { content: "\f324"; }
.bi-emoji-smile-upside-down-fill::before { content: "\f325"; }
.bi-emoji-smile-upside-down::before { content: "\f326"; }
.bi-emoji-smile::before { content: "\f327"; }
.bi-emoji-sunglasses-fill::before { content: "\f328"; }
.bi-emoji-sunglasses::before { content: "\f329"; }
.bi-emoji-wink-fill::before { content: "\f32a"; }
.bi-emoji-wink::before { content: "\f32b"; }
.bi-envelope-fill::before { content: "\f32c"; }
.bi-envelope-open-fill::before { content: "\f32d"; }
.bi-envelope-open::before { content: "\f32e"; }
.bi-envelope::before { content: "\f32f"; }
.bi-eraser-fill::before { content: "\f330"; }
.bi-eraser::before { content: "\f331"; }
.bi-exclamation-circle-fill::before { content: "\f332"; }
.bi-exclamation-circle::before { content: "\f333"; }
.bi-exclamation-diamond-fill::before { content: "\f334"; }
.bi-exclamation-diamond::before { content: "\f335"; }
.bi-exclamation-octagon-fill::before { content: "\f336"; }
.bi-exclamation-octagon::before { content: "\f337"; }
.bi-exclamation-square-fill::before { content: "\f338"; }
.bi-exclamation-square::before { content: "\f339"; }
.bi-exclamation-triangle-fill::before { content: "\f33a"; }
.bi-exclamation-triangle::before { content: "\f33b"; }
.bi-exclamation::before { content: "\f33c"; }
.bi-exclude::before { content: "\f33d"; }
.bi-eye-fill::before { content: "\f33e"; }
.bi-eye-slash-fill::before { content: "\f33f"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-eye::before { content: "\f341"; }
.bi-eyedropper::before { content: "\f342"; }
.bi-eyeglasses::before { content: "\f343"; }
.bi-facebook::before { content: "\f344"; }
.bi-file-arrow-down-fill::before { content: "\f345"; }
.bi-file-arrow-down::before { content: "\f346"; }
.bi-file-arrow-up-fill::before { content: "\f347"; }
.bi-file-arrow-up::before { content: "\f348"; }
.bi-file-bar-graph-fill::before { content: "\f349"; }
.bi-file-bar-graph::before { content: "\f34a"; }
.bi-file-binary-fill::before { content: "\f34b"; }
.bi-file-binary::before { content: "\f34c"; }
.bi-file-break-fill::before { content: "\f34d"; }
.bi-file-break::before { content: "\f34e"; }
.bi-file-check-fill::before { content: "\f34f"; }
.bi-file-check::before { content: "\f350"; }
.bi-file-code-fill::before { content: "\f351"; }
.bi-file-code::before { content: "\f352"; }
.bi-file-diff-fill::before { content: "\f353"; }
.bi-file-diff::before { content: "\f354"; }
.bi-file-earmark-arrow-down-fill::before { content: "\f355"; }
.bi-file-earmark-arrow-down::before { content: "\f356"; }
.bi-file-earmark-arrow-up-fill::before { content: "\f357"; }
.bi-file-earmark-arrow-up::before { content: "\f358"; }
.bi-file-earmark-bar-graph-fill::before { content: "\f359"; }
.bi-file-earmark-bar-graph::before { content: "\f35a"; }
.bi-file-earmark-binary-fill::before { content: "\f35b"; }
.bi-file-earmark-binary::before { content: "\f35c"; }
.bi-file-earmark-break-fill::before { content: "\f35d"; }
.bi-file-earmark-break::before { content: "\f35e"; }
.bi-file-earmark-check-fill::before { content: "\f35f"; }
.bi-file-earmark-check::before { content: "\f360"; }
.bi-file-earmark-code-fill::before { content: "\f361"; }
.bi-file-earmark-code::before { content: "\f362"; }
.bi-file-earmark-diff-fill::before { content: "\f363"; }
.bi-file-earmark-diff::before { content: "\f364"; }
.bi-file-earmark-easel-fill::before { content: "\f365"; }
.bi-file-earmark-easel::before { content: "\f366"; }
.bi-file-earmark-excel-fill::before { content: "\f367"; }
.bi-file-earmark-excel::before { content: "\f368"; }
.bi-file-earmark-fill::before { content: "\f369"; }
.bi-file-earmark-font-fill::before { content: "\f36a"; }
.bi-file-earmark-font::before { content: "\f36b"; }
.bi-file-earmark-image-fill::before { content: "\f36c"; }
.bi-file-earmark-image::before { content: "\f36d"; }
.bi-file-earmark-lock-fill::before { content: "\f36e"; }
.bi-file-earmark-lock::before { content: "\f36f"; }
.bi-file-earmark-lock2-fill::before { content: "\f370"; }
.bi-file-earmark-lock2::before { content: "\f371"; }
.bi-file-earmark-medical-fill::before { content: "\f372"; }
.bi-file-earmark-medical::before { content: "\f373"; }
.bi-file-earmark-minus-fill::before { content: "\f374"; }
.bi-file-earmark-minus::before { content: "\f375"; }
.bi-file-earmark-music-fill::before { content: "\f376"; }
.bi-file-earmark-music::before { content: "\f377"; }
.bi-file-earmark-person-fill::before { content: "\f378"; }
.bi-file-earmark-person::before { content: "\f379"; }
.bi-file-earmark-play-fill::before { content: "\f37a"; }
.bi-file-earmark-play::before { content: "\f37b"; }
.bi-file-earmark-plus-fill::before { content: "\f37c"; }
.bi-file-earmark-plus::before { content: "\f37d"; }
.bi-file-earmark-post-fill::before { content: "\f37e"; }
.bi-file-earmark-post::before { content: "\f37f"; }
.bi-file-earmark-ppt-fill::before { content: "\f380"; }
.bi-file-earmark-ppt::before { content: "\f381"; }
.bi-file-earmark-richtext-fill::before { content: "\f382"; }
.bi-file-earmark-richtext::before { content: "\f383"; }
.bi-file-earmark-ruled-fill::before { content: "\f384"; }
.bi-file-earmark-ruled::before { content: "\f385"; }
.bi-file-earmark-slides-fill::before { content: "\f386"; }
.bi-file-earmark-slides::before { content: "\f387"; }
.bi-file-earmark-spreadsheet-fill::before { content: "\f388"; }
.bi-file-earmark-spreadsheet::before { content: "\f389"; }
.bi-file-earmark-text-fill::before { content: "\f38a"; }
.bi-file-earmark-text::before { content: "\f38b"; }
.bi-file-earmark-word-fill::before { content: "\f38c"; }
.bi-file-earmark-word::before { content: "\f38d"; }
.bi-file-earmark-x-fill::before { content: "\f38e"; }
.bi-file-earmark-x::before { content: "\f38f"; }
.bi-file-earmark-zip-fill::before { content: "\f390"; }
.bi-file-earmark-zip::before { content: "\f391"; }
.bi-file-earmark::before { content: "\f392"; }
.bi-file-easel-fill::before { content: "\f393"; }
.bi-file-easel::before { content: "\f394"; }
.bi-file-excel-fill::before { content: "\f395"; }
.bi-file-excel::before { content: "\f396"; }
.bi-file-fill::before { content: "\f397"; }
.bi-file-font-fill::before { content: "\f398"; }
.bi-file-font::before { content: "\f399"; }
.bi-file-image-fill::before { content: "\f39a"; }
.bi-file-image::before { content: "\f39b"; }
.bi-file-lock-fill::before { content: "\f39c"; }
.bi-file-lock::before { content: "\f39d"; }
.bi-file-lock2-fill::before { content: "\f39e"; }
.bi-file-lock2::before { content: "\f39f"; }
.bi-file-medical-fill::before { content: "\f3a0"; }
.bi-file-medical::before { content: "\f3a1"; }
.bi-file-minus-fill::before { content: "\f3a2"; }
.bi-file-minus::before { content: "\f3a3"; }
.bi-file-music-fill::before { content: "\f3a4"; }
.bi-file-music::before { content: "\f3a5"; }
.bi-file-person-fill::before { content: "\f3a6"; }
.bi-file-person::before { content: "\f3a7"; }
.bi-file-play-fill::before { content: "\f3a8"; }
.bi-file-play::before { content: "\f3a9"; }
.bi-file-plus-fill::before { content: "\f3aa"; }
.bi-file-plus::before { content: "\f3ab"; }
.bi-file-post-fill::before { content: "\f3ac"; }
.bi-file-post::before { content: "\f3ad"; }
.bi-file-ppt-fill::before { content: "\f3ae"; }
.bi-file-ppt::before { content: "\f3af"; }
.bi-file-richtext-fill::before { content: "\f3b0"; }
.bi-file-richtext::before { content: "\f3b1"; }
.bi-file-ruled-fill::before { content: "\f3b2"; }
.bi-file-ruled::before { content: "\f3b3"; }
.bi-file-slides-fill::before { content: "\f3b4"; }
.bi-file-slides::before { content: "\f3b5"; }
.bi-file-spreadsheet-fill::before { content: "\f3b6"; }
.bi-file-spreadsheet::before { content: "\f3b7"; }
.bi-file-text-fill::before { content: "\f3b8"; }
.bi-file-text::before { content: "\f3b9"; }
.bi-file-word-fill::before { content: "\f3ba"; }
.bi-file-word::before { content: "\f3bb"; }
.bi-file-x-fill::before { content: "\f3bc"; }
.bi-file-x::before { content: "\f3bd"; }
.bi-file-zip-fill::before { content: "\f3be"; }
.bi-file-zip::before { content: "\f3bf"; }
.bi-file::before { content: "\f3c0"; }
.bi-files-alt::before { content: "\f3c1"; }
.bi-files::before { content: "\f3c2"; }
.bi-film::before { content: "\f3c3"; }
.bi-filter-circle-fill::before { content: "\f3c4"; }
.bi-filter-circle::before { content: "\f3c5"; }
.bi-filter-left::before { content: "\f3c6"; }
.bi-filter-right::before { content: "\f3c7"; }
.bi-filter-square-fill::before { content: "\f3c8"; }
.bi-filter-square::before { content: "\f3c9"; }
.bi-filter::before { content: "\f3ca"; }
.bi-flag-fill::before { content: "\f3cb"; }
.bi-flag::before { content: "\f3cc"; }
.bi-flower1::before { content: "\f3cd"; }
.bi-flower2::before { content: "\f3ce"; }
.bi-flower3::before { content: "\f3cf"; }
.bi-folder-check::before { content: "\f3d0"; }
.bi-folder-fill::before { content: "\f3d1"; }
.bi-folder-minus::before { content: "\f3d2"; }
.bi-folder-plus::before { content: "\f3d3"; }
.bi-folder-symlink-fill::before { content: "\f3d4"; }
.bi-folder-symlink::before { content: "\f3d5"; }
.bi-folder-x::before { content: "\f3d6"; }
.bi-folder::before { content: "\f3d7"; }
.bi-folder2-open::before { content: "\f3d8"; }
.bi-folder2::before { content: "\f3d9"; }
.bi-fonts::before { content: "\f3da"; }
.bi-forward-fill::before { content: "\f3db"; }
.bi-forward::before { content: "\f3dc"; }
.bi-front::before { content: "\f3dd"; }
.bi-fullscreen-exit::before { content: "\f3de"; }
.bi-fullscreen::before { content: "\f3df"; }
.bi-funnel-fill::before { content: "\f3e0"; }
.bi-funnel::before { content: "\f3e1"; }
.bi-gear-fill::before { content: "\f3e2"; }
.bi-gear-wide-connected::before { content: "\f3e3"; }
.bi-gear-wide::before { content: "\f3e4"; }
.bi-gear::before { content: "\f3e5"; }
.bi-gem::before { content: "\f3e6"; }
.bi-geo-alt-fill::before { content: "\f3e7"; }
.bi-geo-alt::before { content: "\f3e8"; }
.bi-geo-fill::before { content: "\f3e9"; }
.bi-geo::before { content: "\f3ea"; }
.bi-gift-fill::before { content: "\f3eb"; }
.bi-gift::before { content: "\f3ec"; }
.bi-github::before { content: "\f3ed"; }
.bi-globe::before { content: "\f3ee"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-google::before { content: "\f3f0"; }
.bi-graph-down::before { content: "\f3f1"; }
.bi-graph-up::before { content: "\f3f2"; }
.bi-grid-1x2-fill::before { content: "\f3f3"; }
.bi-grid-1x2::before { content: "\f3f4"; }
.bi-grid-3x2-gap-fill::before { content: "\f3f5"; }
.bi-grid-3x2-gap::before { content: "\f3f6"; }
.bi-grid-3x2::before { content: "\f3f7"; }
.bi-grid-3x3-gap-fill::before { content: "\f3f8"; }
.bi-grid-3x3-gap::before { content: "\f3f9"; }
.bi-grid-3x3::before { content: "\f3fa"; }
.bi-grid-fill::before { content: "\f3fb"; }
.bi-grid::before { content: "\f3fc"; }
.bi-grip-horizontal::before { content: "\f3fd"; }
.bi-grip-vertical::before { content: "\f3fe"; }
.bi-hammer::before { content: "\f3ff"; }
.bi-hand-index-fill::before { content: "\f400"; }
.bi-hand-index-thumb-fill::before { content: "\f401"; }
.bi-hand-index-thumb::before { content: "\f402"; }
.bi-hand-index::before { content: "\f403"; }
.bi-hand-thumbs-down-fill::before { content: "\f404"; }
.bi-hand-thumbs-down::before { content: "\f405"; }
.bi-hand-thumbs-up-fill::before { content: "\f406"; }
.bi-hand-thumbs-up::before { content: "\f407"; }
.bi-handbag-fill::before { content: "\f408"; }
.bi-handbag::before { content: "\f409"; }
.bi-hash::before { content: "\f40a"; }
.bi-hdd-fill::before { content: "\f40b"; }
.bi-hdd-network-fill::before { content: "\f40c"; }
.bi-hdd-network::before { content: "\f40d"; }
.bi-hdd-rack-fill::before { content: "\f40e"; }
.bi-hdd-rack::before { content: "\f40f"; }
.bi-hdd-stack-fill::before { content: "\f410"; }
.bi-hdd-stack::before { content: "\f411"; }
.bi-hdd::before { content: "\f412"; }
.bi-headphones::before { content: "\f413"; }
.bi-headset::before { content: "\f414"; }
.bi-heart-fill::before { content: "\f415"; }
.bi-heart-half::before { content: "\f416"; }
.bi-heart::before { content: "\f417"; }
.bi-heptagon-fill::before { content: "\f418"; }
.bi-heptagon-half::before { content: "\f419"; }
.bi-heptagon::before { content: "\f41a"; }
.bi-hexagon-fill::before { content: "\f41b"; }
.bi-hexagon-half::before { content: "\f41c"; }
.bi-hexagon::before { content: "\f41d"; }
.bi-hourglass-bottom::before { content: "\f41e"; }
.bi-hourglass-split::before { content: "\f41f"; }
.bi-hourglass-top::before { content: "\f420"; }
.bi-hourglass::before { content: "\f421"; }
.bi-house-door-fill::before { content: "\f422"; }
.bi-house-door::before { content: "\f423"; }
.bi-house-fill::before { content: "\f424"; }
.bi-house::before { content: "\f425"; }
.bi-hr::before { content: "\f426"; }
.bi-hurricane::before { content: "\f427"; }
.bi-image-alt::before { content: "\f428"; }
.bi-image-fill::before { content: "\f429"; }
.bi-image::before { content: "\f42a"; }
.bi-images::before { content: "\f42b"; }
.bi-inbox-fill::before { content: "\f42c"; }
.bi-inbox::before { content: "\f42d"; }
.bi-inboxes-fill::before { content: "\f42e"; }
.bi-inboxes::before { content: "\f42f"; }
.bi-info-circle-fill::before { content: "\f430"; }
.bi-info-circle::before { content: "\f431"; }
.bi-info-square-fill::before { content: "\f432"; }
.bi-info-square::before { content: "\f433"; }
.bi-info::before { content: "\f434"; }
.bi-input-cursor-text::before { content: "\f435"; }
.bi-input-cursor::before { content: "\f436"; }
.bi-instagram::before { content: "\f437"; }
.bi-intersect::before { content: "\f438"; }
.bi-journal-album::before { content: "\f439"; }
.bi-journal-arrow-down::before { content: "\f43a"; }
.bi-journal-arrow-up::before { content: "\f43b"; }
.bi-journal-bookmark-fill::before { content: "\f43c"; }
.bi-journal-bookmark::before { content: "\f43d"; }
.bi-journal-check::before { content: "\f43e"; }
.bi-journal-code::before { content: "\f43f"; }
.bi-journal-medical::before { content: "\f440"; }
.bi-journal-minus::before { content: "\f441"; }
.bi-journal-plus::before { content: "\f442"; }
.bi-journal-richtext::before { content: "\f443"; }
.bi-journal-text::before { content: "\f444"; }
.bi-journal-x::before { content: "\f445"; }
.bi-journal::before { content: "\f446"; }
.bi-journals::before { content: "\f447"; }
.bi-joystick::before { content: "\f448"; }
.bi-justify-left::before { content: "\f449"; }
.bi-justify-right::before { content: "\f44a"; }
.bi-justify::before { content: "\f44b"; }
.bi-kanban-fill::before { content: "\f44c"; }
.bi-kanban::before { content: "\f44d"; }
.bi-key-fill::before { content: "\f44e"; }
.bi-key::before { content: "\f44f"; }
.bi-keyboard-fill::before { content: "\f450"; }
.bi-keyboard::before { content: "\f451"; }
.bi-ladder::before { content: "\f452"; }
.bi-lamp-fill::before { content: "\f453"; }
.bi-lamp::before { content: "\f454"; }
.bi-laptop-fill::before { content: "\f455"; }
.bi-laptop::before { content: "\f456"; }
.bi-layer-backward::before { content: "\f457"; }
.bi-layer-forward::before { content: "\f458"; }
.bi-layers-fill::before { content: "\f459"; }
.bi-layers-half::before { content: "\f45a"; }
.bi-layers::before { content: "\f45b"; }
.bi-layout-sidebar-inset-reverse::before { content: "\f45c"; }
.bi-layout-sidebar-inset::before { content: "\f45d"; }
.bi-layout-sidebar-reverse::before { content: "\f45e"; }
.bi-layout-sidebar::before { content: "\f45f"; }
.bi-layout-split::before { content: "\f460"; }
.bi-layout-text-sidebar-reverse::before { content: "\f461"; }
.bi-layout-text-sidebar::before { content: "\f462"; }
.bi-layout-text-window-reverse::before { content: "\f463"; }
.bi-layout-text-window::before { content: "\f464"; }
.bi-layout-three-columns::before { content: "\f465"; }
.bi-layout-wtf::before { content: "\f466"; }
.bi-life-preserver::before { content: "\f467"; }
.bi-lightbulb-fill::before { content: "\f468"; }
.bi-lightbulb-off-fill::before { content: "\f469"; }
.bi-lightbulb-off::before { content: "\f46a"; }
.bi-lightbulb::before { content: "\f46b"; }
.bi-lightning-charge-fill::before { content: "\f46c"; }
.bi-lightning-charge::before { content: "\f46d"; }
.bi-lightning-fill::before { content: "\f46e"; }
.bi-lightning::before { content: "\f46f"; }
.bi-link-45deg::before { content: "\f470"; }
.bi-link::before { content: "\f471"; }
.bi-linkedin::before { content: "\f472"; }
.bi-list-check::before { content: "\f473"; }
.bi-list-nested::before { content: "\f474"; }
.bi-list-ol::before { content: "\f475"; }
.bi-list-stars::before { content: "\f476"; }
.bi-list-task::before { content: "\f477"; }
.bi-list-ul::before { content: "\f478"; }
.bi-list::before { content: "\f479"; }
.bi-lock-fill::before { content: "\f47a"; }
.bi-lock::before { content: "\f47b"; }
.bi-mailbox::before { content: "\f47c"; }
.bi-mailbox2::before { content: "\f47d"; }
.bi-map-fill::before { content: "\f47e"; }
.bi-map::before { content: "\f47f"; }
.bi-markdown-fill::before { content: "\f480"; }
.bi-markdown::before { content: "\f481"; }
.bi-mask::before { content: "\f482"; }
.bi-megaphone-fill::before { content: "\f483"; }
.bi-megaphone::before { content: "\f484"; }
.bi-menu-app-fill::before { content: "\f485"; }
.bi-menu-app::before { content: "\f486"; }
.bi-menu-button-fill::before { content: "\f487"; }
.bi-menu-button-wide-fill::before { content: "\f488"; }
.bi-menu-button-wide::before { content: "\f489"; }
.bi-menu-button::before { content: "\f48a"; }
.bi-menu-down::before { content: "\f48b"; }
.bi-menu-up::before { content: "\f48c"; }
.bi-mic-fill::before { content: "\f48d"; }
.bi-mic-mute-fill::before { content: "\f48e"; }
.bi-mic-mute::before { content: "\f48f"; }
.bi-mic::before { content: "\f490"; }
.bi-minecart-loaded::before { content: "\f491"; }
.bi-minecart::before { content: "\f492"; }
.bi-moisture::before { content: "\f493"; }
.bi-moon-fill::before { content: "\f494"; }
.bi-moon-stars-fill::before { content: "\f495"; }
.bi-moon-stars::before { content: "\f496"; }
.bi-moon::before { content: "\f497"; }
.bi-mouse-fill::before { content: "\f498"; }
.bi-mouse::before { content: "\f499"; }
.bi-mouse2-fill::before { content: "\f49a"; }
.bi-mouse2::before { content: "\f49b"; }
.bi-mouse3-fill::before { content: "\f49c"; }
.bi-mouse3::before { content: "\f49d"; }
.bi-music-note-beamed::before { content: "\f49e"; }
.bi-music-note-list::before { content: "\f49f"; }
.bi-music-note::before { content: "\f4a0"; }
.bi-music-player-fill::before { content: "\f4a1"; }
.bi-music-player::before { content: "\f4a2"; }
.bi-newspaper::before { content: "\f4a3"; }
.bi-node-minus-fill::before { content: "\f4a4"; }
.bi-node-minus::before { content: "\f4a5"; }
.bi-node-plus-fill::before { content: "\f4a6"; }
.bi-node-plus::before { content: "\f4a7"; }
.bi-nut-fill::before { content: "\f4a8"; }
.bi-nut::before { content: "\f4a9"; }
.bi-octagon-fill::before { content: "\f4aa"; }
.bi-octagon-half::before { content: "\f4ab"; }
.bi-octagon::before { content: "\f4ac"; }
.bi-option::before { content: "\f4ad"; }
.bi-outlet::before { content: "\f4ae"; }
.bi-paint-bucket::before { content: "\f4af"; }
.bi-palette-fill::before { content: "\f4b0"; }
.bi-palette::before { content: "\f4b1"; }
.bi-palette2::before { content: "\f4b2"; }
.bi-paperclip::before { content: "\f4b3"; }
.bi-paragraph::before { content: "\f4b4"; }
.bi-patch-check-fill::before { content: "\f4b5"; }
.bi-patch-check::before { content: "\f4b6"; }
.bi-patch-exclamation-fill::before { content: "\f4b7"; }
.bi-patch-exclamation::before { content: "\f4b8"; }
.bi-patch-minus-fill::before { content: "\f4b9"; }
.bi-patch-minus::before { content: "\f4ba"; }
.bi-patch-plus-fill::before { content: "\f4bb"; }
.bi-patch-plus::before { content: "\f4bc"; }
.bi-patch-question-fill::before { content: "\f4bd"; }
.bi-patch-question::before { content: "\f4be"; }
.bi-pause-btn-fill::before { content: "\f4bf"; }
.bi-pause-btn::before { content: "\f4c0"; }
.bi-pause-circle-fill::before { content: "\f4c1"; }
.bi-pause-circle::before { content: "\f4c2"; }
.bi-pause-fill::before { content: "\f4c3"; }
.bi-pause::before { content: "\f4c4"; }
.bi-peace-fill::before { content: "\f4c5"; }
.bi-peace::before { content: "\f4c6"; }
.bi-pen-fill::before { content: "\f4c7"; }
.bi-pen::before { content: "\f4c8"; }
.bi-pencil-fill::before { content: "\f4c9"; }
.bi-pencil-square::before { content: "\f4ca"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-pentagon-fill::before { content: "\f4cc"; }
.bi-pentagon-half::before { content: "\f4cd"; }
.bi-pentagon::before { content: "\f4ce"; }
.bi-people-fill::before { content: "\f4cf"; }
.bi-people::before { content: "\f4d0"; }
.bi-percent::before { content: "\f4d1"; }
.bi-person-badge-fill::before { content: "\f4d2"; }
.bi-person-badge::before { content: "\f4d3"; }
.bi-person-bounding-box::before { content: "\f4d4"; }
.bi-person-check-fill::before { content: "\f4d5"; }
.bi-person-check::before { content: "\f4d6"; }
.bi-person-circle::before { content: "\f4d7"; }
.bi-person-dash-fill::before { content: "\f4d8"; }
.bi-person-dash::before { content: "\f4d9"; }
.bi-person-fill::before { content: "\f4da"; }
.bi-person-lines-fill::before { content: "\f4db"; }
.bi-person-plus-fill::before { content: "\f4dc"; }
.bi-person-plus::before { content: "\f4dd"; }
.bi-person-square::before { content: "\f4de"; }
.bi-person-x-fill::before { content: "\f4df"; }
.bi-person-x::before { content: "\f4e0"; }
.bi-person::before { content: "\f4e1"; }
.bi-phone-fill::before { content: "\f4e2"; }
.bi-phone-landscape-fill::before { content: "\f4e3"; }
.bi-phone-landscape::before { content: "\f4e4"; }
.bi-phone-vibrate-fill::before { content: "\f4e5"; }
.bi-phone-vibrate::before { content: "\f4e6"; }
.bi-phone::before { content: "\f4e7"; }
.bi-pie-chart-fill::before { content: "\f4e8"; }
.bi-pie-chart::before { content: "\f4e9"; }
.bi-pin-angle-fill::before { content: "\f4ea"; }
.bi-pin-angle::before { content: "\f4eb"; }
.bi-pin-fill::before { content: "\f4ec"; }
.bi-pin::before { content: "\f4ed"; }
.bi-pip-fill::before { content: "\f4ee"; }
.bi-pip::before { content: "\f4ef"; }
.bi-play-btn-fill::before { content: "\f4f0"; }
.bi-play-btn::before { content: "\f4f1"; }
.bi-play-circle-fill::before { content: "\f4f2"; }
.bi-play-circle::before { content: "\f4f3"; }
.bi-play-fill::before { content: "\f4f4"; }
.bi-play::before { content: "\f4f5"; }
.bi-plug-fill::before { content: "\f4f6"; }
.bi-plug::before { content: "\f4f7"; }
.bi-plus-circle-dotted::before { content: "\f4f8"; }
.bi-plus-circle-fill::before { content: "\f4f9"; }
.bi-plus-circle::before { content: "\f4fa"; }
.bi-plus-square-dotted::before { content: "\f4fb"; }
.bi-plus-square-fill::before { content: "\f4fc"; }
.bi-plus-square::before { content: "\f4fd"; }
.bi-plus::before { content: "\f4fe"; }
.bi-power::before { content: "\f4ff"; }
.bi-printer-fill::before { content: "\f500"; }
.bi-printer::before { content: "\f501"; }
.bi-puzzle-fill::before { content: "\f502"; }
.bi-puzzle::before { content: "\f503"; }
.bi-question-circle-fill::before { content: "\f504"; }
.bi-question-circle::before { content: "\f505"; }
.bi-question-diamond-fill::before { content: "\f506"; }
.bi-question-diamond::before { content: "\f507"; }
.bi-question-octagon-fill::before { content: "\f508"; }
.bi-question-octagon::before { content: "\f509"; }
.bi-question-square-fill::before { content: "\f50a"; }
.bi-question-square::before { content: "\f50b"; }
.bi-question::before { content: "\f50c"; }
.bi-rainbow::before { content: "\f50d"; }
.bi-receipt-cutoff::before { content: "\f50e"; }
.bi-receipt::before { content: "\f50f"; }
.bi-reception-0::before { content: "\f510"; }
.bi-reception-1::before { content: "\f511"; }
.bi-reception-2::before { content: "\f512"; }
.bi-reception-3::before { content: "\f513"; }
.bi-reception-4::before { content: "\f514"; }
.bi-record-btn-fill::before { content: "\f515"; }
.bi-record-btn::before { content: "\f516"; }
.bi-record-circle-fill::before { content: "\f517"; }
.bi-record-circle::before { content: "\f518"; }
.bi-record-fill::before { content: "\f519"; }
.bi-record::before { content: "\f51a"; }
.bi-record2-fill::before { content: "\f51b"; }
.bi-record2::before { content: "\f51c"; }
.bi-reply-all-fill::before { content: "\f51d"; }
.bi-reply-all::before { content: "\f51e"; }
.bi-reply-fill::before { content: "\f51f"; }
.bi-reply::before { content: "\f520"; }
.bi-rss-fill::before { content: "\f521"; }
.bi-rss::before { content: "\f522"; }
.bi-rulers::before { content: "\f523"; }
.bi-save-fill::before { content: "\f524"; }
.bi-save::before { content: "\f525"; }
.bi-save2-fill::before { content: "\f526"; }
.bi-save2::before { content: "\f527"; }
.bi-scissors::before { content: "\f528"; }
.bi-screwdriver::before { content: "\f529"; }
.bi-search::before { content: "\f52a"; }
.bi-segmented-nav::before { content: "\f52b"; }
.bi-server::before { content: "\f52c"; }
.bi-share-fill::before { content: "\f52d"; }
.bi-share::before { content: "\f52e"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-shield-exclamation::before { content: "\f530"; }
.bi-shield-fill-check::before { content: "\f531"; }
.bi-shield-fill-exclamation::before { content: "\f532"; }
.bi-shield-fill-minus::before { content: "\f533"; }
.bi-shield-fill-plus::before { content: "\f534"; }
.bi-shield-fill-x::before { content: "\f535"; }
.bi-shield-fill::before { content: "\f536"; }
.bi-shield-lock-fill::before { content: "\f537"; }
.bi-shield-lock::before { content: "\f538"; }
.bi-shield-minus::before { content: "\f539"; }
.bi-shield-plus::before { content: "\f53a"; }
.bi-shield-shaded::before { content: "\f53b"; }
.bi-shield-slash-fill::before { content: "\f53c"; }
.bi-shield-slash::before { content: "\f53d"; }
.bi-shield-x::before { content: "\f53e"; }
.bi-shield::before { content: "\f53f"; }
.bi-shift-fill::before { content: "\f540"; }
.bi-shift::before { content: "\f541"; }
.bi-shop-window::before { content: "\f542"; }
.bi-shop::before { content: "\f543"; }
.bi-shuffle::before { content: "\f544"; }
.bi-signpost-2-fill::before { content: "\f545"; }
.bi-signpost-2::before { content: "\f546"; }
.bi-signpost-fill::before { content: "\f547"; }
.bi-signpost-split-fill::before { content: "\f548"; }
.bi-signpost-split::before { content: "\f549"; }
.bi-signpost::before { content: "\f54a"; }
.bi-sim-fill::before { content: "\f54b"; }
.bi-sim::before { content: "\f54c"; }
.bi-skip-backward-btn-fill::before { content: "\f54d"; }
.bi-skip-backward-btn::before { content: "\f54e"; }
.bi-skip-backward-circle-fill::before { content: "\f54f"; }
.bi-skip-backward-circle::before { content: "\f550"; }
.bi-skip-backward-fill::before { content: "\f551"; }
.bi-skip-backward::before { content: "\f552"; }
.bi-skip-end-btn-fill::before { content: "\f553"; }
.bi-skip-end-btn::before { content: "\f554"; }
.bi-skip-end-circle-fill::before { content: "\f555"; }
.bi-skip-end-circle::before { content: "\f556"; }
.bi-skip-end-fill::before { content: "\f557"; }
.bi-skip-end::before { content: "\f558"; }
.bi-skip-forward-btn-fill::before { content: "\f559"; }
.bi-skip-forward-btn::before { content: "\f55a"; }
.bi-skip-forward-circle-fill::before { content: "\f55b"; }
.bi-skip-forward-circle::before { content: "\f55c"; }
.bi-skip-forward-fill::before { content: "\f55d"; }
.bi-skip-forward::before { content: "\f55e"; }
.bi-skip-start-btn-fill::before { content: "\f55f"; }
.bi-skip-start-btn::before { content: "\f560"; }
.bi-skip-start-circle-fill::before { content: "\f561"; }
.bi-skip-start-circle::before { content: "\f562"; }
.bi-skip-start-fill::before { content: "\f563"; }
.bi-skip-start::before { content: "\f564"; }
.bi-slack::before { content: "\f565"; }
.bi-slash-circle-fill::before { content: "\f566"; }
.bi-slash-circle::before { content: "\f567"; }
.bi-slash-square-fill::before { content: "\f568"; }
.bi-slash-square::before { content: "\f569"; }
.bi-slash::before { content: "\f56a"; }
.bi-sliders::before { content: "\f56b"; }
.bi-smartwatch::before { content: "\f56c"; }
.bi-snow::before { content: "\f56d"; }
.bi-snow2::before { content: "\f56e"; }
.bi-snow3::before { content: "\f56f"; }
.bi-sort-alpha-down-alt::before { content: "\f570"; }
.bi-sort-alpha-down::before { content: "\f571"; }
.bi-sort-alpha-up-alt::before { content: "\f572"; }
.bi-sort-alpha-up::before { content: "\f573"; }
.bi-sort-down-alt::before { content: "\f574"; }
.bi-sort-down::before { content: "\f575"; }
.bi-sort-numeric-down-alt::before { content: "\f576"; }
.bi-sort-numeric-down::before { content: "\f577"; }
.bi-sort-numeric-up-alt::before { content: "\f578"; }
.bi-sort-numeric-up::before { content: "\f579"; }
.bi-sort-up-alt::before { content: "\f57a"; }
.bi-sort-up::before { content: "\f57b"; }
.bi-soundwave::before { content: "\f57c"; }
.bi-speaker-fill::before { content: "\f57d"; }
.bi-speaker::before { content: "\f57e"; }
.bi-speedometer::before { content: "\f57f"; }
.bi-speedometer2::before { content: "\f580"; }
.bi-spellcheck::before { content: "\f581"; }
.bi-square-fill::before { content: "\f582"; }
.bi-square-half::before { content: "\f583"; }
.bi-square::before { content: "\f584"; }
.bi-stack::before { content: "\f585"; }
.bi-star-fill::before { content: "\f586"; }
.bi-star-half::before { content: "\f587"; }
.bi-star::before { content: "\f588"; }
.bi-stars::before { content: "\f589"; }
.bi-stickies-fill::before { content: "\f58a"; }
.bi-stickies::before { content: "\f58b"; }
.bi-sticky-fill::before { content: "\f58c"; }
.bi-sticky::before { content: "\f58d"; }
.bi-stop-btn-fill::before { content: "\f58e"; }
.bi-stop-btn::before { content: "\f58f"; }
.bi-stop-circle-fill::before { content: "\f590"; }
.bi-stop-circle::before { content: "\f591"; }
.bi-stop-fill::before { content: "\f592"; }
.bi-stop::before { content: "\f593"; }
.bi-stoplights-fill::before { content: "\f594"; }
.bi-stoplights::before { content: "\f595"; }
.bi-stopwatch-fill::before { content: "\f596"; }
.bi-stopwatch::before { content: "\f597"; }
.bi-subtract::before { content: "\f598"; }
.bi-suit-club-fill::before { content: "\f599"; }
.bi-suit-club::before { content: "\f59a"; }
.bi-suit-diamond-fill::before { content: "\f59b"; }
.bi-suit-diamond::before { content: "\f59c"; }
.bi-suit-heart-fill::before { content: "\f59d"; }
.bi-suit-heart::before { content: "\f59e"; }
.bi-suit-spade-fill::before { content: "\f59f"; }
.bi-suit-spade::before { content: "\f5a0"; }
.bi-sun-fill::before { content: "\f5a1"; }
.bi-sun::before { content: "\f5a2"; }
.bi-sunglasses::before { content: "\f5a3"; }
.bi-sunrise-fill::before { content: "\f5a4"; }
.bi-sunrise::before { content: "\f5a5"; }
.bi-sunset-fill::before { content: "\f5a6"; }
.bi-sunset::before { content: "\f5a7"; }
.bi-symmetry-horizontal::before { content: "\f5a8"; }
.bi-symmetry-vertical::before { content: "\f5a9"; }
.bi-table::before { content: "\f5aa"; }
.bi-tablet-fill::before { content: "\f5ab"; }
.bi-tablet-landscape-fill::before { content: "\f5ac"; }
.bi-tablet-landscape::before { content: "\f5ad"; }
.bi-tablet::before { content: "\f5ae"; }
.bi-tag-fill::before { content: "\f5af"; }
.bi-tag::before { content: "\f5b0"; }
.bi-tags-fill::before { content: "\f5b1"; }
.bi-tags::before { content: "\f5b2"; }
.bi-telegram::before { content: "\f5b3"; }
.bi-telephone-fill::before { content: "\f5b4"; }
.bi-telephone-forward-fill::before { content: "\f5b5"; }
.bi-telephone-forward::before { content: "\f5b6"; }
.bi-telephone-inbound-fill::before { content: "\f5b7"; }
.bi-telephone-inbound::before { content: "\f5b8"; }
.bi-telephone-minus-fill::before { content: "\f5b9"; }
.bi-telephone-minus::before { content: "\f5ba"; }
.bi-telephone-outbound-fill::before { content: "\f5bb"; }
.bi-telephone-outbound::before { content: "\f5bc"; }
.bi-telephone-plus-fill::before { content: "\f5bd"; }
.bi-telephone-plus::before { content: "\f5be"; }
.bi-telephone-x-fill::before { content: "\f5bf"; }
.bi-telephone-x::before { content: "\f5c0"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-terminal-fill::before { content: "\f5c2"; }
.bi-terminal::before { content: "\f5c3"; }
.bi-text-center::before { content: "\f5c4"; }
.bi-text-indent-left::before { content: "\f5c5"; }
.bi-text-indent-right::before { content: "\f5c6"; }
.bi-text-left::before { content: "\f5c7"; }
.bi-text-paragraph::before { content: "\f5c8"; }
.bi-text-right::before { content: "\f5c9"; }
.bi-textarea-resize::before { content: "\f5ca"; }
.bi-textarea-t::before { content: "\f5cb"; }
.bi-textarea::before { content: "\f5cc"; }
.bi-thermometer-half::before { content: "\f5cd"; }
.bi-thermometer-high::before { content: "\f5ce"; }
.bi-thermometer-low::before { content: "\f5cf"; }
.bi-thermometer-snow::before { content: "\f5d0"; }
.bi-thermometer-sun::before { content: "\f5d1"; }
.bi-thermometer::before { content: "\f5d2"; }
.bi-three-dots-vertical::before { content: "\f5d3"; }
.bi-three-dots::before { content: "\f5d4"; }
.bi-toggle-off::before { content: "\f5d5"; }
.bi-toggle-on::before { content: "\f5d6"; }
.bi-toggle2-off::before { content: "\f5d7"; }
.bi-toggle2-on::before { content: "\f5d8"; }
.bi-toggles::before { content: "\f5d9"; }
.bi-toggles2::before { content: "\f5da"; }
.bi-tools::before { content: "\f5db"; }
.bi-tornado::before { content: "\f5dc"; }
.bi-trash-fill::before { content: "\f5dd"; }
.bi-trash::before { content: "\f5de"; }
.bi-trash2-fill::before { content: "\f5df"; }
.bi-trash2::before { content: "\f5e0"; }
.bi-tree-fill::before { content: "\f5e1"; }
.bi-tree::before { content: "\f5e2"; }
.bi-triangle-fill::before { content: "\f5e3"; }
.bi-triangle-half::before { content: "\f5e4"; }
.bi-triangle::before { content: "\f5e5"; }
.bi-trophy-fill::before { content: "\f5e6"; }
.bi-trophy::before { content: "\f5e7"; }
.bi-tropical-storm::before { content: "\f5e8"; }
.bi-truck-flatbed::before { content: "\f5e9"; }
.bi-truck::before { content: "\f5ea"; }
.bi-tsunami::before { content: "\f5eb"; }
.bi-tv-fill::before { content: "\f5ec"; }
.bi-tv::before { content: "\f5ed"; }
.bi-twitch::before { content: "\f5ee"; }
.bi-twitter::before { content: "\f5ef"; }
.bi-type-bold::before { content: "\f5f0"; }
.bi-type-h1::before { content: "\f5f1"; }
.bi-type-h2::before { content: "\f5f2"; }
.bi-type-h3::before { content: "\f5f3"; }
.bi-type-italic::before { content: "\f5f4"; }
.bi-type-strikethrough::before { content: "\f5f5"; }
.bi-type-underline::before { content: "\f5f6"; }
.bi-type::before { content: "\f5f7"; }
.bi-ui-checks-grid::before { content: "\f5f8"; }
.bi-ui-checks::before { content: "\f5f9"; }
.bi-ui-radios-grid::before { content: "\f5fa"; }
.bi-ui-radios::before { content: "\f5fb"; }
.bi-umbrella-fill::before { content: "\f5fc"; }
.bi-umbrella::before { content: "\f5fd"; }
.bi-union::before { content: "\f5fe"; }
.bi-unlock-fill::before { content: "\f5ff"; }
.bi-unlock::before { content: "\f600"; }
.bi-upc-scan::before { content: "\f601"; }
.bi-upc::before { content: "\f602"; }
.bi-upload::before { content: "\f603"; }
.bi-vector-pen::before { content: "\f604"; }
.bi-view-list::before { content: "\f605"; }
.bi-view-stacked::before { content: "\f606"; }
.bi-vinyl-fill::before { content: "\f607"; }
.bi-vinyl::before { content: "\f608"; }
.bi-voicemail::before { content: "\f609"; }
.bi-volume-down-fill::before { content: "\f60a"; }
.bi-volume-down::before { content: "\f60b"; }
.bi-volume-mute-fill::before { content: "\f60c"; }
.bi-volume-mute::before { content: "\f60d"; }
.bi-volume-off-fill::before { content: "\f60e"; }
.bi-volume-off::before { content: "\f60f"; }
.bi-volume-up-fill::before { content: "\f610"; }
.bi-volume-up::before { content: "\f611"; }
.bi-vr::before { content: "\f612"; }
.bi-wallet-fill::before { content: "\f613"; }
.bi-wallet::before { content: "\f614"; }
.bi-wallet2::before { content: "\f615"; }
.bi-watch::before { content: "\f616"; }
.bi-water::before { content: "\f617"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-wifi-1::before { content: "\f619"; }
.bi-wifi-2::before { content: "\f61a"; }
.bi-wifi-off::before { content: "\f61b"; }
.bi-wifi::before { content: "\f61c"; }
.bi-wind::before { content: "\f61d"; }
.bi-window-dock::before { content: "\f61e"; }
.bi-window-sidebar::before { content: "\f61f"; }
.bi-window::before { content: "\f620"; }
.bi-wrench::before { content: "\f621"; }
.bi-x-circle-fill::before { content: "\f622"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-diamond-fill::before { content: "\f624"; }
.bi-x-diamond::before { content: "\f625"; }
.bi-x-octagon-fill::before { content: "\f626"; }
.bi-x-octagon::before { content: "\f627"; }
.bi-x-square-fill::before { content: "\f628"; }
.bi-x-square::before { content: "\f629"; }
.bi-x::before { content: "\f62a"; }
.bi-youtube::before { content: "\f62b"; }
.bi-zoom-in::before { content: "\f62c"; }
.bi-zoom-out::before { content: "\f62d"; }
.bi-bank::before { content: "\f62e"; }
.bi-bank2::before { content: "\f62f"; }
.bi-bell-slash-fill::before { content: "\f630"; }
.bi-bell-slash::before { content: "\f631"; }
.bi-cash-coin::before { content: "\f632"; }
.bi-check-lg::before { content: "\f633"; }
.bi-coin::before { content: "\f634"; }
.bi-currency-bitcoin::before { content: "\f635"; }
.bi-currency-dollar::before { content: "\f636"; }
.bi-currency-euro::before { content: "\f637"; }
.bi-currency-exchange::before { content: "\f638"; }
.bi-currency-pound::before { content: "\f639"; }
.bi-currency-yen::before { content: "\f63a"; }
.bi-dash-lg::before { content: "\f63b"; }
.bi-exclamation-lg::before { content: "\f63c"; }
.bi-file-earmark-pdf-fill::before { content: "\f63d"; }
.bi-file-earmark-pdf::before { content: "\f63e"; }
.bi-file-pdf-fill::before { content: "\f63f"; }
.bi-file-pdf::before { content: "\f640"; }
.bi-gender-ambiguous::before { content: "\f641"; }
.bi-gender-female::before { content: "\f642"; }
.bi-gender-male::before { content: "\f643"; }
.bi-gender-trans::before { content: "\f644"; }
.bi-headset-vr::before { content: "\f645"; }
.bi-info-lg::before { content: "\f646"; }
.bi-mastodon::before { content: "\f647"; }
.bi-messenger::before { content: "\f648"; }
.bi-piggy-bank-fill::before { content: "\f649"; }
.bi-piggy-bank::before { content: "\f64a"; }
.bi-pin-map-fill::before { content: "\f64b"; }
.bi-pin-map::before { content: "\f64c"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-question-lg::before { content: "\f64e"; }
.bi-recycle::before { content: "\f64f"; }
.bi-reddit::before { content: "\f650"; }
.bi-safe-fill::before { content: "\f651"; }
.bi-safe2-fill::before { content: "\f652"; }
.bi-safe2::before { content: "\f653"; }
.bi-sd-card-fill::before { content: "\f654"; }
.bi-sd-card::before { content: "\f655"; }
.bi-skype::before { content: "\f656"; }
.bi-slash-lg::before { content: "\f657"; }
.bi-translate::before { content: "\f658"; }
.bi-x-lg::before { content: "\f659"; }
.bi-safe::before { content: "\f65a"; }
.bi-apple::before { content: "\f65b"; }
.bi-microsoft::before { content: "\f65d"; }
.bi-windows::before { content: "\f65e"; }
.bi-behance::before { content: "\f65c"; }
.bi-dribbble::before { content: "\f65f"; }
.bi-line::before { content: "\f660"; }
.bi-medium::before { content: "\f661"; }
.bi-paypal::before { content: "\f662"; }
.bi-pinterest::before { content: "\f663"; }
.bi-signal::before { content: "\f664"; }
.bi-snapchat::before { content: "\f665"; }
.bi-spotify::before { content: "\f666"; }
.bi-stack-overflow::before { content: "\f667"; }
.bi-strava::before { content: "\f668"; }
.bi-wordpress::before { content: "\f669"; }
.bi-vimeo::before { content: "\f66a"; }
.bi-activity::before { content: "\f66b"; }
.bi-easel2-fill::before { content: "\f66c"; }
.bi-easel2::before { content: "\f66d"; }
.bi-easel3-fill::before { content: "\f66e"; }
.bi-easel3::before { content: "\f66f"; }
.bi-fan::before { content: "\f670"; }
.bi-fingerprint::before { content: "\f671"; }
.bi-graph-down-arrow::before { content: "\f672"; }
.bi-graph-up-arrow::before { content: "\f673"; }
.bi-hypnotize::before { content: "\f674"; }
.bi-magic::before { content: "\f675"; }
.bi-person-rolodex::before { content: "\f676"; }
.bi-person-video::before { content: "\f677"; }
.bi-person-video2::before { content: "\f678"; }
.bi-person-video3::before { content: "\f679"; }
.bi-person-workspace::before { content: "\f67a"; }
.bi-radioactive::before { content: "\f67b"; }
.bi-webcam-fill::before { content: "\f67c"; }
.bi-webcam::before { content: "\f67d"; }
.bi-yin-yang::before { content: "\f67e"; }
.bi-bandaid-fill::before { content: "\f680"; }
.bi-bandaid::before { content: "\f681"; }
.bi-bluetooth::before { content: "\f682"; }
.bi-body-text::before { content: "\f683"; }
.bi-boombox::before { content: "\f684"; }
.bi-boxes::before { content: "\f685"; }
.bi-dpad-fill::before { content: "\f686"; }
.bi-dpad::before { content: "\f687"; }
.bi-ear-fill::before { content: "\f688"; }
.bi-ear::before { content: "\f689"; }
.bi-envelope-check-fill::before { content: "\f68b"; }
.bi-envelope-check::before { content: "\f68c"; }
.bi-envelope-dash-fill::before { content: "\f68e"; }
.bi-envelope-dash::before { content: "\f68f"; }
.bi-envelope-exclamation-fill::before { content: "\f691"; }
.bi-envelope-exclamation::before { content: "\f692"; }
.bi-envelope-plus-fill::before { content: "\f693"; }
.bi-envelope-plus::before { content: "\f694"; }
.bi-envelope-slash-fill::before { content: "\f696"; }
.bi-envelope-slash::before { content: "\f697"; }
.bi-envelope-x-fill::before { content: "\f699"; }
.bi-envelope-x::before { content: "\f69a"; }
.bi-explicit-fill::before { content: "\f69b"; }
.bi-explicit::before { content: "\f69c"; }
.bi-git::before { content: "\f69d"; }
.bi-infinity::before { content: "\f69e"; }
.bi-list-columns-reverse::before { content: "\f69f"; }
.bi-list-columns::before { content: "\f6a0"; }
.bi-meta::before { content: "\f6a1"; }
.bi-nintendo-switch::before { content: "\f6a4"; }
.bi-pc-display-horizontal::before { content: "\f6a5"; }
.bi-pc-display::before { content: "\f6a6"; }
.bi-pc-horizontal::before { content: "\f6a7"; }
.bi-pc::before { content: "\f6a8"; }
.bi-playstation::before { content: "\f6a9"; }
.bi-plus-slash-minus::before { content: "\f6aa"; }
.bi-projector-fill::before { content: "\f6ab"; }
.bi-projector::before { content: "\f6ac"; }
.bi-qr-code-scan::before { content: "\f6ad"; }
.bi-qr-code::before { content: "\f6ae"; }
.bi-quora::before { content: "\f6af"; }
.bi-quote::before { content: "\f6b0"; }
.bi-robot::before { content: "\f6b1"; }
.bi-send-check-fill::before { content: "\f6b2"; }
.bi-send-check::before { content: "\f6b3"; }
.bi-send-dash-fill::before { content: "\f6b4"; }
.bi-send-dash::before { content: "\f6b5"; }
.bi-send-exclamation-fill::before { content: "\f6b7"; }
.bi-send-exclamation::before { content: "\f6b8"; }
.bi-send-fill::before { content: "\f6b9"; }
.bi-send-plus-fill::before { content: "\f6ba"; }
.bi-send-plus::before { content: "\f6bb"; }
.bi-send-slash-fill::before { content: "\f6bc"; }
.bi-send-slash::before { content: "\f6bd"; }
.bi-send-x-fill::before { content: "\f6be"; }
.bi-send-x::before { content: "\f6bf"; }
.bi-send::before { content: "\f6c0"; }
.bi-steam::before { content: "\f6c1"; }
.bi-terminal-dash::before { content: "\f6c3"; }
.bi-terminal-plus::before { content: "\f6c4"; }
.bi-terminal-split::before { content: "\f6c5"; }
.bi-ticket-detailed-fill::before { content: "\f6c6"; }
.bi-ticket-detailed::before { content: "\f6c7"; }
.bi-ticket-fill::before { content: "\f6c8"; }
.bi-ticket-perforated-fill::before { content: "\f6c9"; }
.bi-ticket-perforated::before { content: "\f6ca"; }
.bi-ticket::before { content: "\f6cb"; }
.bi-tiktok::before { content: "\f6cc"; }
.bi-window-dash::before { content: "\f6cd"; }
.bi-window-desktop::before { content: "\f6ce"; }
.bi-window-fullscreen::before { content: "\f6cf"; }
.bi-window-plus::before { content: "\f6d0"; }
.bi-window-split::before { content: "\f6d1"; }
.bi-window-stack::before { content: "\f6d2"; }
.bi-window-x::before { content: "\f6d3"; }
.bi-xbox::before { content: "\f6d4"; }
.bi-ethernet::before { content: "\f6d5"; }
.bi-hdmi-fill::before { content: "\f6d6"; }
.bi-hdmi::before { content: "\f6d7"; }
.bi-usb-c-fill::before { content: "\f6d8"; }
.bi-usb-c::before { content: "\f6d9"; }
.bi-usb-fill::before { content: "\f6da"; }
.bi-usb-plug-fill::before { content: "\f6db"; }
.bi-usb-plug::before { content: "\f6dc"; }
.bi-usb-symbol::before { content: "\f6dd"; }
.bi-usb::before { content: "\f6de"; }
.bi-boombox-fill::before { content: "\f6df"; }
.bi-displayport::before { content: "\f6e1"; }
.bi-gpu-card::before { content: "\f6e2"; }
.bi-memory::before { content: "\f6e3"; }
.bi-modem-fill::before { content: "\f6e4"; }
.bi-modem::before { content: "\f6e5"; }
.bi-motherboard-fill::before { content: "\f6e6"; }
.bi-motherboard::before { content: "\f6e7"; }
.bi-optical-audio-fill::before { content: "\f6e8"; }
.bi-optical-audio::before { content: "\f6e9"; }
.bi-pci-card::before { content: "\f6ea"; }
.bi-router-fill::before { content: "\f6eb"; }
.bi-router::before { content: "\f6ec"; }
.bi-thunderbolt-fill::before { content: "\f6ef"; }
.bi-thunderbolt::before { content: "\f6f0"; }
.bi-usb-drive-fill::before { content: "\f6f1"; }
.bi-usb-drive::before { content: "\f6f2"; }
.bi-usb-micro-fill::before { content: "\f6f3"; }
.bi-usb-micro::before { content: "\f6f4"; }
.bi-usb-mini-fill::before { content: "\f6f5"; }
.bi-usb-mini::before { content: "\f6f6"; }
.bi-cloud-haze2::before { content: "\f6f7"; }
.bi-device-hdd-fill::before { content: "\f6f8"; }
.bi-device-hdd::before { content: "\f6f9"; }
.bi-device-ssd-fill::before { content: "\f6fa"; }
.bi-device-ssd::before { content: "\f6fb"; }
.bi-displayport-fill::before { content: "\f6fc"; }
.bi-mortarboard-fill::before { content: "\f6fd"; }
.bi-mortarboard::before { content: "\f6fe"; }
.bi-terminal-x::before { content: "\f6ff"; }
.bi-arrow-through-heart-fill::before { content: "\f700"; }
.bi-arrow-through-heart::before { content: "\f701"; }
.bi-badge-sd-fill::before { content: "\f702"; }
.bi-badge-sd::before { content: "\f703"; }
.bi-bag-heart-fill::before { content: "\f704"; }
.bi-bag-heart::before { content: "\f705"; }
.bi-balloon-fill::before { content: "\f706"; }
.bi-balloon-heart-fill::before { content: "\f707"; }
.bi-balloon-heart::before { content: "\f708"; }
.bi-balloon::before { content: "\f709"; }
.bi-box2-fill::before { content: "\f70a"; }
.bi-box2-heart-fill::before { content: "\f70b"; }
.bi-box2-heart::before { content: "\f70c"; }
.bi-box2::before { content: "\f70d"; }
.bi-braces-asterisk::before { content: "\f70e"; }
.bi-calendar-heart-fill::before { content: "\f70f"; }
.bi-calendar-heart::before { content: "\f710"; }
.bi-calendar2-heart-fill::before { content: "\f711"; }
.bi-calendar2-heart::before { content: "\f712"; }
.bi-chat-heart-fill::before { content: "\f713"; }
.bi-chat-heart::before { content: "\f714"; }
.bi-chat-left-heart-fill::before { content: "\f715"; }
.bi-chat-left-heart::before { content: "\f716"; }
.bi-chat-right-heart-fill::before { content: "\f717"; }
.bi-chat-right-heart::before { content: "\f718"; }
.bi-chat-square-heart-fill::before { content: "\f719"; }
.bi-chat-square-heart::before { content: "\f71a"; }
.bi-clipboard-check-fill::before { content: "\f71b"; }
.bi-clipboard-data-fill::before { content: "\f71c"; }
.bi-clipboard-fill::before { content: "\f71d"; }
.bi-clipboard-heart-fill::before { content: "\f71e"; }
.bi-clipboard-heart::before { content: "\f71f"; }
.bi-clipboard-minus-fill::before { content: "\f720"; }
.bi-clipboard-plus-fill::before { content: "\f721"; }
.bi-clipboard-pulse::before { content: "\f722"; }
.bi-clipboard-x-fill::before { content: "\f723"; }
.bi-clipboard2-check-fill::before { content: "\f724"; }
.bi-clipboard2-check::before { content: "\f725"; }
.bi-clipboard2-data-fill::before { content: "\f726"; }
.bi-clipboard2-data::before { content: "\f727"; }
.bi-clipboard2-fill::before { content: "\f728"; }
.bi-clipboard2-heart-fill::before { content: "\f729"; }
.bi-clipboard2-heart::before { content: "\f72a"; }
.bi-clipboard2-minus-fill::before { content: "\f72b"; }
.bi-clipboard2-minus::before { content: "\f72c"; }
.bi-clipboard2-plus-fill::before { content: "\f72d"; }
.bi-clipboard2-plus::before { content: "\f72e"; }
.bi-clipboard2-pulse-fill::before { content: "\f72f"; }
.bi-clipboard2-pulse::before { content: "\f730"; }
.bi-clipboard2-x-fill::before { content: "\f731"; }
.bi-clipboard2-x::before { content: "\f732"; }
.bi-clipboard2::before { content: "\f733"; }
.bi-emoji-kiss-fill::before { content: "\f734"; }
.bi-emoji-kiss::before { content: "\f735"; }
.bi-envelope-heart-fill::before { content: "\f736"; }
.bi-envelope-heart::before { content: "\f737"; }
.bi-envelope-open-heart-fill::before { content: "\f738"; }
.bi-envelope-open-heart::before { content: "\f739"; }
.bi-envelope-paper-fill::before { content: "\f73a"; }
.bi-envelope-paper-heart-fill::before { content: "\f73b"; }
.bi-envelope-paper-heart::before { content: "\f73c"; }
.bi-envelope-paper::before { content: "\f73d"; }
.bi-filetype-aac::before { content: "\f73e"; }
.bi-filetype-ai::before { content: "\f73f"; }
.bi-filetype-bmp::before { content: "\f740"; }
.bi-filetype-cs::before { content: "\f741"; }
.bi-filetype-css::before { content: "\f742"; }
.bi-filetype-csv::before { content: "\f743"; }
.bi-filetype-doc::before { content: "\f744"; }
.bi-filetype-docx::before { content: "\f745"; }
.bi-filetype-exe::before { content: "\f746"; }
.bi-filetype-gif::before { content: "\f747"; }
.bi-filetype-heic::before { content: "\f748"; }
.bi-filetype-html::before { content: "\f749"; }
.bi-filetype-java::before { content: "\f74a"; }
.bi-filetype-jpg::before { content: "\f74b"; }
.bi-filetype-js::before { content: "\f74c"; }
.bi-filetype-jsx::before { content: "\f74d"; }
.bi-filetype-key::before { content: "\f74e"; }
.bi-filetype-m4p::before { content: "\f74f"; }
.bi-filetype-md::before { content: "\f750"; }
.bi-filetype-mdx::before { content: "\f751"; }
.bi-filetype-mov::before { content: "\f752"; }
.bi-filetype-mp3::before { content: "\f753"; }
.bi-filetype-mp4::before { content: "\f754"; }
.bi-filetype-otf::before { content: "\f755"; }
.bi-filetype-pdf::before { content: "\f756"; }
.bi-filetype-php::before { content: "\f757"; }
.bi-filetype-png::before { content: "\f758"; }
.bi-filetype-ppt::before { content: "\f75a"; }
.bi-filetype-psd::before { content: "\f75b"; }
.bi-filetype-py::before { content: "\f75c"; }
.bi-filetype-raw::before { content: "\f75d"; }
.bi-filetype-rb::before { content: "\f75e"; }
.bi-filetype-sass::before { content: "\f75f"; }
.bi-filetype-scss::before { content: "\f760"; }
.bi-filetype-sh::before { content: "\f761"; }
.bi-filetype-svg::before { content: "\f762"; }
.bi-filetype-tiff::before { content: "\f763"; }
.bi-filetype-tsx::before { content: "\f764"; }
.bi-filetype-ttf::before { content: "\f765"; }
.bi-filetype-txt::before { content: "\f766"; }
.bi-filetype-wav::before { content: "\f767"; }
.bi-filetype-woff::before { content: "\f768"; }
.bi-filetype-xls::before { content: "\f76a"; }
.bi-filetype-xml::before { content: "\f76b"; }
.bi-filetype-yml::before { content: "\f76c"; }
.bi-heart-arrow::before { content: "\f76d"; }
.bi-heart-pulse-fill::before { content: "\f76e"; }
.bi-heart-pulse::before { content: "\f76f"; }
.bi-heartbreak-fill::before { content: "\f770"; }
.bi-heartbreak::before { content: "\f771"; }
.bi-hearts::before { content: "\f772"; }
.bi-hospital-fill::before { content: "\f773"; }
.bi-hospital::before { content: "\f774"; }
.bi-house-heart-fill::before { content: "\f775"; }
.bi-house-heart::before { content: "\f776"; }
.bi-incognito::before { content: "\f777"; }
.bi-magnet-fill::before { content: "\f778"; }
.bi-magnet::before { content: "\f779"; }
.bi-person-heart::before { content: "\f77a"; }
.bi-person-hearts::before { content: "\f77b"; }
.bi-phone-flip::before { content: "\f77c"; }
.bi-plugin::before { content: "\f77d"; }
.bi-postage-fill::before { content: "\f77e"; }
.bi-postage-heart-fill::before { content: "\f77f"; }
.bi-postage-heart::before { content: "\f780"; }
.bi-postage::before { content: "\f781"; }
.bi-postcard-fill::before { content: "\f782"; }
.bi-postcard-heart-fill::before { content: "\f783"; }
.bi-postcard-heart::before { content: "\f784"; }
.bi-postcard::before { content: "\f785"; }
.bi-search-heart-fill::before { content: "\f786"; }
.bi-search-heart::before { content: "\f787"; }
.bi-sliders2-vertical::before { content: "\f788"; }
.bi-sliders2::before { content: "\f789"; }
.bi-trash3-fill::before { content: "\f78a"; }
.bi-trash3::before { content: "\f78b"; }
.bi-valentine::before { content: "\f78c"; }
.bi-valentine2::before { content: "\f78d"; }
.bi-wrench-adjustable-circle-fill::before { content: "\f78e"; }
.bi-wrench-adjustable-circle::before { content: "\f78f"; }
.bi-wrench-adjustable::before { content: "\f790"; }
.bi-filetype-json::before { content: "\f791"; }
.bi-filetype-pptx::before { content: "\f792"; }
.bi-filetype-xlsx::before { content: "\f793"; }
.bi-1-circle-fill::before { content: "\f796"; }
.bi-1-circle::before { content: "\f797"; }
.bi-1-square-fill::before { content: "\f798"; }
.bi-1-square::before { content: "\f799"; }
.bi-2-circle-fill::before { content: "\f79c"; }
.bi-2-circle::before { content: "\f79d"; }
.bi-2-square-fill::before { content: "\f79e"; }
.bi-2-square::before { content: "\f79f"; }
.bi-3-circle-fill::before { content: "\f7a2"; }
.bi-3-circle::before { content: "\f7a3"; }
.bi-3-square-fill::before { content: "\f7a4"; }
.bi-3-square::before { content: "\f7a5"; }
.bi-4-circle-fill::before { content: "\f7a8"; }
.bi-4-circle::before { content: "\f7a9"; }
.bi-4-square-fill::before { content: "\f7aa"; }
.bi-4-square::before { content: "\f7ab"; }
.bi-5-circle-fill::before { content: "\f7ae"; }
.bi-5-circle::before { content: "\f7af"; }
.bi-5-square-fill::before { content: "\f7b0"; }
.bi-5-square::before { content: "\f7b1"; }
.bi-6-circle-fill::before { content: "\f7b4"; }
.bi-6-circle::before { content: "\f7b5"; }
.bi-6-square-fill::before { content: "\f7b6"; }
.bi-6-square::before { content: "\f7b7"; }
.bi-7-circle-fill::before { content: "\f7ba"; }
.bi-7-circle::before { content: "\f7bb"; }
.bi-7-square-fill::before { content: "\f7bc"; }
.bi-7-square::before { content: "\f7bd"; }
.bi-8-circle-fill::before { content: "\f7c0"; }
.bi-8-circle::before { content: "\f7c1"; }
.bi-8-square-fill::before { content: "\f7c2"; }
.bi-8-square::before { content: "\f7c3"; }
.bi-9-circle-fill::before { content: "\f7c6"; }
.bi-9-circle::before { content: "\f7c7"; }
.bi-9-square-fill::before { content: "\f7c8"; }
.bi-9-square::before { content: "\f7c9"; }
.bi-airplane-engines-fill::before { content: "\f7ca"; }
.bi-airplane-engines::before { content: "\f7cb"; }
.bi-airplane-fill::before { content: "\f7cc"; }
.bi-airplane::before { content: "\f7cd"; }
.bi-alexa::before { content: "\f7ce"; }
.bi-alipay::before { content: "\f7cf"; }
.bi-android::before { content: "\f7d0"; }
.bi-android2::before { content: "\f7d1"; }
.bi-box-fill::before { content: "\f7d2"; }
.bi-box-seam-fill::before { content: "\f7d3"; }
.bi-browser-chrome::before { content: "\f7d4"; }
.bi-browser-edge::before { content: "\f7d5"; }
.bi-browser-firefox::before { content: "\f7d6"; }
.bi-browser-safari::before { content: "\f7d7"; }
.bi-c-circle-fill::before { content: "\f7da"; }
.bi-c-circle::before { content: "\f7db"; }
.bi-c-square-fill::before { content: "\f7dc"; }
.bi-c-square::before { content: "\f7dd"; }
.bi-capsule-pill::before { content: "\f7de"; }
.bi-capsule::before { content: "\f7df"; }
.bi-car-front-fill::before { content: "\f7e0"; }
.bi-car-front::before { content: "\f7e1"; }
.bi-cassette-fill::before { content: "\f7e2"; }
.bi-cassette::before { content: "\f7e3"; }
.bi-cc-circle-fill::before { content: "\f7e6"; }
.bi-cc-circle::before { content: "\f7e7"; }
.bi-cc-square-fill::before { content: "\f7e8"; }
.bi-cc-square::before { content: "\f7e9"; }
.bi-cup-hot-fill::before { content: "\f7ea"; }
.bi-cup-hot::before { content: "\f7eb"; }
.bi-currency-rupee::before { content: "\f7ec"; }
.bi-dropbox::before { content: "\f7ed"; }
.bi-escape::before { content: "\f7ee"; }
.bi-fast-forward-btn-fill::before { content: "\f7ef"; }
.bi-fast-forward-btn::before { content: "\f7f0"; }
.bi-fast-forward-circle-fill::before { content: "\f7f1"; }
.bi-fast-forward-circle::before { content: "\f7f2"; }
.bi-fast-forward-fill::before { content: "\f7f3"; }
.bi-fast-forward::before { content: "\f7f4"; }
.bi-filetype-sql::before { content: "\f7f5"; }
.bi-fire::before { content: "\f7f6"; }
.bi-google-play::before { content: "\f7f7"; }
.bi-h-circle-fill::before { content: "\f7fa"; }
.bi-h-circle::before { content: "\f7fb"; }
.bi-h-square-fill::before { content: "\f7fc"; }
.bi-h-square::before { content: "\f7fd"; }
.bi-indent::before { content: "\f7fe"; }
.bi-lungs-fill::before { content: "\f7ff"; }
.bi-lungs::before { content: "\f800"; }
.bi-microsoft-teams::before { content: "\f801"; }
.bi-p-circle-fill::before { content: "\f804"; }
.bi-p-circle::before { content: "\f805"; }
.bi-p-square-fill::before { content: "\f806"; }
.bi-p-square::before { content: "\f807"; }
.bi-pass-fill::before { content: "\f808"; }
.bi-pass::before { content: "\f809"; }
.bi-prescription::before { content: "\f80a"; }
.bi-prescription2::before { content: "\f80b"; }
.bi-r-circle-fill::before { content: "\f80e"; }
.bi-r-circle::before { content: "\f80f"; }
.bi-r-square-fill::before { content: "\f810"; }
.bi-r-square::before { content: "\f811"; }
.bi-repeat-1::before { content: "\f812"; }
.bi-repeat::before { content: "\f813"; }
.bi-rewind-btn-fill::before { content: "\f814"; }
.bi-rewind-btn::before { content: "\f815"; }
.bi-rewind-circle-fill::before { content: "\f816"; }
.bi-rewind-circle::before { content: "\f817"; }
.bi-rewind-fill::before { content: "\f818"; }
.bi-rewind::before { content: "\f819"; }
.bi-train-freight-front-fill::before { content: "\f81a"; }
.bi-train-freight-front::before { content: "\f81b"; }
.bi-train-front-fill::before { content: "\f81c"; }
.bi-train-front::before { content: "\f81d"; }
.bi-train-lightrail-front-fill::before { content: "\f81e"; }
.bi-train-lightrail-front::before { content: "\f81f"; }
.bi-truck-front-fill::before { content: "\f820"; }
.bi-truck-front::before { content: "\f821"; }
.bi-ubuntu::before { content: "\f822"; }
.bi-unindent::before { content: "\f823"; }
.bi-unity::before { content: "\f824"; }
.bi-universal-access-circle::before { content: "\f825"; }
.bi-universal-access::before { content: "\f826"; }
.bi-virus::before { content: "\f827"; }
.bi-virus2::before { content: "\f828"; }
.bi-wechat::before { content: "\f829"; }
.bi-yelp::before { content: "\f82a"; }
.bi-sign-stop-fill::before { content: "\f82b"; }
.bi-sign-stop-lights-fill::before { content: "\f82c"; }
.bi-sign-stop-lights::before { content: "\f82d"; }
.bi-sign-stop::before { content: "\f82e"; }
.bi-sign-turn-left-fill::before { content: "\f82f"; }
.bi-sign-turn-left::before { content: "\f830"; }
.bi-sign-turn-right-fill::before { content: "\f831"; }
.bi-sign-turn-right::before { content: "\f832"; }
.bi-sign-turn-slight-left-fill::before { content: "\f833"; }
.bi-sign-turn-slight-left::before { content: "\f834"; }
.bi-sign-turn-slight-right-fill::before { content: "\f835"; }
.bi-sign-turn-slight-right::before { content: "\f836"; }
.bi-sign-yield-fill::before { content: "\f837"; }
.bi-sign-yield::before { content: "\f838"; }
.bi-ev-station-fill::before { content: "\f839"; }
.bi-ev-station::before { content: "\f83a"; }
.bi-fuel-pump-diesel-fill::before { content: "\f83b"; }
.bi-fuel-pump-diesel::before { content: "\f83c"; }
.bi-fuel-pump-fill::before { content: "\f83d"; }
.bi-fuel-pump::before { content: "\f83e"; }
.bi-0-circle-fill::before { content: "\f83f"; }
.bi-0-circle::before { content: "\f840"; }
.bi-0-square-fill::before { content: "\f841"; }
.bi-0-square::before { content: "\f842"; }
.bi-rocket-fill::before { content: "\f843"; }
.bi-rocket-takeoff-fill::before { content: "\f844"; }
.bi-rocket-takeoff::before { content: "\f845"; }
.bi-rocket::before { content: "\f846"; }
.bi-stripe::before { content: "\f847"; }
.bi-subscript::before { content: "\f848"; }
.bi-superscript::before { content: "\f849"; }
.bi-trello::before { content: "\f84a"; }
.bi-envelope-at-fill::before { content: "\f84b"; }
.bi-envelope-at::before { content: "\f84c"; }
.bi-regex::before { content: "\f84d"; }
.bi-text-wrap::before { content: "\f84e"; }
.bi-sign-dead-end-fill::before { content: "\f84f"; }
.bi-sign-dead-end::before { content: "\f850"; }
.bi-sign-do-not-enter-fill::before { content: "\f851"; }
.bi-sign-do-not-enter::before { content: "\f852"; }
.bi-sign-intersection-fill::before { content: "\f853"; }
.bi-sign-intersection-side-fill::before { content: "\f854"; }
.bi-sign-intersection-side::before { content: "\f855"; }
.bi-sign-intersection-t-fill::before { content: "\f856"; }
.bi-sign-intersection-t::before { content: "\f857"; }
.bi-sign-intersection-y-fill::before { content: "\f858"; }
.bi-sign-intersection-y::before { content: "\f859"; }
.bi-sign-intersection::before { content: "\f85a"; }
.bi-sign-merge-left-fill::before { content: "\f85b"; }
.bi-sign-merge-left::before { content: "\f85c"; }
.bi-sign-merge-right-fill::before { content: "\f85d"; }
.bi-sign-merge-right::before { content: "\f85e"; }
.bi-sign-no-left-turn-fill::before { content: "\f85f"; }
.bi-sign-no-left-turn::before { content: "\f860"; }
.bi-sign-no-parking-fill::before { content: "\f861"; }
.bi-sign-no-parking::before { content: "\f862"; }
.bi-sign-no-right-turn-fill::before { content: "\f863"; }
.bi-sign-no-right-turn::before { content: "\f864"; }
.bi-sign-railroad-fill::before { content: "\f865"; }
.bi-sign-railroad::before { content: "\f866"; }
.bi-building-add::before { content: "\f867"; }
.bi-building-check::before { content: "\f868"; }
.bi-building-dash::before { content: "\f869"; }
.bi-building-down::before { content: "\f86a"; }
.bi-building-exclamation::before { content: "\f86b"; }
.bi-building-fill-add::before { content: "\f86c"; }
.bi-building-fill-check::before { content: "\f86d"; }
.bi-building-fill-dash::before { content: "\f86e"; }
.bi-building-fill-down::before { content: "\f86f"; }
.bi-building-fill-exclamation::before { content: "\f870"; }
.bi-building-fill-gear::before { content: "\f871"; }
.bi-building-fill-lock::before { content: "\f872"; }
.bi-building-fill-slash::before { content: "\f873"; }
.bi-building-fill-up::before { content: "\f874"; }
.bi-building-fill-x::before { content: "\f875"; }
.bi-building-fill::before { content: "\f876"; }
.bi-building-gear::before { content: "\f877"; }
.bi-building-lock::before { content: "\f878"; }
.bi-building-slash::before { content: "\f879"; }
.bi-building-up::before { content: "\f87a"; }
.bi-building-x::before { content: "\f87b"; }
.bi-buildings-fill::before { content: "\f87c"; }
.bi-buildings::before { content: "\f87d"; }
.bi-bus-front-fill::before { content: "\f87e"; }
.bi-bus-front::before { content: "\f87f"; }
.bi-ev-front-fill::before { content: "\f880"; }
.bi-ev-front::before { content: "\f881"; }
.bi-globe-americas::before { content: "\f882"; }
.bi-globe-asia-australia::before { content: "\f883"; }
.bi-globe-central-south-asia::before { content: "\f884"; }
.bi-globe-europe-africa::before { content: "\f885"; }
.bi-house-add-fill::before { content: "\f886"; }
.bi-house-add::before { content: "\f887"; }
.bi-house-check-fill::before { content: "\f888"; }
.bi-house-check::before { content: "\f889"; }
.bi-house-dash-fill::before { content: "\f88a"; }
.bi-house-dash::before { content: "\f88b"; }
.bi-house-down-fill::before { content: "\f88c"; }
.bi-house-down::before { content: "\f88d"; }
.bi-house-exclamation-fill::before { content: "\f88e"; }
.bi-house-exclamation::before { content: "\f88f"; }
.bi-house-gear-fill::before { content: "\f890"; }
.bi-house-gear::before { content: "\f891"; }
.bi-house-lock-fill::before { content: "\f892"; }
.bi-house-lock::before { content: "\f893"; }
.bi-house-slash-fill::before { content: "\f894"; }
.bi-house-slash::before { content: "\f895"; }
.bi-house-up-fill::before { content: "\f896"; }
.bi-house-up::before { content: "\f897"; }
.bi-house-x-fill::before { content: "\f898"; }
.bi-house-x::before { content: "\f899"; }
.bi-person-add::before { content: "\f89a"; }
.bi-person-down::before { content: "\f89b"; }
.bi-person-exclamation::before { content: "\f89c"; }
.bi-person-fill-add::before { content: "\f89d"; }
.bi-person-fill-check::before { content: "\f89e"; }
.bi-person-fill-dash::before { content: "\f89f"; }
.bi-person-fill-down::before { content: "\f8a0"; }
.bi-person-fill-exclamation::before { content: "\f8a1"; }
.bi-person-fill-gear::before { content: "\f8a2"; }
.bi-person-fill-lock::before { content: "\f8a3"; }
.bi-person-fill-slash::before { content: "\f8a4"; }
.bi-person-fill-up::before { content: "\f8a5"; }
.bi-person-fill-x::before { content: "\f8a6"; }
.bi-person-gear::before { content: "\f8a7"; }
.bi-person-lock::before { content: "\f8a8"; }
.bi-person-slash::before { content: "\f8a9"; }
.bi-person-up::before { content: "\f8aa"; }
.bi-scooter::before { content: "\f8ab"; }
.bi-taxi-front-fill::before { content: "\f8ac"; }
.bi-taxi-front::before { content: "\f8ad"; }
.bi-amd::before { content: "\f8ae"; }
.bi-database-add::before { content: "\f8af"; }
.bi-database-check::before { content: "\f8b0"; }
.bi-database-dash::before { content: "\f8b1"; }
.bi-database-down::before { content: "\f8b2"; }
.bi-database-exclamation::before { content: "\f8b3"; }
.bi-database-fill-add::before { content: "\f8b4"; }
.bi-database-fill-check::before { content: "\f8b5"; }
.bi-database-fill-dash::before { content: "\f8b6"; }
.bi-database-fill-down::before { content: "\f8b7"; }
.bi-database-fill-exclamation::before { content: "\f8b8"; }
.bi-database-fill-gear::before { content: "\f8b9"; }
.bi-database-fill-lock::before { content: "\f8ba"; }
.bi-database-fill-slash::before { content: "\f8bb"; }
.bi-database-fill-up::before { content: "\f8bc"; }
.bi-database-fill-x::before { content: "\f8bd"; }
.bi-database-fill::before { content: "\f8be"; }
.bi-database-gear::before { content: "\f8bf"; }
.bi-database-lock::before { content: "\f8c0"; }
.bi-database-slash::before { content: "\f8c1"; }
.bi-database-up::before { content: "\f8c2"; }
.bi-database-x::before { content: "\f8c3"; }
.bi-database::before { content: "\f8c4"; }
.bi-houses-fill::before { content: "\f8c5"; }
.bi-houses::before { content: "\f8c6"; }
.bi-nvidia::before { content: "\f8c7"; }
.bi-person-vcard-fill::before { content: "\f8c8"; }
.bi-person-vcard::before { content: "\f8c9"; }
.bi-sina-weibo::before { content: "\f8ca"; }
.bi-tencent-qq::before { content: "\f8cb"; }
.bi-wikipedia::before { content: "\f8cc"; }
.bi-alphabet-uppercase::before { content: "\f2a5"; }
.bi-alphabet::before { content: "\f68a"; }
.bi-amazon::before { content: "\f68d"; }
.bi-arrows-collapse-vertical::before { content: "\f690"; }
.bi-arrows-expand-vertical::before { content: "\f695"; }
.bi-arrows-vertical::before { content: "\f698"; }
.bi-arrows::before { content: "\f6a2"; }
.bi-ban-fill::before { content: "\f6a3"; }
.bi-ban::before { content: "\f6b6"; }
.bi-bing::before { content: "\f6c2"; }
.bi-cake::before { content: "\f6e0"; }
.bi-cake2::before { content: "\f6ed"; }
.bi-cookie::before { content: "\f6ee"; }
.bi-copy::before { content: "\f759"; }
.bi-crosshair::before { content: "\f769"; }
.bi-crosshair2::before { content: "\f794"; }
.bi-emoji-astonished-fill::before { content: "\f795"; }
.bi-emoji-astonished::before { content: "\f79a"; }
.bi-emoji-grimace-fill::before { content: "\f79b"; }
.bi-emoji-grimace::before { content: "\f7a0"; }
.bi-emoji-grin-fill::before { content: "\f7a1"; }
.bi-emoji-grin::before { content: "\f7a6"; }
.bi-emoji-surprise-fill::before { content: "\f7a7"; }
.bi-emoji-surprise::before { content: "\f7ac"; }
.bi-emoji-tear-fill::before { content: "\f7ad"; }
.bi-emoji-tear::before { content: "\f7b2"; }
.bi-envelope-arrow-down-fill::before { content: "\f7b3"; }
.bi-envelope-arrow-down::before { content: "\f7b8"; }
.bi-envelope-arrow-up-fill::before { content: "\f7b9"; }
.bi-envelope-arrow-up::before { content: "\f7be"; }
.bi-feather::before { content: "\f7bf"; }
.bi-feather2::before { content: "\f7c4"; }
.bi-floppy-fill::before { content: "\f7c5"; }
.bi-floppy::before { content: "\f7d8"; }
.bi-floppy2-fill::before { content: "\f7d9"; }
.bi-floppy2::before { content: "\f7e4"; }
.bi-gitlab::before { content: "\f7e5"; }
.bi-highlighter::before { content: "\f7f8"; }
.bi-marker-tip::before { content: "\f802"; }
.bi-nvme-fill::before { content: "\f803"; }
.bi-nvme::before { content: "\f80c"; }
.bi-opencollective::before { content: "\f80d"; }
.bi-pci-card-network::before { content: "\f8cd"; }
.bi-pci-card-sound::before { content: "\f8ce"; }
.bi-radar::before { content: "\f8cf"; }
.bi-send-arrow-down-fill::before { content: "\f8d0"; }
.bi-send-arrow-down::before { content: "\f8d1"; }
.bi-send-arrow-up-fill::before { content: "\f8d2"; }
.bi-send-arrow-up::before { content: "\f8d3"; }
.bi-sim-slash-fill::before { content: "\f8d4"; }
.bi-sim-slash::before { content: "\f8d5"; }
.bi-sourceforge::before { content: "\f8d6"; }
.bi-substack::before { content: "\f8d7"; }
.bi-threads-fill::before { content: "\f8d8"; }
.bi-threads::before { content: "\f8d9"; }
.bi-transparency::before { content: "\f8da"; }
.bi-twitter-x::before { content: "\f8db"; }
.bi-type-h4::before { content: "\f8dc"; }
.bi-type-h5::before { content: "\f8dd"; }
.bi-type-h6::before { content: "\f8de"; }
.bi-backpack-fill::before { content: "\f8df"; }
.bi-backpack::before { content: "\f8e0"; }
.bi-backpack2-fill::before { content: "\f8e1"; }
.bi-backpack2::before { content: "\f8e2"; }
.bi-backpack3-fill::before { content: "\f8e3"; }
.bi-backpack3::before { content: "\f8e4"; }
.bi-backpack4-fill::before { content: "\f8e5"; }
.bi-backpack4::before { content: "\f8e6"; }
.bi-brilliance::before { content: "\f8e7"; }
.bi-cake-fill::before { content: "\f8e8"; }
.bi-cake2-fill::before { content: "\f8e9"; }
.bi-duffle-fill::before { content: "\f8ea"; }
.bi-duffle::before { content: "\f8eb"; }
.bi-exposure::before { content: "\f8ec"; }
.bi-gender-neuter::before { content: "\f8ed"; }
.bi-highlights::before { content: "\f8ee"; }
.bi-luggage-fill::before { content: "\f8ef"; }
.bi-luggage::before { content: "\f8f0"; }
.bi-mailbox-flag::before { content: "\f8f1"; }
.bi-mailbox2-flag::before { content: "\f8f2"; }
.bi-noise-reduction::before { content: "\f8f3"; }
.bi-passport-fill::before { content: "\f8f4"; }
.bi-passport::before { content: "\f8f5"; }
.bi-person-arms-up::before { content: "\f8f6"; }
.bi-person-raised-hand::before { content: "\f8f7"; }
.bi-person-standing-dress::before { content: "\f8f8"; }
.bi-person-standing::before { content: "\f8f9"; }
.bi-person-walking::before { content: "\f8fa"; }
.bi-person-wheelchair::before { content: "\f8fb"; }
.bi-shadows::before { content: "\f8fc"; }
.bi-suitcase-fill::before { content: "\f8fd"; }
.bi-suitcase-lg-fill::before { content: "\f8fe"; }
.bi-suitcase-lg::before { content: "\f8ff"; }
.bi-suitcase::before { content: "\f900"; }
.bi-suitcase2-fill::before { content: "\f901"; }
.bi-suitcase2::before { content: "\f902"; }
.bi-vignette::before { content: "\f903"; }

.ContactUs_contact-us-banner-sec__pJUkn{
    background-image: url(/static/media/contactUs-banner.0b2b8d8ebf89809338e0.png);
    background-size: cover;
    position: relative;
}
.ContactUs_contact-us-banner-sec__pJUkn::before{
    content: "";
    inset: 0;
    position: absolute;
    background: #14114a61;
}
.ContactUs_contact-us-banner-sec__pJUkn .ContactUs_title-cont__l\+2DU{
    padding: 8rem 0;
}
.ContactUs_contact-us-banner-sec__pJUkn .ContactUs_title-cont__l\+2DU h1{
    color: #fff;
    font-size: 3rem;
    margin-bottom: 0;
    padding-bottom: 0;
}
.ContactUs_contact-us-banner-sec__pJUkn .ContactUs_title-cont__l\+2DU p{
    color: #fff;
    font-size: 1.1rem;
    opacity: 0.9;
}
.ContactUs_contact-body__2pqnM .ContactUs_title__ddUyI{
    color: #302D7D;
    margin-bottom:0;
}
.ContactUs_contact-body__2pqnM .ContactUs_text__CgvtD{
    color: #302D7D;
    margin-bottom: 0;
    font-size: 1rem;
}
.ContactUs_contact-info-cont__cZIvs p{
    font-size: 1.2rem;
    color: #302D7D;
    margin-bottom: 5px;
}
.ContactUs_contact-info-cont__cZIvs a{
    color: #302D7D;
    font-weight: bold;
    font-size: 1.2rem;
}
.ContactUs_social-icons__-1c0A{
    margin-top: 9rem;
    clear: both;
}

.ContactUs_social-icons__-1c0A svg{
    font-size: 1rem;
}
.innerPage-banner-sec{
   position: relative;
}
.faq-section .MuiPaper-root {
    position: relative;
    padding: 1rem 1rem !important;
}
.innerPage-banner-sec .title-cont{
position: absolute;
top: 65%;
transform: translateY(-50%);
z-index: 9;
}
.innerPage-banner-sec::before{
    content: "";
    inset: 0;
    position: absolute;
    background: #14114a61;
}
.innerPage-banner-sec .title-cont h1{
    color: #fff;
    font-size: 3rem;
    margin-bottom: 0;
    padding-bottom: 0;
}
.innerPage-banner-sec .title-cont p{
    color: #fff;
    font-size: 1.1rem;
    opacity: 0.9;
}

/* .MuiTab-root {
    max-width: initial !important;
    min-width: auto !important;
} */
.faq-section .nav-pills .nav-item .nav-link{
    color: #000;
    font-size: 1rem;
    border-radius: 0;
}
.faq-section .nav-pills {
    justify-content: space-between;
    align-items: flex-end;
}
.faq-section .nav-pills .nav-item .nav-link:focus,
.faq-section .nav-pills .nav-item .nav-link:hover,
.faq-section .nav-pills .nav-item .nav-link:focus-visible{
    border: 0;
    outline: none;
}
.faq-section .nav-pills .nav-item:focus-visible{
    border: 0;
    outline: none;
}
.faq-section .nav-pills .nav-item .nav-link.active{
    background-color: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px #0088D0 solid;
    font-weight:bold;
    text-transform: uppercase;
    color: #0088D0;
}
.faq-section .tab-content{
    border: 0;
}
.faq-section .tab-content .sub-title{
    font-size: 1.2rem;
    margin-top: 2rem;
    text-decoration: underline;
}
.tab-pills-cont{
    overflow-x: scroll;
}
.tab-pills-cont::-webkit-scrollbar{
    display: none;
}
.MuiPaper-root::before{
display: none;
}

.img{
    width: inherit;
    padding-bottom: 10px;
    margin: -13px;
}
.breadcrumb{
    background-color: inherit;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;

}
.searchArea .breadcrumb{padding-bottom: 20px;padding-top: 0px;}
.MuiTypography-root{
    font-weight: bold;
}
.body1{
    
    margin-right: auto;
    margin-left: auto;
    
}
.body2{
    padding-right: 90px;
    padding-left: 45px;
    margin-right: auto;
    margin-left: auto;
    
}
.header-btn{
    padding-bottom: 5px;
}
.title{
    font-weight: bold !important;
    padding-top: 5px;
    padding-bottom: 15px;
}
.Message{

    text-align:center;
    color:rgb(139, 209, 18);
    margin-top:5px;

}
.pagination{
    padding-bottom: 20px;
    margin-top:20px;
    align-items: center;
}
.RaiseAcomplaint button{
    margin: 10px;
}
.noComplaintText{font: normal normal bold 16px/16px Effra;}
.complaintArea .viewBtn
{
    background: #DED7D5;
    text-align: center;
    font: normal normal bold 12px/12px Effra !important;
    color: #0088D0;
    border-radius: 0;
    border-radius: initial;
    padding: 0.8em 1em;
    width: 141px;
    margin: 5px;
}
.complaintArea .viewBtn:hover{color: #FFFFFF !important;}
.complaintArea .viewBtn:focus {
    outline: none;
    box-shadow: none;
  }
.complaintArea a{text-decoration: none !important;}
.complaintViewTable td{word-break: break-word !important;white-space: pre-wrap;}
.complaintActioncol button{display: inline-grid !important}
.complaintArea .MuiTableCell-head {min-width: 156px;}
.complaint_box1 {
    background: #FFFFFF;
    width: auto;/* Set the desired width to 800px */
    margin: 0 auto; /* Center horizontally */
    /* Add other styles as needed */
  }
.complaint-table {
    width: 100%;
    height: 100%;
}
.complaint-table th {
    background-color: #302D7D !important;
    border-bottom: none;
    color: #fff !important;
    font: normal normal bold 14px/17px Effra;
    height: 100%;
   
  }
.raise-Complaint-label {
    margin: 10px;
    
}
.inputElement {
    margin-top: 30px;
}

.button-container {
     display: 'inline-flex'; 
   
    justify-content: 'space-between';
}
.upload-btns{
    display:flex;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 6rem;
    padding-bottom: 10px
}
.full-width .MuiTextField-root, .full-width .MuiOutlinedInput-root{width: 100% !important;}
.dele-btns { 
    position: absolute;
    right: 1em;
    padding: 5px;
    background-color: #0088D0;
    color: #fff;
    border-radius: 5px;
}
.arrow-icon{
    padding-right: 0.5rem;
}
.formFieldEdit.text-box fieldset {
    border: none;
}
.btn.btn-cancel{
    background: #fff;
    color: #0088D0;
}
.btn.btn-submit{
    color: #fff;
    background-color: #0088D0;
    /* margin-left: 3rem; */
}
.formFieldEdit.text-box{
    background-color: #fff;
}
.formFieldEdit.text-box .css-1d3z3hw-MuiOutlinedInput-notchedOutline{
    border: 0;
}
.formFieldEdit.text-box  .css-pkmtr1 .MuiTextField-root{
    width: 100% !important;
}
.upload-input-file {
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2% 0 2%;
}
.upload-input-file .plaseholderTxt{
    margin-bottom: 0;
    color: #484848;
    font-size: 1.2rem;
    opacity: 0.5;
}

.text-left {
    margin-left: 15px;
    text-align: left;
}
.text-success {
    color: #054483!important;
}

.css-dpjnhs-MuiInputBase-root-MuiOutlinedInput-root {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgba(0, 0, 0, 0.87);
    /* box-sizing: border-box; */
    position: relative;
    cursor: text;
    display: -ms-inline-flexbox;
    /* display: inline-flex; */
    align-items: center;
    padding: 4px 0 5px;
    position: relative;
    border-radius: 4px;
    padding: 16.5px 14px;
    width: 740px;
}
textarea {
    overflow: auto;
  }
  #filled-multiline-flexible{

    overflow-x:hidden; 
  }
  .complaint_box {
    background: #FFFFFF;
    width: 65%; 
    margin: 0 auto;
  }
  @media (max-width: 768px) {
    .complaint_box{width: 100%;}
  }
  


  .complaint-container {
    position: relative;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    width: 1021px;
    text-align: center; 
    box-sizing: border-box;
    height: auto;
    margin-top: 221px;
   
  }

  .skeleton-container {
    display: flex;
    flex-direction: column;
    align-items: center; 
    width: 65%;
    text-align: center;
  }
  
  .skeleton-conplaint {
    width: 800px ;
    height: 38px;
    margin: 20px;
    position: relative;
    border: 1px solid #bfbfbf !important;
  }
  .skeleton-buttons {
    position: absolute;
    right: 0; 
  }
  
  .right-skeletons {
    right: 0;
    float: left;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end !important;
    align-items: end;
    margin-left: 600px;
    margin-top: 50px;
    margin-bottom: 20px;

  }

  
  
  

  
.title{
    font-size: 1.5rem !important;
    text-align: center;
}

.arrow-icon{
    padding-right: 20px;
}
.breadcrumb{
    align-items: center;
}
.value{
    min-height: 28px;
    max-height: max-content;
    display: flex;
    align-self: flex-start;
    font-weight: bold !important;
    margin-right: 10px;
}
.key{
    height: 28px;
    display: flex;
    align-self: flex-start;
}
/* .body{
    padding-top: 25px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;    
} */
.body2{
    padding-right: 60px;
    padding-left: 60px;
    margin-right: auto;
    margin-left: auto;
}


.desc{
    text-align: start;
}
/* .section{
    padding-top: 30px;
    padding-bottom:60px ;
} */
/* .section2{
    padding-top: 30px;
    padding-bottom:20px ;
} */
.boldKey{
    height: 28px;
    display: flex;
    align-self: flex-start;
    font-weight: bold !important;
}
.detail{
    /* align-items: center;
    display: flex;
    align-self: flex-start; */

    /* height: 32px;
    max-width: 600px; */
    display:block;
    word-wrap: break-word;
    font-size:1rem;
}
.complaintArea .viewBtn:focus {

    outline: none;

    box-shadow: none;

  }
  .css-c6003c-MuiButtonBase-root-MuiButton-root:focus{
    outline: none;

    box-shadow: none; 

  }
  .css-1ov6vsa-MuiTableCell-root.MuiTableCell-body{
    word-break: break-all;
  }
.css-nm2irj-MuiGrid-root{
    word-wrap:break-word;
    width:820px;
}

.css-686zvw-MuiButtonBase-root-MuiButton-root{
    margin-left:20px;
}


.reopen{
    margin-left:20px !important;
}

.bolddetail{
    align-items: center;
    display: flex;
    align-self: flex-start;
    height: 32px;
    font-weight: bold !important;
}
.link{
    align-items: center;
    display: flex;
    align-self: flex-start;
    height: 60px;
    font-weight: bold !important;
    text-decoration: underline;
    cursor: pointer;
}

.formContainer{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
}


  .upload{
    width: 70ch;
    height: 63px;
    border: 1px solid #d3d3d3 ;
    border-radius: 4px;
}
.input-label{
    padding-top: 6px !important;
    margin-left: 12px !important;
    text-align: start;
    color: grey;
}
.input-info{
    padding-top: 6px !important;
    margin-left: 12px !important;
    text-align: start;
    color: grey;
}
.upload-box{
    padding-top: 6px;
    width: 70ch;
    min-height: auto;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}
.upload-btn{
    display:flex;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px
}
.button{
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 377px;
    min-width: 300px;
    display:flex;
    justify-content: space-between;
}
.textbox .MuiTextField-root{
    width: 70ch;
}
.plaseholderTxt{
    margin-bottom: 0;
    color: #484848;
    font-size: 1.1rem;
    opacity: 0.5;
}
.dele-btn { 
    margin-left: 1rem;
}
.textbox{
    
    background-color: white;
    
    /* //border: 1px solid grey ;  */
    /* border-top: 1px solid grey ;
    border-left: 1px solid grey ;
    border-right: 1px solid grey ;*/

    margin: 10px;
}
.form{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.table{
    justify-content: flex-start;
}
form > .MuiBox-root{
    padding: 0;
}
.tableTitle{
    padding: 15px;
    padding-left: 0px;
    font-weight: bold !important;
}
.normal{
    font-weight: normal !important;
}
.btn.btn-cancel{
    background: #fff;
    color: #0088D0;
}
.btn.btn-submit{
    color: #fff;
    background-color: #0088D0;
    /* margin-left: 3rem; */
}

.pending-action-cont .comments-input .css-1d3z3hw-MuiOutlinedInput-notchedOutline{
    border: 0;
}
.formFieldEdit.text-box  .css-pkmtr1 .MuiTextField-root{
    width: 100% !important;
}
.upload-input-file {
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2% 0 2%;
}
.upload-input-file .plaseholderTxt{
    margin-bottom: 0;
    color: #484848;
    font-size: 1.2rem;
    opacity: 0.5;
}

@media (max-width: 992px) {
    .body2{
            padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
    /* .body{
        padding-top: 25px;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
        
    } */
    .title{
        font-weight: bold !important;
        margin-top: 25px !important;
    }
    /* .section{
        padding-top: 5px;
        padding-bottom:10px ;
    } */
    .textbox{
        width: 30ch !important;}
    .upload{
        width: 30ch;
    }
    .textbox .MuiTextField-root{
        width: 30ch;
    }
  }
  .view-complaint-tables .container{
    padding: 0;
  }
  .view-complaint-tables .table-container {
    width: 100% !important;
    padding: 0;
}
.view-complaint-tables .MuiTableRow-head {
    background-color: #302D7D !important;
}
.download-btn {
    background-color: #0088D0;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
}
.complaint-area:focus{
    outline: none;
   box-shadow: none !important;
}
.complaint-area:active{
    transform: scale(0.98);
    /* Scaling button to 0.98 to its original size */
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
    /* Lowering the shadow */
}

.body2{
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    
}
.table-container{
    width: 800px !important;
}
.complaint-area:focus{
    outline: none;
   box-shadow: none !important;
}

@media (max-width: 992px) {
    .table-container{
        width: auto !important;
    }
}
.careerCounseelingInfo{padding: 1em;align-items: center;border-bottom: 1px solid #a8c1c9;margin-bottom: 1em;}
.careerCounseelingInfo.emiratiDetails p.detailH{white-space: nowrap;}
.careerCounseelingInfo.emiratiDetails p.detailsD{min-height: 40px;}
.height5 img{width: 50px;}
.assigned.nhp.view-history{color:#302d7c}.assigned.nhp.view-history .modal-body{background-color:#fff}.assigned.nhp.view-history .modal-body #programDetails{background:#e4e5ed;color:#302d7c;padding:1rem}.assigned.nhp.view-history .modal-body #programDetails>.pd-header{font-weight:600;font-size:16px;grid-column:span 5}.assigned.nhp.view-history .modal-body #programDetails .header{font-weight:400}.assigned.nhp.view-history .modal-body #programDetails .data{font-weight:600}.assigned.nhp.view-history .modal-body #shpPcd .shd-tab,.assigned.nhp.view-history .modal-body #shpPcd .pcd-tab{font-size:14px !important;font-weight:600 !important}.assigned.nhp.view-history .modal-body #shpPcd thead>tr>th{background-color:#302d7c !important;color:#fff;font-weight:normal}.assigned.nhp.view-history .modal-body #shpPcd tbody>tr{color:#fff}.assigned.nhp.view-history .modal-body #shpPcd tbody>tr.even{background:#ebf4f7}.assigned.nhp.view-history .modal-body #shpPcd tbody>tr.odd{background:#ddeff3}.assigned.nhp.view-history .modal-body #shpPcd .shd-tabpanel,.assigned.nhp.view-history .modal-body #shpPcd .pcd-tabpanel{row-gap:10px;display:flex;flex-direction:column}.assigned.nhp.view-history .modal-body #shpPcd .active{background:rgba(250,250,250,.1) !important}.assigned.nhp.view-history .modal-body #shpPcd .files-box{display:flex;flex-direction:column;justify-content:center;align-items:center}.assigned.nhp.view-history .modal-body #shpPcd .overall-program-history{display:flex;flex-direction:column;row-gap:10px}.assigned.nhp.view-history .modal-body #shpPcd .overall-program-history>.header{font-weight:600;font-size:16px;color:#302d7c}.assigned.nhp.view-history .modal-body #shpPcd .overall-program-history .status{color:#92c7cf}.assigned.nhp.view-history .modal-body #shpPcd .semester-history,.assigned.nhp.view-history .modal-body #shpPcd .csd,.assigned.nhp.view-history .modal-body #shpPcd .plgd{display:flex;flex-direction:column;row-gap:10px;overflow-x:auto}.assigned.nhp.view-history .modal-body #shpPcd .semester-history::-webkit-scrollbar,.assigned.nhp.view-history .modal-body #shpPcd .csd::-webkit-scrollbar,.assigned.nhp.view-history .modal-body #shpPcd .plgd::-webkit-scrollbar{height:4px}.assigned.nhp.view-history .modal-body #shpPcd .semester-history>.header,.assigned.nhp.view-history .modal-body #shpPcd .csd>.header,.assigned.nhp.view-history .modal-body #shpPcd .plgd>.header{font-weight:600;font-size:16px;color:#302d7c;padding:10px;display:flex;justify-content:space-between}.assigned.nhp.view-history .modal-body #shpPcd .semester-history .status,.assigned.nhp.view-history .modal-body #shpPcd .csd .status,.assigned.nhp.view-history .modal-body #shpPcd .plgd .status{color:green}.assigned.nhp.view-history .modal-body #shpPcd .semester-history .csd-data,.assigned.nhp.view-history .modal-body #shpPcd .semester-history .plgd-data,.assigned.nhp.view-history .modal-body #shpPcd .csd .csd-data,.assigned.nhp.view-history .modal-body #shpPcd .csd .plgd-data,.assigned.nhp.view-history .modal-body #shpPcd .plgd .csd-data,.assigned.nhp.view-history .modal-body #shpPcd .plgd .plgd-data{opacity:1;max-height:1000px;transition:opacity 1s,max-height 1s}.assigned.nhp.view-history .modal-body #shpPcd .semester-history .csd-data.hide,.assigned.nhp.view-history .modal-body #shpPcd .semester-history .plgd-data.hide,.assigned.nhp.view-history .modal-body #shpPcd .csd .csd-data.hide,.assigned.nhp.view-history .modal-body #shpPcd .csd .plgd-data.hide,.assigned.nhp.view-history .modal-body #shpPcd .plgd .csd-data.hide,.assigned.nhp.view-history .modal-body #shpPcd .plgd .plgd-data.hide{opacity:0;max-height:0;overflow:hidden}.assigned.nhp.view-history .modal-body #shpPcd .semester-history .csd-data.show,.assigned.nhp.view-history .modal-body #shpPcd .semester-history .plgd-data.show,.assigned.nhp.view-history .modal-body #shpPcd .csd .csd-data.show,.assigned.nhp.view-history .modal-body #shpPcd .csd .plgd-data.show,.assigned.nhp.view-history .modal-body #shpPcd .plgd .csd-data.show,.assigned.nhp.view-history .modal-body #shpPcd .plgd .plgd-data.show{opacity:1;max-height:1000px}.assigned.nhp.view-history .modal-body #shpPcd .stats{background:#e4e5ed;display:flex;flex-direction:row;justify-content:space-around;padding:25px 0px}.assigned.nhp.view-history .modal-body #shpPcd .stats>.stat{display:flex;flex-direction:column;font-size:16px;color:#302d7c;font-weight:600}.assigned.nhp.view-history .modal-body #shpPcd .semester-history td.success{color:green !important}.assigned.nhp.view-history .modal-body #shpPcd .semester-history td.amber{color:orange !important}.assigned.nhp.view-history .modal-body #shpPcd .semester-history td.danger{color:red !important}.assigned.nhp.view-history .csd .highlight-blue,.assigned.nhp.view-history .plgd .highlight-blue{background:#e4e5ed}.assigned.nhp.view-history .csd .hide,.assigned.nhp.view-history .plgd .hide{display:none}.assigned.nhp.view-history .csd .show,.assigned.nhp.view-history .plgd .show{display:block}
.payment-detail-card {
  width: 100%;
}

.delete-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95px;
}

.dialog-subTitle {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.button-container {
  gap: 30px;
}
.dialog-title{font: normal normal bold 30px/36px Effra;
  color: #302D7D;}
.cardDetails
{
  box-shadow: 0px 0px 6px #00000029;
    border-radius: 5px;
    padding: 2%;
    font: normal normal normal 20px/28px Effra;
    width: 80%;
    float: left;
    margin: 2%;
    height: 100px;
}
.cardDetails span
{
  width: 100%;
    display: flex;
}
.cardDetails span.FABCard_head
{
  font: normal normal normal 18px/22px Effra;
    color: #757575;
    padding-bottom: 1em;
}
.cardDetails span.FABCard_val
{
  font: normal normal normal 24px/28px Effra;
color: #323232;
    padding-bottom: 1em;
}
.AccountAlertContainer {
  width: 280px;
  margin: 20px auto 50px;
}

.AccountUserInfoBlock {
  padding: 10px 20px;
}

.AccountUserInfoContainer {
  min-height: 250px;
}

.AccountPage b {
  color: #343434;
}

.AccountUserInfoContainerSplittedTop {
  margin-bottom: 10px;
  min-height: auto;
  height: 114px;
}

.AccountUserInfoContainerSplittedBottom {
  min-height: auto;
  height: calc(390px - 114px - 10px);
}

.pl-5 {
  padding-left: 2rem;
}

.pr-5 {
  padding-right: 2rem;
}
.pl-1{padding-left: 1rem;}
.pr-1{padding-right: 1rem;}

.professional-skills-tab {
  flex: 1 1;
}
.profile_Avatar{
  border-radius: 50%;
    border: 3px solid #0088D0;
    width: 120px;
    height: 120px;
}
.profile_Avatar_field .fa.fa-pencil
{
  color: #0088D0;
    position: absolute;
    margin-top: 4em;
    margin-left: -2em;
    background: #fff;
    border-radius: 50%;
    padding: 9px;
    cursor: pointer;
    box-shadow: 0px 0px 6px #2775c4;
}
.profile_Avatar_field .fa.fa-pencil:before {
  font: normal normal normal 20px/1 FontAwesome !important;
}
.profile_Avatar_new{
    border-radius: 0%;
    border: none;
}
.myAccount_block{background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;margin-bottom: 1em;
  padding: 1em 1.5em;float: left;width: 100%;}
.myAccount_block p h3{font: normal normal bold 22px/29px Effra;letter-spacing: 0px;color: #0088D0;}
.myCompany_Pages .myAccount_block p h3{padding: 1em 2em;margin: 0;}
.myAccount_block input, .myAccount_block span.inputfield{width: 90%;border: none;font: normal normal bold 14px/16px Effra;
  color: #262626;pointer-events: none;display: inline-block;
  margin-bottom: 1em;}
.myAccount_block label{font: normal normal normal 12px/18px Effra;color: #262626;width: 100%; font-weight: bolder;}

.primaryBtn_2 .fa{padding: 0 10px;}
.payment_div input{width: 80%;}
.payment_div .myAccount_FAB_image{position: absolute;margin: -25px;}
.color_Blue{font: normal normal bold 20px/22px Effra;color: #302D7D;}
.word_Break{word-break: break-all;}

@media (min-width: 992px) {
  .professional-skills-second-tab {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (max-width: 420px) {
  .AccountUserInfoContainer h3 {
    font-size: 21px!important;
  }
}

@media (max-width: 1215px) {
  .AccountUserInfoContainer h3 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .AccountUserInfoContainer,
  .AccountUserInfoContainerSplittedTop,
  .AccountUserInfoContainerSplittedBottom {
    min-height: auto;
    height: auto;
  }
}

@media (max-width: 786px) {
  .email-wrap-mbl {
    display: inline-block;
    word-break: break-word;
  }
}
@media (max-width: 600px) {
  .MuiTablePagination-toolbar {
    flex-direction: column;
    align-items: center;
  }
  .MuiTablePagination-spacer {
    display: none;
  }
  .MuiTablePagination-actions {
    margin-top: 8px;
  }
  .MuiInputBase-root {
    width: 100%;
  }
}
.work-permit-input::-webkit-outer-spin-button,
.work-permit-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.work-permit-input[type='number'] {
  -moz-appearance: textfield;
}

.adj-button-width {
  width: 130px;
}
@media only screen and (min-width: 951px) and (max-width: 1279px) {
  .hired-text-width {
    width: 160px;
  }
}
@media only screen and (min-width: 1280px) {
.hired-text-width {
  width: 160px;
}
.hired-text-width-en {
  width: 70px;
}
}

@media only screen and (max-width: 1280px) {
  .align-action-block {
    display: block !important;
    width: 100%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 820px) {
  .adj-button-width {
    width: 90px;
  }
  .width-adj-mob {
    min-width: 86px;
  }
}

.MuiTableRow-root{
    background-color: "#ccc";
}
.account-info .select-div {
    width: 100%;
  }
  .account-info .text-div {
    width: 100%;
  }
  .account-info .file-section {
    width: 100%;
  }
  
  #account-info .modal-content{
    max-height: calc(100vh - 60px);
    min-height: 250px;
  }
  
  @media (min-width: 1024px) {
    .account-info .select-div {
      padding-top: 1rem!important;
      padding-bottom: 1rem!important;
      margin-right: 1rem!important;
      width: 50%;
    }
    .account-info .text-div {
      width: 50%;
    }
    .section {
      padding-right: 1rem!important;
      padding-left: 1rem!important;
    }
    .account-info .file-section {
      width: 50%!important;
      margin-left: 1rem!important;
    }
  }
  
  .fa-icon-default-style {
    margin-right: 10px;
    font-size: 12px;
  }
  
  .gpa-align {
    margin-right: 17px;
  }
  .text-transform {
    text-transform: uppercase;
  }
.experience-sector-button {
  padding-left: 2px;
  padding-right: 2px;
  min-width: 140px!important;
  font-size: 14px!important;
}

@media (max-width: 899px) {
  .experience-sector-item {
    flex-direction: column!important;
  }
}

.i-style {
  margin: 0 10px;
  font-size: 12px;
}

.lang-remove-btn {
  min-width: 165px !important;
}
.sector-remove-btn {
  min-width: 165px !important;
}
.add-sector-btn {
  min-width: 165px !important;
}
.add-sector-btn-ar {
  min-width: 165px !important;
}
.lang-remove-btn-ar {
  min-width: 165px !important;
}
.sector-remove-btn-ar { 
  min-width: 165px !important;
  text-align: center !important;
}
.add-sector-btn {
  padding-left: 5px;
  padding-right: 5px;
  width: 140px;
  font-size: 14px !important;
  width: 165px !important;
}

@media (max-width: 576px) {
  .ddl-font-size  {
    font-size: 14px;
  }
  .ddl-title-align {
    display: contents;
  }
}

@media (max-width: 820px) {
  .ddl-title-align {
    display: contents;
  }
}
.account-info .select-div {
  width: 100%;
}
.account-info .text-div {
  width: 100%;
}
.account-info .file-section {
  width: 100%;
}

#account-info .modal-content{
  max-height: calc(100vh - 60px);
  min-height: 250px;
}

@media (min-width: 1024px) {
  .account-info .select-div {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
    margin-right: 1rem!important;
    width: 50%;
  }
  .account-info .text-div {
    width: 50%;
  }
  .section {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
  }
  .account-info .file-section {
    width: 50%!important;
    margin-left: 1rem!important;
  }
}

.fa-icon-default-style {
  margin-right: 10px;
  font-size: 12px;
}

.gpa-align {
  margin-right: 17px;
}
.text-transform {
  text-transform: uppercase;
}
.CompanyField > div:nth-child(2) {
  margin: 0 4px;
}

/* .CompanyField > div {
  white-space: pre;
} */
.CompanyField {
  overflow: hidden;
  word-break: break-word;
}
.PayDetails {
  padding-top:12px;
  text-align:center;
  background-color: #e5e5ee;
}
.text-wrap-block {
white-space: pre-wrap !important;
}

/* Chrome, Safari, Edge, Opera */
.PaymentDialog input::-webkit-outer-spin-button,
.PaymentDialog input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.PaymentDialog input[type='number'] {
  -moz-appearance: textfield;
}
@media screen and (max-width: 1920px) {
  .companyDetailsColumns {
    flex-wrap: inherit !important;
  }
}
@media screen and (max-width: 1200px) {
  .companyDetailsColumns {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 767px) {
  .MyCompanyActionButtons > div {
    width: 100%;
  }
  .MyCompanyActionButtons button {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.companiesBox button {
  width: 140px;
}

.company-alert-message {
  margin-right: 12px;
}

.company-avatar {
  border-radius: 50%;
  border: 3px solid #0088D0;
  width: 120px;
}

/* .view-details-button-block {
  margin-left: 1rem;
  border-radius: 0;
  box-shadow: none;
  padding: 5px;
  border: 1px solid #0088D0;
  width: 8rem;
} */

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

.approved_btn {
  border-radius: 0;
  padding: 6px;
  width: 8rem;
  height: 3rem;
  font: 16px normal;
}

.myAccount_block label {
  display: block;
}

.text-color{
  font-weight: normal;
  color: white
  
}

.account-manager .MuiTableRow-root:nth-of-type(odd) {
  background: none;
}
.accountManagerDetails {
  padding-top:12px;
  text-align:center;
  color: white;
  background-color: #302D7D;
}

.myAccount_block .accountManagerDetails label{
    font: normal normal normal 12px/18px Effra;
    color: white;
    width: 100%;
    font-weight: bolder;
}

.MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper svg {
  color: white;
  font-size: 2.3rem;
}
.account-manager .MuiTableRow-head th, thead th {
  background-color: #b3b9bbf3 !important;
  color: black;
  font-size: 13px;
  font-weight: 600;
  width: 150px;
}

.account-manager .tss-1akey0g-MUIDataTableHeadCell-data {
  text-align: left;
  font-weight: 600;
  font: normal normal bold 11px/17px Effra !important;
  color: black !important;
}
.account-manager .MuiTableRow-head th, thead th .addl-class__control .css-13cymwt-control{
  font: normal normal bold 11px/17px Effra !important;
  color: black !important;
}
.tooltip-table{
  background-color: #e5e5ee !important;
}
.info-dialog {
  line-height: 20px;
}

.info-dialog .modal-title {
  color: #000;
}

.info-dialog .modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  background-color: transparent;
  border: 0;
  font-size: 1.5rem;
  font-weight: 700;
  opacity: 0.5;
}

.info-dialog .modal-body {
  display: flex;
}

.info-dialog .info-dialog__icon {
  font-size: 36px;
  margin-right: 20px;
}

.info-dialog .info-dialog__icon .fa:before {
  margin: 0;
}

.info-dialog .modal-header .close:hover {
  opacity: 1;
}

.info-dialog.rtl .modal-header .close {
  margin: -1rem auto -1rem -1rem;
}

.info-dialog.rtl .info-dialog__icon {
  margin-right: 0px;
  margin-left: 20px;
}
.payment-detail-card {
  width: 100%;
}

.delete-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95px;
}

.dialog-subTitle {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.button-container {
  gap: 30px;
}

.PaymentDialog {
  z-index: 10 !important;
}
.PaymentDialog .MuiTableCell-head span {
  white-space: nowrap;
}
.section-cont {
  overflow-y: auto;
}
.CompanyInformation .form-group > label {
  width: 100%;
}

.CompanyInformation .form-group > label .pull-right {
  position: relative;
  top: 8px;
}
.customDialogTooltip {
  z-index: 99999;
}

.form-group label {
  font-weight: bold;
}

.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}

.btn-submit :hover {
  background-color: #312782 !important
}
.payment-detail-card {
  width: 100%;
}

.delete-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95px;
}

.dialog-subTitle {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.button-container {
  gap: 30px;
}

.PaymentDialog .MuiTableCell-head span {
  white-space: nowrap;
}

.children-table-row {
  display: flex;
  border-bottom: 1px solid #000;
  line-height: 1.2;
  color: #000;
}

.children-table-row:last-of-type {
  border-bottom-width: 0px;
}

.children-table-row__data-item {
  border-right: 1px solid #000;
  padding: 6px 14px;
}

.children-table-row__data-item:last-of-type {
  border-right-width: 0px;
}

.children-table-row_heading {
  background-color: #000;
  color: #fff;
}

.children-table-row_rtl .children-table-row__data-item {
  border-right-width: 0px;
  border-left: 1px solid #000;
}

.children-table-row_rtl .children-table-row__data-item:last-of-type {
  border-left-width: 0px;
}

.children-table-row-column-name {
  display: none;
}

@media (max-width: 992px) {
  .children-table-row {
    flex-direction: column;
    border: 1px solid #000 !important;
    border-radius: 4px;
    margin-bottom: 20px;
  }

  .children-table-row_heading {
    display: none;
  }

  .children-table-row__data-item {
    display: flex;
    padding: 0px;
  }

  .children-table-row__data-item > * {
    width: 50%;
    padding: 6px 14px;
  }

  .children-table-row-column-name {
    display: block;
    border-right: 1px solid #000;
    background-color: #312782;
    color: #fff;
  }

  .children-table-row__data-item {
    width: 100% !important;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom: 1px solid #000;
  }

  .children-table-row__data-item:last-of-type {
    border-bottom-width: 0px;
  }

  .children-table-row_rtl .children-table-row__data-item {
    border-left-width: 0px;
  }

  .children-table-row_rtl .children-table-row-column-name {
    border-left: 1px solid #000;
    border-right-width: 0px;
  }
}

.children-table {
  font-size: 12px;
  border: 1px solid #000;
  border-radius: 6px;
  overflow: hidden;
  font-weight: 700;
  max-height: 350px;
  overflow-y: auto;
}

@media (min-width: 1400px) {
  .children-table {
    max-height: 250px;
  }
}

@media (max-width: 992px) {
  .children-table {
    border: none;
    max-height: 450px;
    border-radius: 0px;
    overflow: auto;
  }
}

.btn-yes:hover {
    background-color: #312782 !important
}

.btn-no {
    border: 1px solid #312782 !important;
}
.RepresentativesTable h3 {
    float: none;
}
.representative_btn {
    text-align: right;
    margin-bottom: 0;
}
.representative_btn .btn_position{
    margin-top: -4rem;
    z-index: 9;
    position: relative;
}
/* .company-representative .MuiTableHead-root th {
    background-color: #fff !important;
    border-bottom: none;
    color: #000 !important;
    font: normal normal bold 10px Effra;
} */

.company-representative .MuiTableRow-root:nth-of-type(odd) {
    background: none;
}

h3.centerHead {
    overflow: hidden;
    text-align: center;
    }
h3.centerHead span{background: #302d7d;
    padding: 5px 10px;
    font: normal bold 12px Effra;
    color: #FFFFFF;}
    
h3.centerHead:before,
h3.centerHead:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    }
    
h3.centerHead:before {
    right: 0.1em;
    margin-left: -50%;
    }
    
h3.centerHead:after {
    left: 0.1em;
    margin-right: -50%;
    }
.textAlignCenter{text-align: center;}
.listPermission{padding: 0;list-style: none;}
.listPermission li{font: normal normal 12px/12px Effra;
    color: #575656;
    display: flex;
    border-bottom: 1px solid #ffffff;
    align-items: center;
    padding: 2px 0;}
.listPermission li .fa-check-circle{color: #429156;
    padding: 5px;
    font-size: 16px;}
.listPermission li .fa-times-circle{color: #b95159;
    padding: 5px;
    font-size: 16px;}
.headerMobile{font: normal bold 14px/17px Effra;
    background: #302D7D;
    color: #ffffff;
    text-align: center;
    padding: 5px;}
span.topArrow {
        content: "\27A4";
      }
.PermissionBox{
box-shadow: 0px 3px 6px #00000029;
border: 1px solid #DED7D5;
margin: 3%;
}
.PermissionBox2{
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #DED7D5;
}
.representativeheadingBox{
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #DED7D5;
    color: #312782 !important;;
}
.representativeSubhead{
    text-align: center;
    margin-top: -1em;
    font: normal normal normal 16px/16px effra !important;
    color: white;
}
.representativepageheading{
	text-align: center;
    font: normal normal normal 30px/36px Effra;
    color: white;
    margin-top: 5;
    padding-top: 5;
}
.companyInfo{
    font: normal normal bold 16px/20px Effra !important;
    color: #484848;
    white-space: pre-wrap;
    word-break: break-all;
}
.labelInfo{
    font: normal normal normal 16px/16px effra !important;
}
.color1{background: #E4E4FE 0% 0% no-repeat padding-box;}
.color2{background: #ECE5EB 0% 0% no-repeat padding-box;}
.color3{background: #FFDEDF 0% 0% no-repeat padding-box;}
.color4{background: #bcbcdb 0% 0% no-repeat padding-box;}
.color5{background: #312782 0% 0% no-repeat padding-box;}
.textBlue{color: #302D7D;text-transform: uppercase;}
.permissionSubHead{font: normal bold 24px/28px Effra;color: #302D7D;}
.permissionSubHead1{font: normal bold 14px/17px Effra;color: #302D7D;padding: 1%;}
.permissionContent{font: normal normal 14px/17px Effra;color: #302D7D;}
.statusYellow{color: #cbd23f;}
.statusGreen{color: #279d5e;}
.statusGrey{color: #62726a;}
.statusRed{color: #b63721;}
.applicantHead1{font: normal bold 16px/16px Effra;color: #302D7D;font-weight: 800;margin:0;padding: 0 0 0 2rem;}
.filter-container select,
.filter-container input[type="text"]
{
    min-width: 180px!important;
}

.filter-container select,
.filter-container input[type="text"]
 {
  margin-right: 10px !important;
  padding: 5px !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  min-width: 130px;
}
 

.head
{ 
font:normal normal bold 22px/29px Effra;
letter-spacing:'0px';
color:#0088D0 !important;
}
.editdetails
{
    display: flex;   
    flex-direction: column;
}
.bottom_btn_placement{
    display: flex;
}
.logo-container {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center items horizontally */
    text-align: center; /* Center text */
    white-space: nowrap;
}
.logo-heading {
    margin-right: 10px;
    color: #302D7D;
    font: normal normal bold 30px/36px Effra !important;
}
.custom-logo {
    width: 120px;
    height: 120px;
    border: 3px solid #0088D0;
    align-items: center;
}
.btn-cancel {
    border: 1px solid #312782 !important;
}
.btn-confirm:hover {
    background-color: #312782 !important
}
.btn-yes:hover {
    background-color: #312782 !important
}

.btn-no {
    border: 1px solid #312782 !important;
}
.RepresentativesTable h3 {
    float: none;
}
.representative_btn {
    text-align: right;
    margin-bottom: 0;
}
.representative_btn .btn_position{
    margin-top: -4rem;
    z-index: 9;
    position: relative;
}
.table_top_cont_container{
    
}
.OrganisationField > div:nth-child(2) {
  margin: 0 4px;
}

.OrganisationField > div {
  white-space: pre;
}

.OrganisationField {
  overflow: hidden;
  word-break: break-word;
}

.text-wrap-block {
  white-space: pre-wrap !important;
}
.myAccount_block p h3{font: normal normal bold 22px/22px Effra;letter-spacing: 0px;color: #302D7D;}
.pc-color{
  color: #302D7D;
}
.info-dialog {
  line-height: 20px;
}

.info-dialog .modal-title {
  color: #000;
}

.info-dialog .modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  background-color: transparent;
  border: 0;
  font-size: 1.5rem;
  font-weight: 700;
  opacity: 0.5;
}

.info-dialog .modal-body {
  display: flex;
}

.info-dialog .info-dialog__icon {
  font-size: 36px;
  margin-right: 20px;
}

.info-dialog .info-dialog__icon .fa:before {
  margin: 0;
}

.info-dialog .modal-header .close:hover {
  opacity: 1;
}

.info-dialog.rtl .modal-header .close {
  margin: -1rem auto -1rem -1rem;
}

.info-dialog.rtl .info-dialog__icon {
  margin-right: 0px;
  margin-left: 20px;
}
.payment-detail-card {
  width: 100%;
}

.delete-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95px;
}

.dialog-subTitle {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.button-container {
  gap: 30px;
}

.PaymentDialog {
  z-index: 10 !important;
}
.PaymentDialog .MuiTableCell-head span {
  white-space: nowrap;
}

.OrganisationInformation .form-group > label {
  width: 100%;
}

  .OrganisationInformation .form-group > label .pull-right {
    position: relative;
    top: 8px;
  }
.customDialogTooltip {
  z-index: 99999;
}
.form-group label {
  font-weight: bold;
}
.btn-submit:hover {
background-color: #312782;
}
.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}
.form-group .form-radio {cursor: pointer;display: inline-flex;align-items: center;}
.form-group .form-radio input[type="radio"] {margin: 0 5px;}
.customDialogTooltip {
  z-index: 99999;
}
.form-group label {
  font-weight: bold;
}

.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}

.btn-submit :hover {
  background-color: #312782 !important
}
/* @media only screen and (min-width: 1200px) {
  .branch-input-left {
    margin-top: 65px;
  }
  .branch-input-right {
    margin-top:46px;
  }
  .input-left-doc {
    margin-top: 92px;
  }
  .input-right-doc {
    margin-top: 73px;
  }
} */


.payment-details-form  .btn-cancel,
.payment-details-form  .btn-cancel2{
  border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #0088D0;
    background: #fff;
    color: #0088D0;
}
.payment-details-form  .btn-cancel2{
  display: none;
}
.payment-details-form  .btn-submit{
  border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #0088D0;
    background: #0088D0;
    color: #fff;
    margin-left: 3rem;
    margin-right: 3rem;
}
.btn-cancel {
    border: 1px solid #312782 !important;
}
.btn-confirm:hover {
    background-color: #312782 !important
}
.modal-style {
    min-width: 65vw;
    width: 65vw;
    max-width: 100% !important;
  }
.btn-yes:hover {
    background-color: #312782 !important
}

.btn-no {
    border: 1px solid #312782 !important;
}
.RepresentativesTable h3 {
    float: none;
}
.representative_btn {
    text-align: right;
    margin-bottom: 0;
}
.representative_btn .btn_position{
    margin-top: -4rem;
    z-index: 9;
    position: relative;
}
.table_top_cont_container{
    
}
.OrganisationField > div:nth-child(2) {
  margin: 0 4px;
}

.OrganisationField > div {
  white-space: pre;
}

.OrganisationField {
  overflow: hidden;
  word-break: break-word;
}

.text-wrap-block {
  white-space: pre-wrap !important;
}
.org-edit-button-align {
  float: inline-end;
  background-color: #e5dddd!important;
  color: #0088D0 !important;
  cursor: pointer;
}
.btn-org-submit {
  cursor: pointer!important;
}
.btn-org-submit-details .btn-primary {
  background-color: #0088D0;
  border: none;
  margin: 3px;
  float: right;
}
.info-dialog {
  line-height: 20px;
}

.info-dialog .modal-title {
  color: #000;
}

.info-dialog .modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  background-color: transparent;
  border: 0;
  font-size: 1.5rem;
  font-weight: 700;
  opacity: 0.5;
}

.info-dialog .modal-body {
  display: flex;
}

.info-dialog .info-dialog__icon {
  font-size: 36px;
  margin-right: 20px;
}

.info-dialog .info-dialog__icon .fa:before {
  margin: 0;
}

.info-dialog .modal-header .close:hover {
  opacity: 1;
}

.info-dialog.rtl .modal-header .close {
  margin: -1rem auto -1rem -1rem;
}

.info-dialog.rtl .info-dialog__icon {
  margin-right: 0px;
  margin-left: 20px;
}
.payment-detail-card {
  width: 100%;
}

.delete-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95px;
}

.dialog-subTitle {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.button-container {
  gap: 30px;
}

.PaymentDialog {
  z-index: 10 !important;
}
.PaymentDialog .MuiTableCell-head span {
  white-space: nowrap;
}

.OrganisationInformation .form-group > label {
  width: 100%;
}

  .OrganisationInformation .form-group > label .pull-right {
    position: relative;
    top: 8px;
  }
.customDialogTooltip {
  z-index: 99999;
}
.form-group label {
  font-weight: bold;
}
.btn-submit:hover {
background-color: #312782;
}
.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}
.form-group .form-radio {cursor: pointer;display: inline-flex;align-items: center;}
.form-group .form-radio input[type="radio"] {margin: 0 5px;}
.customDialogTooltip {
  z-index: 99999;
}
.form-group label {
  font-weight: bold;
}
.btn-yes:hover {
    background-color: #312782 !important
}

.btn-no {
    border: 1px solid #312782 !important;
}
.RepresentativesTable h3 {
    float: none;
}
.representative_btn {
    text-align: right;
    margin-bottom: 0;
}
.representative_btn .btn_position{
    margin-top: -4rem;
    z-index: 9;
    position: relative;
}
.table_top_cont_container{
    
}
.OrganisationField > div:nth-child(2) {
  margin: 0 4px;
}

.OrganisationField > div {
  white-space: pre;
}

.OrganisationField {
  overflow: hidden;
  word-break: break-word;
}

.text-wrap-block {
  white-space: pre-wrap !important;
}
.org-edit-button-align {
  float: inline-end;
  background-color: #e5dddd!important;
  color: #0088D0 !important;
  cursor: pointer;
}
.btn-org-submit {
  cursor: pointer!important;
}
.btn-org-submit-details .btn-primary {
  background-color: #0088D0;
  border: none;
  margin: 3px;
  float: right;
}
.info-dialog {
  line-height: 20px;
}

.info-dialog .modal-title {
  color: #000;
}

.info-dialog .modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  background-color: transparent;
  border: 0;
  font-size: 1.5rem;
  font-weight: 700;
  opacity: 0.5;
}

.info-dialog .modal-body {
  display: flex;
}

.info-dialog .info-dialog__icon {
  font-size: 36px;
  margin-right: 20px;
}

.info-dialog .info-dialog__icon .fa:before {
  margin: 0;
}

.info-dialog .modal-header .close:hover {
  opacity: 1;
}

.info-dialog.rtl .modal-header .close {
  margin: -1rem auto -1rem -1rem;
}

.info-dialog.rtl .info-dialog__icon {
  margin-right: 0px;
  margin-left: 20px;
}
.payment-detail-card {
  width: 100%;
}

.delete-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95px;
}

.dialog-subTitle {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.button-container {
  gap: 30px;
}

.PaymentDialog {
  z-index: 10 !important;
}
.PaymentDialog .MuiTableCell-head span {
  white-space: nowrap;
}

.OrganisationInformation .form-group > label {
  width: 100%;
}

  .OrganisationInformation .form-group > label .pull-right {
    position: relative;
    top: 8px;
  }
.customDialogTooltip {
  z-index: 99999;
}
.form-group label {
  font-weight: bold;
}
.btn-submit:hover {
background-color: #312782;
}
.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}
.form-group .form-radio {cursor: pointer;display: inline-flex;align-items: center;}
.form-group .form-radio input[type="radio"] {margin: 0 5px;}
.form-signin {
    display: flex;
    height: 100%;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
}

.form-container {
    width: 330px;
}
.general-title-padding{
  padding-bottom: 6px;
}

.terms-and-conds-modal.show {
  display: block;
  padding-right: 15px;
  z-index: 11000;
}

.terms-and-conds-modal .modal-backdrop {
  z-index: 10500;
}

.terms-and-conds-modal #content h1,
.terms-and-conds-modal #content h2,
.terms-and-conds-modal #content h3,
.terms-and-conds-modal #content h5,
.terms-and-conds-modal #content h6 {
  letter-spacing: 0px;
  font-weight: normal;
  position: relative;
  padding: 0 0 10px 0;
  font-weight: normal;
  font-family: 'Effra';
  line-height: 140% !important;
  color: #312782;
  border-bottom: solid 1px #312782;
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}

.terms-and-conds-modal #content h3:not(:first-child) {
  margin-top: 30px;
}

.terms-and-conds-modal .arabicChecklist li {
  font-size: 16px !important;
}

.terms-and-conds-modal .titleInner {
  color: #312782;
}

.terms-and-conds-modal .secondTitle {
  margin-top: 50px;
}

.terms-and-conds-modal .titleInner {
  min-width: 300px;
  border-bottom: solid 1px #312782;
}

.terms-and-conds-modal .dmtop {
  overflow: hidden;
}

.terms-and-conds-modal .mandatory {
  border: solid 1px #ff1414;
}

.terms-and-conds-modal #content h3 {
  font-size: 18px !important;
}

.terms-and-conds-modal #content h4 {
  font-size: 16px !important;
}

.terms-and-conds-modal .d-inline-block {
  display: inline-block !important;
  width: auto;
}

.terms-and-conds-modal .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.terms-and-conds-modal .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.terms-and-conds-modal .dialog-title {
  color: #312782;
  background-color: transparent;
  font-size: 18px;
  opacity: 1;
  padding: 0;
  margin-top: 5px;
}

.terms-and-conds-modal {
  font-weight: 700;
  color: #000;
}

.terms-and-conds-modal button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.termsConditionButtons {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 60px;
}

#content {
  margin: 16px 30px !important;
}

.btn-decline:hover {
  color: #312782 !important;
  background-color: white;
}
.Form-top-container .title{
    text-align: center;
    font-size: 2rem;
    color: "#524E8A";
}
.Form-top-container .form-group{
    padding: 1.2rem;
    background: #fff;
    border: 1px solid #DED7D5;
    border-radius: 5px;
}   
.Form-top-container .form-group .form-control{
    border: 0;
    padding-left: 0;
}
.Form-top-container .form-group .form-control:focus{
    border: 0;
    box-shadow: none;
}
.Form-top-container .form-group .form-control::placeholder{
    color: "#333333";
    opacity: 0.6;
}
.Form-top-container .form-group  .addl-class__value-container{
    padding-left: 0;
}
.Form-top-container .form-group .addl-class__value-container  .addl-class__placeholder {
    font-size: 1rem;
    font-weight: 800;
    color: #524E8A;
}

.action-btn-cont .btn{
   
    min-width: 140px;
    margin: 0 1em;
   
}

.action-btn-cont {
    clear: both;
    text-align: right;
    padding-top: 2rem;
}
.Form-top-container  .row.form-row.post-modal{
padding: 0;
}
.form-group.textarea {
    min-height: 284px;
}
.saveButton{
     background-color: #7D1E6C;
     border: 1px solid #C4C4C4
}
.cancelButton{
    border: 1px solid #C4C4C4;   
    background-color: '#FFFFFF'
}
.jobTemplateClose .md-close{
    background-color: #7D1E6C !important;
}

.JobModal .md-close {
  background-color: #0088D0;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px;
    font-size: 15px;
    margin: 0.5em;
}

.JobModal .ModalCheckbox {
  display: flex;
  align-items: center;
}

.JobModal .ModalCheckbox span {
  margin: 2px 6px 0;
}

.JobModal .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.apply-section {
  display: flex;
  justify-content: space-between;
}

.apply-section .file-upload {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.apply-section .file-upload .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.apply-section .file-upload .form-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.apply-section .file-upload .form-control::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: 'Browse';
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.apply-section .file-upload .form-control.success {
  border-color: #28a745;
}

.apply-section .file-upload .form-control.error {
  border-color: #e74c3c;
}

.apply-section .file-upload .file-upload-help {
  font-size: 80%;
}

.apply-section .file-upload .file-upload-help.success {
  color: #28a745;
}

.apply-section .file-upload .file-upload-help.error {
  color: #e74c3c;
}

.JobModalFooter {
  display: flex;
  justify-content: flex-end;
}

.JobModalFooter .loading {
  margin: 0;
}

.JobModalFooter.Rtl {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.modal-body {
  background-color: #F5F5F5;
}
.modal-body-cont .user-input-fields-cont .MuiTypography-subtitle1{
  color: #757575;
  font-size: 1rem;
}
.modal-body-cont .user-input-fields-cont .MuiTypography-body1 {
  color: #484848;
  font-size: 1.1rem;
  font-weight: bold;
}
.modal-body-cont .user-input-fields-cont .col-4{
  padding: 0 0.5rem;
}
.btn-submit {
  /* border-radius: 0; */
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  /* border: 1px solid #0088D0; */
  color: #fff;
  background-color: #0088D0;
}
.btn-cancel-popup {
  border-radius: 0;
  margin: 5px;
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  border: 1px solid #0088D0;
  color: #0088D0;
  background-color: #DED7D5;
}
.btn-submit-popup {
  border-radius: 0;
  margin: 5px;
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  border: 1px solid #0088D0;
  color: #fff;
  background-color: #0088D0;
}

/* .modal-body-cont .FileUpload {
  margin-bottom: 0px;
}
.modal-body-cont .FileUpload label {
  border: none;
}
.modal-body-cont .file-button {
  background: #DED7D5;
  text-align: center;
  font: normal normal normal 14px/17px Effra;
  color: #0088D0;
  position: absolute;
  right: 4em;
  top: 17px;
  bottom: auto;
  padding: 10px 20px;
}
.modal-body-cont .FileUpload label.form-control{
  min-height: 71px;
}
.modal-body-cont .FileUpload .file_name,
.modal-body-cont .FileUpload .remove-file{
  margin-top: 17px;
} */

.MuiTableRow-root{
    background-color: "#ccc";
}

.card-box {
    background-color: rgb(233, 233, 233);
    border: 1px solid gainsboro;
}
.text-right {
    text-align: right;
}


.dropdown-skeleton {
  flex: 1 1;
  margin-right: 16px;
  background-color: White;
  min-height: 1000px;
  position: relative;
  box-sizing: border-box;
}

.button-skeleton{
 display: flex;
 align-items: center;
 margin-left: auto;
}
.box-container {
  margin-top: 10px;
}
.box-skeleton {
 display: flex;
 background-color: white;
}
.box-skeleton .skeleton {
  height: 80px;
  border: 1px solid #D5D5D5;
  background-color: #FFFFFF 0% 0% no-repeat padding-box;
  box-sizing: border-box;
  margin: 8px;
  
}

.custom__refund_container {
    padding: 20px;
  }
  
  .general-refund_title {
    font-size: 1.2rem;
    margin-bottom: 20px;
  }
  
  .summary-section {
    margin-bottom: 20px;
  }
  
  .viewData {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2; 
    -webkit-box-orient: vertical;
    font-weight: bold;
  }
  
  .padding-refund_top {
    padding-top: 50px;
  }
  
  .paymentRefundsTable {
    margin-top: 20px;
  }
  
  
.certificate_applicants:hover {
  color: darkblue;
}

.certificate_title {
  text-align: left;
}

.certificate_status-active {
  color: #198754;
}

.certificate_status-in-pre-assessment, .certificate_status-underreview, .certificate_status-UnderReview, .certificate_status-Draft {
  color: #FFCE0A;
}

.certificate_status-Enrolled, .certificate_status-Completed, .certificate_status-accepted{
  color: #02B061;
}

.certificate_action-btn {
  background-color: #711C5A;
  color: white;
}

.certificate_status-rejected, .certificate_status-DroppedOut, .certificate_status-FailedPreAssessment {
  color: #711C5A;
}

.certificate_status-graduated {
  color: #1778C5;
}

.tp_applicant_action {
  display: flex;
  justify-content: space-between;
}

.tp_applicant_actions-btns {
  display: flex;
  justify-content: right;
}

.tp_applicant_action--accept {
  width: 70px;
  padding: 4px 10px;
  background-color: #00B050;
  color: white;
}

.tp_applicant_action--reject {
  width: 70px;
  padding: 4px 10px;
  margin: 0 10px;
  background-color: #FF0000;
  color: white;
}

.tp_applicant_notes {
  width: 100%;
}

.tp_applicant_action--active {
  height: 140px;
  vertical-align: baseline !important;
}

.tp_participant_status--active {
  height: 340px;
  vertical-align: baseline !important;
}

.tp_participant_status {
  width: 38%;
  position: absolute;
}
.tp_participant_update_form {
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 350px;
  right: 50px;
}

.quiz-builder {
  font-size: 18px;
  color: #686868;
}

.quiz-label {
  margin: 0;
  font-weight: 700;
}

.reject-form-field {
  font: normal normal normal 14px/22px Effra;
  color: #302D7D;
  font-weight: 700;
}
.bulk-reject-label{
  margin-bottom: 20px;
}
.tableButton1-xl{
  max-width: 160px !important;
}
.form-control:focus{
  box-shadow: none !important;
  border: 1px solid #ced4da !important;
}
.reason-container {
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-word;
}
.tp_participant_reject_form {
  text-align: left;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 350px;
  box-shadow: 0px 0px 15px #d5d5d5;
}
.tp_history_btn{
  border: 1px solid #0088D0 !important;
  color: #0088D0 !important;
  background-color: #DED7D5 !important;
  width: 150px;
}
.participant_banner{
  background-color: #DED7D5 !important;
}
.participant_modal{
  min-height: 300px;
}
.tp_update_status_btn{
  width: 150px;
  border-radius: 0.2rem !important;
}
.nhp_update_status_btn{
  width: 160px;
  border-radius: 0.2rem !important;
}
.full_width{
  width: 100% !important;
}
@media (max-width: 576px) {
  .tp_participant_status {
    width: 100% !important;
  }
  .tp_participant_status--active {
    height: 380px !important; 
  }
  .status_change_upload button.remove-file {
    position: relative!important;
  }
  .status_change_upload span.text-inside {
    display: none!important;
  }
  .quiz-label label {
    font-size: 15px!important;
  }
}

@media (max-width: 1024px) {
  .reason-container {
    width: 200px;
    word-break: initial;
  }
}

.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}

.btn-confirm:hover {
  background-color: #312782 !important
}
.btn-confirm-action {
  background-color: #312782; 
  color: white;
}
.participant_status {
  display: contents;
}
.certificate_status-RejectedBySystem {
  color: #f81634;
}
.TalentProgramCertificatesTable-conatiner .fas.fa-users {
color: #0088D0;
}
.TalentProgramCertificatesTable-conatiner .css-1brwdxv-MuiGrid-root{
    justify-content: start; 
}
.TalentProgramCertificatesTable-conatiner .certificate_applicants.primaryBtn_2{
    position: relative;
}
.TalentProgramCertificatesTable-conatiner .certificate_applicants.primaryBtn_2 .fas.fa-pen{
position: absolute;
top: 13px;
left: 8px;
font-size: 14px;
}
.TalentProgramCertificatesTable-conatiner .certificate_action-btn{
    width: 100%;
}
.TalentProgramCertificatesTable-conatiner .btn-update {
    padding: 0.4rem 0.7rem;
    border-radius: 0;
}
.TalentProgramCertificatesTable-conatiner .MuiPaginationItem-page.Mui-selected {
    background-color: #0088D0!important;
    color: rgb(255, 255, 255) !important;
  
    border-radius: 5px;
}
.TalentProgramCertificatesTable-conatiner .MuiButtonBase-root .MuiSvgIcon-root {
    font-size: 2.5rem;
    color: #0088D0;
}
.selectActionDropDown {
    width: 6.5rem;
    margin-left: -1rem;
  }

  td div.selectActionDropDown{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 100%;
  }
.quiz-builder .shorten-text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: block;
}

.certificate_applicants:hover {
  color: darkblue;
}

.applicants-table {
  height: 100%;
  overflow-y: auto;
}

.certificate_edit-disable {
  opacity: 0.4;
}

.certificate_title {
  text-align: center;
}

.certificate_status-0 {
  color: #000000;
}
.certificate_status-5 {
  color: #FF7F00;
}
.certificate_status-6 {
  color: #FF0000;
}


.certificate_status-active, .certificate_status-1, .certificate_status-4 {
  color: #549309;
}

.certificate_status-in-pre-assessment, .certificate_status-3, .certificate_status-7 {
  color: #FF7F00;
}
.certificate_status-InPreAssessment {
  color: #FFCE0A !important;
}

.certificate_status-enrolled {
  color: #02B061;
}

.certificate_action-btn, .certificate_applicants.fa-pen {
  background-color: #711C5A;
  color: white;
}
.searchField-title{
  font: normal normal normal 18px/18px Effra;
    color: #302D7D;
}
.DownloadCol{
  font: normal normal bold 16px/21px Roboto;
    color: #524E8A;
    float: left;
    padding: 5px 10px;
    margin-top: 1.5em;
    height: 40px;
}
.tp_certificates_search-bar .MuiButton-containedPrimary
{
  background-color: #0088D0 !important;
}
.table-container-xs .btn-primary,.table-container-xs .btn-primary:hover {
  color: #fff;
  background-color: #0088D0;
  border-color: #0088D0;
}
.certificate_status-rejected, .certificate_status-2 {
  color: #f81634;
}
.tp_participant_status span.certificate_status-rejected{color: rgb(255, 255, 255);
  background-color: rgb(219 70 70);
  font-size: 12px;
  padding: 2px;
  width: 100%;
  float: left;}

.certificate_status-graduated {
  color: #1778C5;
}

.certificate_status-dropped_out {
  color: #711C5A;
}

.certificate_status-accepted {
  color: #02B061;
}

.tp_applicant_action {
  display: flex;
  justify-content: space-between;
}

.tp_applicant_actions-btns {
  display: flex;
  justify-content: right;
}

.tp_applicant_action--accept {
  width: 70px;
  padding: 4px 10px;
  background-color: #00B050;
  color: white;
}

.tp_applicant_action--reject {
  width: 70px;
  padding: 4px 10px;
  margin: 0 10px;
  background-color: #711C5A;
  color: white;
}

.tp_applicant_notes {
  width: 100%;
}

.tp_applicant_action--active {
  height: 200px;
  vertical-align: baseline !important;
}

.tp_participant_status--active {
  height: 380px;
  vertical-align: baseline !important;
}

.tp_participant_status {
  width: 38%;
  position: absolute;
}

.quiz-builder {
  font-size: 18px;
  color: #686868;
}

.quiz-label {
  margin: 0;
  font-weight: 700;
}

.bglightBlue {
  background-color: #dbebef;
  border-radius: 5px !important;
  overflow: hidden;
}
.detailP {
  float: left;
  width: 50%;
  color: #3d3f40;
  font-size: 13px;
}
.mb-4 {
  margin-bottom: 1.5rem !important; }
  .mt-4 {
    margin-top: 1.5rem !important; }
.studentLabel {
  color: #312782;
  font-size: 14px;
  font-weight: 500;
}
.studentLabelVal {
  color: #312782;
  font-size: 14px;
  font-weight: 600;
}
.studentProgramDetails {
  color: #312782;
  font-size: 18px;
  font-weight: 800;
}
.student_title{
  text-align: center;
}
.student_status_modal{
  min-height: 250px;
}
.student_status_modal2{
  min-height: 440px;
}
.nhp_modal_body{
 background-color: #fff;
}
.student_status_modal3{
  min-height: 300px;
}
.marginBottom5{
 margin-bottom: 2px;
}
.marginTop1{
  margin-top: 9px;
 }
.detailNHP {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  color: #3d3f40;
  font-size: 13px;
}

.certificate_applicants:hover {
  color: darkblue;
}

.certificate_title {
  text-align: left;
}

.certificate_status-active {
  color: #198754;
}

.certificate_status-i.n-pre-assessment, .certificate_status-underreview, .certificate_status-UnderReview, .certificate_status-Draft {
  color: #FFCE0A;
}

.certificate_status-Enrolled, .certificate_status-Completed, .certificate_status-accepted{
  color: #02B061;
}

.certificate_action-btn {
  background-color: #711C5A;
  color: white;
}

.certificate_status-rejected, .certificate_status-DroppedOut, .certificate_status-FailedPreAssessment {
  color: #711C5A;
}

.certificate_status-graduated {
  color: #1778C5;
}

.tp_applicant_action {
  display: flex;
  justify-content: space-between;
}

.tp_applicant_actions-btns {
  display: flex;
  justify-content: right;
}

.tp_applicant_action--accept {
  width: 70px;
  padding: 4px 10px;
  background-color: #00B050;
  color: white;
}

.tp_applicant_action--reject {
  width: 70px;
  padding: 4px 10px;
  margin: 0 10px;
  background-color: #FF0000;
  color: white;
}

.tp_applicant_notes {
  width: 100%;
}

.tp_applicant_action--active {
  height: 140px;
  vertical-align: baseline !important;
}

.tp_participant_status--active {
  height: 340px;
  vertical-align: baseline !important;
}

.tp_participant_status {
  width: 38%;
  position: absolute;
}
.tp_participant_update_form {
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 350px;
  right: 50px;
}

.quiz-builder {
  font-size: 18px;
  color: #686868;
}

.quiz-label {
  margin: 0;
  font-weight: 700;
}

.reject-form-field {
  font: normal normal normal 14px/22px Effra;
  color: #302D7D;
  font-weight: 700;
}
.bulk-reject-label{
  margin-bottom: 20px;
}
.tableButton1-xl{
  max-width: 160px !important;
}
.form-control:focus{
  box-shadow: none !important;
  border: 1px solid #ced4da !important;
}
.reason-container {
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-word;
}
.tp_participant_reject_form {
  text-align: left;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 350px;
  box-shadow: 0px 0px 15px #d5d5d5;
}
.tp_history_btn{
  border: 1px solid #0088D0 !important;
  color: #0088D0 !important;
  background-color: #DED7D5 !important;
  width: 150px;
}
.tp_update_status_btn{
  width: 150px;
  border-radius: 0.2rem !important;
}
.full_width{
  width: 100% !important;
}
@media (max-width: 576px) {
  .tp_participant_status {
    width: 100% !important;
  }
  .tp_participant_status--active {
    height: 380px !important; 
  }
  .status_change_upload button.remove-file {
    position: relative!important;
  }
  .status_change_upload span.text-inside {
    display: none!important;
  }
  .quiz-label label {
    font-size: 15px!important;
  }
}

@media (max-width: 1024px) {
  .reason-container {
    width: 200px;
    word-break: initial;
  }
}

.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}

.btn-confirm:hover {
  background-color: #312782 !important
}
.btn-confirm-action {
  background-color: #312782; 
  color: white;
}
.participant_status {
  display: contents;
}
.text-success {
  color: #06be7b !important; }
.TalentProgramCertificatesTable-conatiner .fas.fa-users{color:#0088d0}.TalentProgramCertificatesTable-conatiner .css-1brwdxv-MuiGrid-root{justify-content:start}.TalentProgramCertificatesTable-conatiner .certificate_applicants.primaryBtn_2{position:relative}.TalentProgramCertificatesTable-conatiner .certificate_applicants.primaryBtn_2 .fas.fa-pen{position:absolute;top:13px;left:8px;font-size:14px}.TalentProgramCertificatesTable-conatiner .certificate_action-btn{width:100%}.TalentProgramCertificatesTable-conatiner .btn-update{padding:.4rem .7rem;border-radius:0}.TalentProgramCertificatesTable-conatiner .MuiPaginationItem-page.Mui-selected{background-color:#0088d0 !important;color:#fff !important;border-radius:5px}.TalentProgramCertificatesTable-conatiner .MuiButtonBase-root .MuiSvgIcon-root{font-size:2.5rem;color:#0088d0}.nhct_btn_semesterDetails{border-color:#0088d0;font-size:.85rem;border:2px solid #0088d0;background-color:#e5dfdf;border-radius:5px;color:#0088d0;padding:10px;width:100%}.btn_AssignStudent,.nhp-certificates-table .actions-box .payment-history-btn{border-color:#0088d0;font-size:.85rem;border:2px solid #0088d0;background-color:#0088d0;border-radius:5px;padding:10px;color:#e5dfdf;width:100%}.nhp-certificates-table .actions-box{display:flex;flex-direction:row;row-gap:15px}.nhp-certificates-table .actions-box>.selectActionDropDown{width:100%;margin:0;min-height:35px}.nhp-certificates-table .actions-box .payment-history-btn{border:1px solid #af26a1;background-color:#d5cfcd;color:#94448e;font-size:.85rem;font-weight:bold;min-height:35px}.nhp-certificates-table .actions-box .icon-action-container{display:flex;flex-direction:column;margin-right:20px}.nhp-certificates-table .actions-box .icon-title{font-family:"Font Awesome 5 Free";font-size:10px;font-weight:600;color:#302d7c;margin-bottom:10px;margin-top:10px;text-align:center}.nhp-certificates-table .actions-box .icon-action{margin-right:10px;margin-top:auto}.nhp-certificates-table .actions-box img{cursor:pointer;height:30px;margin-left:10px}.width100{width:100%}
#payment-history-modal .modal-body{display:flex;flex-direction:column;row-gap:10px}#payment-history-modal #programDetails{gap:10px;color:#302d7c;padding:1rem}#payment-history-modal #programDetails>.pd-header{font-weight:600;font-size:16px;grid-column:span 5}#payment-history-modal #programDetails .header{font-weight:400}#payment-history-modal #programDetails .data{font-weight:600}#payment-history-modal .wo,#payment-history-modal .asd,#payment-history-modal .season{padding:15px 5px;display:flex;flex-direction:column;row-gap:10px}#payment-history-modal .wo .right-box,#payment-history-modal .asd .right-box,#payment-history-modal .season .right-box{font-size:14px;display:flex;justify-content:space-between;padding-right:5px;flex-basis:15%}#payment-history-modal .wo .right-box.season-status,#payment-history-modal .asd .right-box.season-status,#payment-history-modal .season .right-box.season-status{flex-basis:21%}#payment-history-modal .wo .right-box .status-box,#payment-history-modal .asd .right-box .status-box,#payment-history-modal .season .right-box .status-box{display:flex;column-gap:15px}#payment-history-modal .wo .right-box .status-box .label,#payment-history-modal .asd .right-box .status-box .label,#payment-history-modal .season .right-box .status-box .label{font-weight:400}#payment-history-modal .wo .right-box .status-box .value,#payment-history-modal .asd .right-box .status-box .value,#payment-history-modal .season .right-box .status-box .value{font-weight:600;color:#000}#payment-history-modal .wo .highlight-blue,#payment-history-modal .asd .highlight-blue,#payment-history-modal .season .highlight-blue{background:#e4e5ed}#payment-history-modal .wo .hide,#payment-history-modal .asd .hide,#payment-history-modal .season .hide{display:none}#payment-history-modal .wo .show,#payment-history-modal .asd .show,#payment-history-modal .season .show{display:block}#payment-history-modal .wo .header,#payment-history-modal .asd .header,#payment-history-modal .season .header{font-weight:600;font-size:16px;color:#302d7c;padding:10px;display:flex;justify-content:space-between}#payment-history-modal .wo .wo-data,#payment-history-modal .wo .season-data,#payment-history-modal .asd .wo-data,#payment-history-modal .asd .season-data,#payment-history-modal .season .wo-data,#payment-history-modal .season .season-data{opacity:1;max-height:1000px;transition:opacity 1s,max-height 1s}#payment-history-modal .wo .download-button,#payment-history-modal .asd .download-button,#payment-history-modal .season .download-button{display:inline-block;padding:10px 15px;background-color:#fff;color:#000;text-decoration:underline;border:none;border-radius:4px;cursor:pointer}#payment-history-modal .wo .download-button:hover,#payment-history-modal .asd .download-button:hover,#payment-history-modal .season .download-button:hover{color:#45a049}@media only screen and (min-width: 1024px){#payment-history-modal .wo th{width:200px}}@media only screen and (min-width: 1290px){#payment-history-modal .wo th{width:275px}}#payment-history-modal .season{padding:15px 15px}#payment-history-modal .ph-table-container{display:flex;width:100%;overflow-x:auto}#payment-history-modal .ph-table-container::-webkit-scrollbar{height:2px;width:2px}#payment-history-modal thead>tr>th{background-color:#302d7c !important;color:#fff;font-weight:normal}#payment-history-modal tbody>tr{color:#fff}#payment-history-modal tbody>tr.even{background:#ebf4f7}#payment-history-modal tbody>tr.odd{background:#ddeff3}#payment-history-modal .stats{background:#e4e5ed;display:flex;flex-direction:row;justify-content:space-around;padding:25px 0px}#payment-history-modal .stats>.stat{display:flex;flex-direction:column;font-size:16px;color:#302d7c;font-weight:600}#payment-history-modal .stats-summary{display:grid;grid-template-columns:auto auto auto;background:#d8d7e4;color:#32277a;padding:15px}#payment-history-modal .stats-summary>.unit{display:grid;flex-direction:column;grid-row-gap:15px;row-gap:15px;flex-basis:35%;grid-template-rows:50px 50px 50px;text-align:center}#payment-history-modal .stats-summary>.unit>.stat-title{font-weight:600 !important;font-size:1.2rem !important}#payment-history-modal .stats-summary>.unit>.info{font-weight:400;display:flex;font-size:10px}#payment-history-modal .stats-summary>.unit>.v{font-weight:600;font-size:1.7rem}#payment-history-modal .noresultsfound{display:flex;justify-content:center;align-items:center;color:gray;padding:20px;font:normal normal bold 12px/14px Effra;letter-spacing:0px;color:#484848}

.tp_certificates_search-bar {
  background-color: #E9E9E9;
  /* height: 100px; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.tp_certificates-tab {
  border-radius: none !important;
  border: none !important;
  border-bottom: 0 !important;
  background-color: none !important;
  text-transform: none !important;
  margin-right: 8px !important;
  max-width: 160px !important;
  min-height: 50px !important;
  word-wrap: break-word !important;
  justify-content: center !important;
  text-overflow: ellipsis !important;
  font: normal normal normal 20px/24px Effra;
color: #1E1E1E;

}
.tp_certificates .MuiTabs-indicator
{
  height: 3px;
  background-color: #0088D0;
}

.tp_active_tab {
  background: rgba(250, 250, 250, 0.1) !important;
}

.tp_active_tab,
.tp_active_tab .MuiTab-wrapper {
  color: #000000 !important;
  opacity: 1 !important;
}

.tp_csv-btn {
  font-size: 40px;
  border: none;
  background-color: #E5E5ED;
  color: #0088D0;
  margin-right: 36px;
}

.table-container-xs {
  padding: 0 16px;
}

.message-container {
  display: flex;
  justify-content: center;
  padding-top: 50px;
}
.Tpp-PostCert{
  width: 170px !important;
}
.Tpp-PostCert-New{
  width: 170px !important;
}
.tpp-buttons
{
  float: left;
    width: 98%;
    height: 35px;
    font: normal normal bold 18px/26px effra;
    color: #524E8A;
}
.tpp-buttons .downloadReports{
  float: right;
  position: relative;
}
.downlaod_Button{
  font: normal normal bold 18px/22px Effra;
    border: none;
    color: #0088D0;
}
.downlaod_Button:hover{
  border-bottom: 2px solid #0088D0;
}
@media (max-width: 768px) {
  .add-post-btn-xs {
    order: 2;
  }
  .export-btn-xs {
    order: 3;
  }
  .info-card-container {
    flex-wrap: wrap !important;
  }
 .export-btn-md {
   justify-content: flex-end !important;
 }
}

@media (max-width: 576px) {
  .tp_certificates {
    padding: 20px 0 !important;
  }
  .tp_certificates-tabs {
    padding-left: 0;
    margin: 0px auto;
  }
  .tp_certificates-tab {
    margin-right: 4px !important;
    padding: 10px !important;
    width: 32.7%;
  }
  .info-card-container {
    flex-wrap: wrap !important;
  }
  .round-info-card-container {
    flex-wrap: wrap !important;
    display: flex !important;
  }
  .grid-container-xs {
    display: flex !important;
  }
  .add-post-btn-xs {
    order: 2;
  }
  .export-btn-xs {
    order: 3;
    align-items: flex-end;
  }
  .post-btn-xs {
    margin: 0 !important;
  }
  .tp_csv-btn {
    margin-right: 0;
  }
  .table-container-xs {
    padding: 0 !important;
  }
  .status-update-xs {
    position: relative;
  }
  .tp_certificates_search-bar {
    flex-wrap: wrap;
    margin: 0 !important;
    height: auto;
    padding: 10px;
  }
  .filter-date-xs {
    width: 100%;
    padding-top: 5px;
  }
  .box-padding {
    padding-top: 5px;
  }
}

.date-filter {
  width: 250px;
}

.clear-button-align {
  margin-left: 20px;
  margin-top: 26px;
}
.clear-button-align-ar {
  margin-right: 20px;
  margin-top: 26px;
}
.tp-clear-button {
  margin-left: 20px;
  margin-top: 1.5em;
}
.tp-clear-button-ar {
  margin-right: 20px;
  margin-top: 1.5em;
}
.tp-class-days-highlight{
  width: 95px;
  background: #0088D0;
  border: 1px solid #0088D0;
  color: #ffffff;
  padding: 3px 10px;
}
.close-btn-block svg{
color: #fff !important; font-size: 1.5em !important;
}
.MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper svg{
  color: #0088D0;
}
@media only screen and (width: 540px) {
  .filter-margin {
    margin-right: 38px;
    margin-left: 38px;
  }
}

@media only screen and (min-width: 1200px) {
.post-btn-width {
  width: 186px;
}
}
.inputHeight-date {
  font-family: 'revert';
}
.tpp-info-card-cont {
  justify-content: start !important;
}
.tpd-search-bar{
  justify-content: center;
}
.program-detail-value {
  float: right !important;
}

.text-justify {
   text-align: justify;
}
  
.font-bold {
    font-weight: bold;
  }
  
  .font-bold.count {
    color: #0077B6;
      font: normal normal bold 36px/30px effra;
  }
  .certificate_action_btn
  {
    background-color: #711C5A !important;
      color: white !important;
      border: none;
  }
  .fa-trash:before {
    content: "\f1f8" !important;
  }
  .postCertificate_Box .asterisk {font-size: 1em;padding: 0 5px;}
  .postForm .postCertificate_Box .MuiGrid-root{align-items: center;}
  .training-provider-logo {
    width: 200px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 18px;
  }
  
  .training-provider-logo img {
    width: 100%;
  }
  
  .certificate-icon {
    background-color: #3f3688;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    padding: 20px;
    border-radius: 50%;
    font-size: x-large;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .customOrganisationDetails .my-2 {
    height: 100%;
  }
  .MainPanel{
    background-color: red;
  }
  .text_center {
    text-align: center;
  }
  .kpi_box {
    border: none !important;
    padding: 5px;
    border-radius: 4px;
    background: #d9edf4;
    /* //added */
   
  }
  .card-name{
    font: normal normal bold 13px/14px Effra;
      color: #1D1436;
      padding: 3%;
     
  }
  .post-certificate-time_icon {
    font-size: 12px;
    color: #6f6d69;
    margin-left: 20px;
  }
  
  @media (max-width: 767px) {
    .mobile_width_100 {
      width: 100%;
    }
    .fz-14-xs {
      font-size: 13px;
    }
    
    .btn-container-xs {
      padding: 20px 0 !important;
    }
    
    .btn-xs {
      width: 100% !important;
    }
  }
  
  .btn-info-custom.disabled,
  .btn-info-custom:disabled {
    color: white;
    background-color: #bfbfbf;
  }
  .smaller_asterisk {
    font-size: 23px;
  }
  .kpi_number {
    position: absolute;
    bottom: 5px;
    margin: auto;
    text-align: center;
    width: 100%;
    left: 0;
  }
  .kpi_box {
    padding-bottom: 5px;
    position: relative;
  }
  
  
  .prev-btn-xs {
  /*  margin-bottom: 10px;
    margin-right: 0 !important;
    margin-left: 0 !important;*/
  }
  
  .btn-container-xs {
    flex-wrap: wrap;
  }
  
  .kpi_box .MuiGrid-container {
    align-items: flex-start;
    align-content: flex-start;
    
  }
  .kpi_box .MuiGrid-root {
    background-color: #d9edf4 !important;
    border: none;padding: 2%;}
  
  .height-42px {
    height: 42px!important;
  }
  .insertCustomQuestion .btn-proceed{background-color: #0088D0 !important;
    border-color: #711c5a !important;}
    .insertCustomQuestion {
      color: #fff;
    }
  @media (max-width: 767px) {
    .insertCustomQuestion button {
      width: 100% !important;
    }
    .insertCustomQuestion {
      width: 100% !important;
    }
  }
  @media (max-width: 384px) {
    .insertCustomQuestion button {
      width: 100% !important;
      height: 41px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  
  
  @media (max-width: 576px) {
    .confirm-button {
      margin-top: 32px;
    }
    .btn-container-xs {
      margin-right: 0;
    }
  }
  
  @media (min-width: 768px) {
    .btn-container-xs {
      margin-right: 10px;
    }
    .confirm-button {
      margin-right: 10px;
      margin-left: 10px;
    }
  }
  
  .durationBox{ 
    padding-left: 0!important;
  }
  
  @media (max-width: 577px) {
    .durationBox input {
      height: 40px!important;
    }
    .durationOfProgram__value-container{
      height: 22px;
     }
     .durationOfProgram__value-container{
      padding: 0px 8px !important;
    }
    .durationOfProgram__single-value {
      overflow: visible !important;
      overflow: initial !important;
    }
  }
  
  @media screen and (max-width: 767px) {
    .card-name {
      position: absolute;
    }
  }
  
  @media only screen and (min-width: 1200px) and (max-width: 1560px) {
    .card-name {
      position: absolute;
    }
  }
  
  .custom-q-table {
    word-break: break-word;
    white-space: pre-line;
  }
  
  .date-input-label {
    font-family: 'revert';
  }
  
  .durationOfProgram__value-container{
    line-height: 1;
  }
  .durationOfProgram__input-container {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    font-family: 'Codec Pro-Bold';
  }
  
  .durationOfProgram__single-value {
    overflow: visible !important;
    overflow: initial !important;
  }
  .nhp_student_status_form {
    text-align: left;
    background-color: #ffff;
    padding: 20px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    width: 350px;
    height: 150px;
    box-shadow: 0px 0px 15px #d5d5d5 !important;
  }
  .nhp_student_actions-btns {
    display: flex;
    justify-content: right;
    margin-top: 50px;
  }
  .statusOrange{color: #FFA500;}
  .statusYellow{color: #e2c105;}
  .statusGreen{color: #279d5e;}
  .statusRed{color: #f32f0c;}
  .statusBlue{color: #6d07f3;}
  .statusOrangeDark {color: #DC7A5C}
.nhp_students_icon_title{
    font-size: 14px;
   font-family: 'Effra !important';
}
.font-bold {
  font-weight: bold;
}

.font-bold.count {
  color: #0077B6;
    font: normal normal bold 36px/30px effra;
}
.certificate_action_btn
{
  background-color: #711C5A !important;
    color: white !important;
    border: none;
}
.fa-trash:before {
  content: "\f1f8" !important;
}
.postCertificate_Box .asterisk {font-size: 1em;padding: 0 5px;}
.postForm .postCertificate_Box .MuiGrid-root{align-items: center;}
.training-provider-logo {
  width: 200px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 18px;
}

.training-provider-logo img {
  width: 100%;
}

.certificate-icon {
  background-color: #3f3688;
  color: white;
  text-shadow: 2px 2px 4px #000000;
  margin-left: 5px;
  width: 30px;
  height: 30px;
  padding: 20px;
  border-radius: 50%;
  font-size: x-large;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customOrganisationDetails .my-2 {
  height: 100%;
}
.MainPanel{
  background-color: red;
}
.text_center {
  text-align: center;
}
.kpi_box {
  border: none !important;
  padding: 1px;
  border-radius: 4px;
  background: #d9edf4;
  /* //added */
 
}
.card-name{
  font: normal normal bold 13px/14px Effra;
    color: #1D1436;
    padding: 3%;
   
}
.card-name_RoundInfoCard{
  font: normal normal bold 13px/14px Effra;
    color: #1D1436;
    padding: 15% 0px;
   
}
.post-certificate-time_icon {
  font-size: 12px;
  color: #6f6d69;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .mobile_width_100 {
    width: 100%;
  }
  .fz-14-xs {
    font-size: 13px;
  }
  
  .btn-container-xs {
    padding: 20px 0 !important;
  }
  
  .btn-xs {
    width: 100% !important;
  }
}

.btn-info-custom.disabled,
.btn-info-custom:disabled {
  color: white;
  background-color: #bfbfbf;
}
.smaller_asterisk {
  font-size: 23px;
}
.kpi_number {
  position: absolute;
  bottom: 5px;
  margin: auto;
  text-align: center;
  width: 100%;
  left: 0;
}
.kpi_box {
  padding-bottom: 5px;
  position: relative;
}


.prev-btn-xs {
/*  margin-bottom: 10px;
  margin-right: 0 !important;
  margin-left: 0 !important;*/
}

.btn-container-xs {
  flex-wrap: wrap;
}

.kpi_box .MuiGrid-container {
  align-items: flex-start;
  align-content: flex-start;
  
}
.kpi_box .MuiGrid-root {background-color: #d9edf4 !important;
  border: none;padding: 2%;}

.height-42px {
  height: 42px!important;
}
.insertCustomQuestion .btn-proceed{background-color: #0088D0 !important;
  border-color: #711c5a !important;}
  .insertCustomQuestion {
    color: #fff;
  }
@media (max-width: 767px) {
  .insertCustomQuestion button {
    width: 100% !important;
  }
  .insertCustomQuestion {
    width: 100% !important;
  }
}
@media (max-width: 384px) {
  .insertCustomQuestion button {
    width: 100% !important;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}


@media (max-width: 576px) {
  .confirm-button {
    margin-top: 32px;
  }
  .btn-container-xs {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .btn-container-xs {
    margin-right: 10px;
  }
  .confirm-button {
    margin-right: 10px;
    margin-left: 10px;
  }
}

.durationBox{ 
  padding-left: 0!important;
}

@media (max-width: 577px) {
  .durationBox input {
    height: 40px!important;
  }
  .durationOfProgram__value-container{
    height: 22px;
   }
   .durationOfProgram__value-container{
    padding: 0px 8px !important;
  }
  .durationOfProgram__single-value {
    overflow: visible !important;
    overflow: initial !important;
  }
}

@media screen and (max-width: 767px) {
  .card-name {
    position: absolute;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .card-name {
    position: absolute;
  }
}

.custom-q-table {
  word-break: break-word;
  white-space: pre-line;
}

.date-input-label {
  font-family: 'revert';
}

.durationOfProgram__value-container{
  line-height: 1;
}
.durationOfProgram__input-container {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  font-family: 'Codec Pro-Bold';
}

.durationOfProgram__single-value {
  overflow: visible !important;
  overflow: initial !important;
}

.tp_certificates_search-bar {
  background-color: #E9E9E9;
  /* height: 100px; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.tp_certificates-tab {
  border-radius: none !important;
  border: none !important;
  border-bottom: 0 !important;
  background-color: none !important;
  text-transform: none !important;
  margin-right: 8px !important;
  max-width: 160px !important;
  min-height: 50px !important;
  word-wrap: break-word !important;
  justify-content: center !important;
  text-overflow: ellipsis !important;
  font: normal normal normal 20px/24px Effra;
color: #1E1E1E;

}
.tp_certificates .MuiTabs-indicator
{
  height: 3px;
  background-color: #0088D0;
}

.tp_active_tab {
  background: rgba(250, 250, 250, 0.1) !important;
}

.tp_active_tab,
.tp_active_tab .MuiTab-wrapper {
  color: #000000 !important;
  opacity: 1 !important;
}

.tp_csv-btn {
  font-size: 40px;
  border: none;
  background-color: #E5E5ED;
  color: #0088D0;
  margin-right: 36px;
}

.table-container-xs {
  padding: 0 16px;
}

.message-container {
  display: flex;
  justify-content: center;
  padding-top: 50px;
}
.Tpp-PostCert{
  width: 170px !important;
}
.Tpp-PostCert-New{
  width: 170px !important;
}
.tpp-buttons
{
  float: left;
    width: 98%;
    height: 35px;
    font: normal normal bold 18px/26px effra;
    color: #524E8A;
}
.tpp-buttons .downloadReports{
  float: right;
  position: relative;
}
.downlaod_Button{
  font: normal normal bold 18px/22px Effra;
    border: none;
    color: #0088D0;
}
.downlaod_Button:hover{
  border-bottom: 2px solid #0088D0;
}
@media (max-width: 768px) {
  .add-post-btn-xs {
    order: 2;
  }
  .export-btn-xs {
    order: 3;
  }
  .info-card-container {
    flex-wrap: wrap !important;
  }
 .export-btn-md {
   justify-content: flex-end !important;
 }
}

@media (max-width: 576px) {
  .tp_certificates {
    padding: 20px 0 !important;
  }
  .tp_certificates-tabs {
    padding-left: 0;
    margin: 0px auto;
  }
  .tp_certificates-tab {
    margin-right: 4px !important;
    padding: 10px !important;
    width: 32.7%;
  }
  .info-card-container {
    flex-wrap: wrap !important;
  }
  .round-info-card-container {
    flex-wrap: wrap !important;
    display: flex !important;
  }
  .grid-container-xs {
    display: flex !important;
  }
  .add-post-btn-xs {
    order: 2;
  }
  .export-btn-xs {
    order: 3;
    align-items: flex-end;
  }
  .post-btn-xs {
    margin: 0 !important;
  }
  .tp_csv-btn {
    margin-right: 0;
  }
  .table-container-xs {
    padding: 0 !important;
  }
  .status-update-xs {
    position: relative;
  }
  .tp_certificates_search-bar {
    flex-wrap: wrap;
    margin: 0 !important;
    height: auto;
    padding: 10px;
  }
  .filter-date-xs {
    width: 100%;
    padding-top: 5px;
  }
  .box-padding {
    padding-top: 5px;
  }
}

.date-filter {
  width: 250px;
}

.clear-button-align {
  margin-left: 20px;
  margin-top: 26px;
}
.clear-button-align-ar {
  margin-right: 20px;
  margin-top: 26px;
}
.tp-clear-button {
  margin-left: 20px;
  margin-top: 1.5em;
}
.tp-clear-button-ar {
  margin-right: 20px;
  margin-top: 1.5em;
}
.tp-class-days-highlight{
  width: 95px;
  background: #0088D0;
  border: 1px solid #0088D0;
  color: #ffffff;
  padding: 3px 10px;
}
.close-btn-block svg{
color: #fff !important; font-size: 1.5em !important;
}
.MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper svg{
  color: #0088D0;
}
@media only screen and (width: 540px) {
  .filter-margin {
    margin-right: 38px;
    margin-left: 38px;
  }
}

@media only screen and (min-width: 1200px) {
.post-btn-width {
  width: 186px;
}
}
.inputHeight-date {
  font-family: 'revert';
}
.tpp-info-card-cont {
  justify-content: start !important;
}
.tpd-search-bar{
  justify-content: center;
}
.program-detail-value {
  float: right !important;
}
.FileUpload {
    /* font-size: 0; */
    margin-bottom: 5px;
  }
  
  .FileUpload label {
    min-height: 37px;
    max-width: 100%;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
    display: flex;
  }
  
  .FileUpload .file_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0.375rem 48px 0.375rem 0.75rem;
  }
  
  .FileUpload .file_name {
    max-width: calc(100% - 190px);
  } 
  
  .FileUpload .allowedFileBlock {
    line-height: 1;
    font-size: 12px;
    color: #686868;
    margin-top: 5px;
  }
  
  .FileUpload .SelectedFiles {
    margin-top: 10px;
    display: flex;
  }
  
  .FileUpload .SelectedFiles .SelectedFile {
    display: flex;
    align-items: center;
    min-width: 150px;
  }
  
  .FileUpload .SelectedFiles .SelectedFile.completeResume{flex-direction: column;
    align-items: baseline;justify-content: space-between;}
  
  .FileUpload .SelectedFiles .SelectedFile:hover {
    background-color: #ededed;
  }
  
  .FileUpload .SelectedFiles .SelectedFile i {
    cursor: pointer;
    color: #0088D0;
  }
  
  .FileUpload .btn {
    font-size: 14px !important;
    background: #0088D0;
    color: #ffffff;
  }
  .FileUpload .SelectedFiles .SelectedFile span {
    font-weight: 700;
    width: calc(100% - 30px);
    font-size: 14px;
    /* padding: 0px 6px; */
    margin: 0px 0;
    line-height: 10px;
  }
  .FileUpload .SelectedFiles .SelectedFile i span{color: #b6b6b6;}
  .defaultIcon{color: #0088D0;}
  
  /* RTL */
  .FileUpload .file_name.file_name_ar {
    padding: 0.375rem 0.75rem 0.375rem 48px;
  }
  
  
  span.name-bottom {
    padding: 0 0 0 5px!important;
    font-size: 12px;
    max-width: 100% !important;
  }
  
  @media (min-width: 577px) {
    span.name-bottom {
      display: none!important;
    }
  }
  .formFieldEdit.text-box {
    background-color: #fff;
    border: 1px solid #DED7D5;
  }
  
  /* .upload-input-file {
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
     padding: 1rem 1rem !important; 
  } */
  /* .upload-input-file  .file_label.form-control{
  width: auto;
  border: 0;
  } */
  /* .upload-input-file .plaseholderTxt {
    margin-bottom: 0;
    color: #484848;
    font-size: 1rem;
    opacity: 0.5;
  } */
  
  /* .upload-btn {
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
  } */
  /* .upload-btn-ele {
    border-radius: 0;
    padding: 0.5rem 1rem;
    color: #0088D0;
    font-weight: bold;
    border: 0;
    background: #DED7D5;
  } */
  /* .upload-input-file-cont .file_name,
  .upload-input-file-cont .remove-file{
    float: none;
      position: relative;
      padding-right: 0;
  } */
  
  
.certificate_applicants:hover {
  color: darkblue;
}

.certificate_title {
  text-align: left;
}

.certificate_status-active {
  color: #198754;
}

.certificate_status-in-pre-assessment, .certificate_status-underreview, .certificate_status-UnderReview, .certificate_status-Draft {
  color: #FFCE0A;
}

.certificate_status-Enrolled, .certificate_status-Completed, .certificate_status-accepted{
  color: #02B061;
}

.certificate_action-btn {
  background-color: #711C5A;
  color: white;
}

.certificate_status-rejected, .certificate_status-DroppedOut, .certificate_status-FailedPreAssessment {
  color: #711C5A;
}

.certificate_status-graduated {
  color: #1778C5;
}

.tp_applicant_action {
  display: flex;
  justify-content: space-between;
}

.tp_applicant_actions-btns {
  display: flex;
  justify-content: right;
}

.tp_applicant_action--accept {
  width: 70px;
  padding: 4px 10px;
  background-color: #00B050;
  color: white;
}

.tp_applicant_action--reject {
  width: 70px;
  padding: 4px 10px;
  margin: 0 10px;
  background-color: #FF0000;
  color: white;
}

.tp_applicant_notes {
  width: 100%;
}

.tp_applicant_action--active {
  height: 140px;
  vertical-align: baseline !important;
}

.tp_participant_status--active {
  height: 340px;
  vertical-align: baseline !important;
}

.tp_participant_status {
  width: 38%;
  position: absolute;
}
.tp_participant_update_form {
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 350px;
  right: 50px;
}

.quiz-builder {
  font-size: 18px;
  color: #686868;
}

.quiz-label {
  margin: 0;
  font-weight: 700;
}

.reject-form-field {
  font: normal normal normal 14px/22px Effra;
  color: #302D7D;
  font-weight: 700;
}
.bulk-reject-label{
  margin-bottom: 20px;
}
.tableButton1-xl{
  max-width: 160px !important;
}
.form-control:focus{
  box-shadow: none !important;
  border: 1px solid #ced4da !important;
}
.reason-container {
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-word;
}
.tp_participant_reject_form {
  text-align: left;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 350px;
  box-shadow: 0px 0px 15px #d5d5d5;
}
.tp_history_btn{
  border: 1px solid #0088D0 !important;
  color: #0088D0 !important;
  background-color: #DED7D5 !important;
  width: 150px;
}
.tp_update_status_btn{
  width: 150px;
  border-radius: 0.2rem !important;
}
.full_width{
  width: 100% !important;
}
@media (max-width: 576px) {
  .tp_participant_status {
    width: 100% !important;
  }
  .tp_participant_status--active {
    height: 380px !important; 
  }
  .status_change_upload button.remove-file {
    position: relative!important;
  }
  .status_change_upload span.text-inside {
    display: none!important;
  }
  .quiz-label label {
    font-size: 15px!important;
  }
}

@media (max-width: 1024px) {
  .reason-container {
    width: 200px;
    word-break: initial;
  }
}

.btn-cancel:hover {
  background-color: white;
  color: #312782 !important;
}

.btn-confirm:hover {
  background-color: #312782 !important
}
.btn-confirm-action {
  background-color: #312782; 
  color: white;
}
.participant_status {
  display: contents;
}
.semster-students-action-btn {
  color: #711C5A;
}
.TalentProgramCertificatesTable-conatiner .fas.fa-users {
color: #0088D0;
}
.TalentProgramCertificatesTable-conatiner .css-1brwdxv-MuiGrid-root{
    justify-content: start; 
}
.TalentProgramCertificatesTable-conatiner .certificate_applicants.primaryBtn_2{
    position: relative;
}
.TalentProgramCertificatesTable-conatiner .certificate_applicants.primaryBtn_2 .fas.fa-pen{
position: absolute;
top: 13px;
left: 8px;
font-size: 14px;
}
.TalentProgramCertificatesTable-conatiner .certificate_action-btn{
    width: 100%;
}
.TalentProgramCertificatesTable-conatiner .btn-update {
    padding: 0.4rem 0.7rem;
    border-radius: 0;
}
.TalentProgramCertificatesTable-conatiner .MuiPaginationItem-page.Mui-selected {
    background-color: #0088D0!important;
    color: rgb(255, 255, 255) !important;
  
    border-radius: 5px;
}
.TalentProgramCertificatesTable-conatiner .MuiButtonBase-root .MuiSvgIcon-root {
    font-size: 2.5rem;
    color: #0088D0;
}
.selectActionDropDown {
    width: 6.5rem;
    margin-left: -1rem;
  }
  .btn_semesterDetails {
    border-color: #0088D0;
    font-size: 0.85rem;
    border: 2px solid #0088D0;
    background-color: #e5dfdf;
    border-radius: 5px;
    color: #0088D0;
    padding: 5px 15px;
    height: 50px;

  }
  .btn_paymentrelease {
    border-color: #0088D0;
    font-size: 0.85rem;
    border: 2px solid #0088D0;
    background-color: #0088D0;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;

    height: 50px;

  }

  .btn_payment_status {
    border-color: #0088D0;
    font-size: 0.85rem;
    border: 2px solid #0088D0;
    background-color: #0088D0;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
    height: 50px;


  }
  
  .nhp-semester-table .actions-box{
    display: flex!important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .actions-box-column{
    display: flex !important;
    margin:0!important;
    padding: 0;
    align-items: center;
    justify-content: center;
  }
  .nhp-sem-icon-action-container{
    display: flex;
   flex-direction: column;
   margin-right: 20px;
   width:80px;
  }
  .nhp-sem-icon-title {
    /* font-family: 'Effra' !important; */
    font-family: 'Font Awesome 5 Free';
    font-size: 10px;
    font-weight: 600;
    color: #302d7c;
    margin-bottom: 10px;
    margin-top: 10px;
   }
   .nhp-sem-icon-action {
    margin-right: 20px;
    /* padding:10px */
    margin-top: auto;

}
.nhp-sem-icon-action img {
  cursor: pointer;
  height: 30px;
}
 .nhp-semesterstudent-icon {
  padding: 36px !important;
  text-align: center !important;
 }
.certificate_applicants:hover {
  color: darkblue;
}

.applicants-table {
  height: 100%;
  overflow-y: auto;
}

.certificate_edit-disable {
  opacity: 0.4;
}

.certificate_title {
  text-align: center;
}

.certificate_status-0 {
  color: #000000;
}
.certificate_status-5 {
  color: #FF7F00;
}
.certificate_status-6 {
  color: #FF0000;
}


.certificate_status-active, .certificate_status-1, .certificate_status-4 {
  color: #549309;
}

.certificate_status-in-pre-assessment, .certificate_status-3, .certificate_status-7 {
  color: #FF7F00;
}
.certificate_status-InPreAssessment {
  color: #FFCE0A !important;
}

.certificate_status-enrolled {
  color: #02B061;
}

.certificate_action-btn, .certificate_applicants.fa-pen {
  background-color: #711C5A;
  color: white;
}
.searchField-title{
  font: normal normal normal 18px/18px Effra;
    color: #302D7D;
}
.DownloadCol{
  font: normal normal bold 16px/21px Roboto;
    color: #524E8A;
    float: left;
    padding: 5px 10px;
    margin-top: 1.5em;
    height: 40px;
}
.tp_certificates_search-bar .MuiButton-containedPrimary
{
  background-color: #0088D0 !important;
}
.table-container-xs .btn-primary,.table-container-xs .btn-primary:hover {
  color: #fff;
  background-color: #0088D0;
  border-color: #0088D0;
}
.certificate_status-rejected, .certificate_status-2 {
  color: #f81634;
}
.tp_participant_status span.certificate_status-rejected{color: rgb(255, 255, 255);
  background-color: rgb(219 70 70);
  font-size: 12px;
  padding: 2px;
  width: 100%;
  float: left;}

.certificate_status-graduated {
  color: #1778C5;
}

.certificate_status-dropped_out {
  color: #711C5A;
}

.certificate_status-accepted {
  color: #02B061;
}

.tp_applicant_action {
  display: flex;
  justify-content: space-between;
}

.tp_applicant_actions-btns {
  display: flex;
  justify-content: right;
}

.tp_applicant_action--accept {
  width: 70px;
  padding: 4px 10px;
  background-color: #00B050;
  color: white;
}

.tp_applicant_action--reject {
  width: 70px;
  padding: 4px 10px;
  margin: 0 10px;
  background-color: #711C5A;
  color: white;
}

.tp_applicant_notes {
  width: 100%;
}

.tp_applicant_action--active {
  height: 200px;
  vertical-align: baseline !important;
}

.tp_participant_status--active {
  height: 380px;
  vertical-align: baseline !important;
}

.tp_participant_status {
  width: 38%;
  position: absolute;
}

.quiz-builder {
  font-size: 18px;
  color: #686868;
}

.quiz-label {
  margin: 0;
  font-weight: 700;
}

.bglightBlue {
  background-color: #dbebef;
  border-radius: 5px !important;
  overflow: hidden;
}
.detailP {
  float: left;
  width: 50%;
  color: #3d3f40;
  font-size: 13px;
}
.mb-4 {
  margin-bottom: 1.5rem !important; }
  .mt-4 {
    margin-top: 1.5rem !important; }
.studentLabel {
  color: #312782;
  font-size: 14px;
  font-weight: 500;
}
.studentLabelVal {
  color: #312782;
  font-size: 14px;
  font-weight: 600;
}
.studentProgramDetails {
  color: #312782;
  font-size: 18px;
  font-weight: 800;
}
.student_title{
  text-align: center;
}
.pro-details-container{
  background-color: #dcdce7;
  border-radius: 8px;
  box-shadow: 2px 2px transparent;
}
.add-post-from {
  margin-block-start: 10rem;
  clear: both;
  min-height: 500px;
}
.add-semester-space{
  margin: 1rem !important;
}
.certificate_applicants:hover {
  color: darkblue;
}

.applicants-table {
  height: 100%;
  overflow-y: auto;
}

.certificate_edit-disable {
  opacity: 0.4;
}

.certificate_title {
  text-align: center;
}

.certificate_status-0 {
  color: #000000;
}
.certificate_status-5 {
  color: #FF7F00;
}
.certificate_status-6 {
  color: #FF0000;
}


.certificate_status-active, .certificate_status-1, .certificate_status-4 {
  color: #549309;
}

.certificate_status-in-pre-assessment, .certificate_status-3, .certificate_status-7 {
  color: #FF7F00;
}
.certificate_status-InPreAssessment {
  color: #FFCE0A !important;
}

.certificate_status-enrolled {
  color: #02B061;
}

.certificate_action-btn, .certificate_applicants.fa-pen {
  background-color: #711C5A;
  color: white;
}
.searchField-title{
  font: normal normal normal 18px/18px Effra;
    color: #302D7D;
}
.DownloadCol{
  font: normal normal bold 16px/21px Roboto;
    color: #524E8A;
    float: left;
    padding: 5px 10px;
    margin-top: 1.5em;
    height: 40px;
}
.tp_certificates_search-bar .MuiButton-containedPrimary
{
  background-color: #0088D0 !important;
}
.table-container-xs .btn-primary,.table-container-xs .btn-primary:hover {
  color: #fff;
  background-color: #0088D0;
  border-color: #0088D0;
}
.certificate_status-rejected, .certificate_status-2 {
  color: #f81634;
}
.tp_participant_status span.certificate_status-rejected{color: rgb(255, 255, 255);
  background-color: rgb(219 70 70);
  font-size: 12px;
  padding: 2px;
  width: 100%;
  float: left;}

.certificate_status-graduated {
  color: #1778C5;
}

.certificate_status-dropped_out {
  color: #711C5A;
}

.certificate_status-accepted {
  color: #02B061;
}

.tp_applicant_action {
  display: flex;
  justify-content: space-between;
}

.tp_applicant_actions-btns {
  display: flex;
  justify-content: right;
}

.tp_applicant_action--accept {
  width: 70px;
  padding: 4px 10px;
  background-color: #00B050;
  color: white;
}

.tp_applicant_action--reject {
  width: 70px;
  padding: 4px 10px;
  margin: 0 10px;
  background-color: #711C5A;
  color: white;
}

.tp_applicant_notes {
  width: 100%;
}

.tp_applicant_action--active {
  height: 200px;
  vertical-align: baseline !important;
}

.tp_participant_status--active {
  height: 380px;
  vertical-align: baseline !important;
}

.tp_participant_status {
  width: 38%;
  position: absolute;
}

.quiz-builder {
  font-size: 18px;
  color: #686868;
}

.quiz-label {
  margin: 0;
  font-weight: 700;
}

.bglightBlue {
  background-color: #dbebef;
  border-radius: 5px !important;
  overflow: hidden;
}
.detailP {
  float: left;
  width: 50%;
  color: #3d3f40;
  font-size: 13px;
}
.detailDateFormat {
  width: 100%;
  color: #3d3f40;
  font-size: 13px;
}
.mb-4 {
  margin-bottom: 1.5rem !important; }
  .mt-4 {
    margin-top: 1.5rem !important; }
.studentLabel {
  color: #312782;
  font-size: 14px;
  font-weight: 500;
}
.studentLabelVal {
  color: #312782;
  font-size: 14px;
  font-weight: 600;
}
.studentProgramDetails {
  color: #312782;
  font-size: 18px;
  font-weight: 800;
}
.student_title{
  text-align: center;
}
.student_status_modal{
  min-height: 250px;
}
.student_status_modal2{
  min-height: 440px;
}
.student_status_modal3{
  min-height: 300px;
}
.marginBottom5{
 margin-bottom: 2px;
}
.marginTop1{
  margin-top: 9px;
 }
 .nhpMarginTop{
  margin-top: .6rem !important;
 }
 .nhpMarginTopAR{
  margin-top: 3.8rem !important;
 }
 .nphStatusFontSize{
  font-size: 10px;
 }

.btn-next {
    background-color: #0088D0 !important;
    color: white;
    border: none;
    width: 120px;
    border-radius: 0;
    border-radius: initial;
    font: normal normal normal 16px/16px effra;
    letter-spacing: 0px;
}
.btn-back{
    background: #DED7D5;
    border: 1px solid #0088D0;
    font: normal normal normal 16px/16px Helvetica;
    letter-spacing: 0px;
    color: #0088D0;
    border-radius: 0;
    border-radius: initial;
    min-width: 120px;
}

.btn-back:hover {
    background-color: white;
    color: #312782 !important;
}

.BG_grey{background: #DED7D5 !important;}
@media (max-width: 786px) {
    .text-wrap-mbl {
        display: inline-block;
        word-break: break-word;
    }
}

.PhoneInputs {
    display:-webkit-inline-box;
    max-height: 38px;
  }
  
  .PhoneInputPrefixs {
    display: block;
    width: 24%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.625;
    color: #212529;
    border: 1px solid #ced4da;
    border-radius: 0.25rem 0rem 0rem 0.25rem;
    background-color: #efefef;
    letter-spacing: 1px;
  }
  .phoneinputStyles .PhoneInputPrefixs{border: none;background-color: transparent;background-color: initial;padding: 0.375rem 0rem;}
  
  .PhoneInputs input {
    border-left-width: 0px;
    border-radius: 0rem 0.25rem 0.25rem 0rem;
    width: 76%;
  }
  
  .PhoneInputs.Rtl .PhoneInputPrefixs {
    border-radius: 0rem 0.25rem 0.25rem 0rem;
    direction: ltr;
    z-index: -1;
  }


.quiz-builder {
  font-size: 18px;
  color: #686868;
}

.quiz-label {
  margin: 0;
  font-weight: 700;
}

.answer-btn {
  min-width: 170px;
  background-color: #0088D0 !important;
    border-color: #0088D0 !important;
    text-align: left;
    border-radius: 25px;
    padding: 0;
    height: 35px;
    font: normal normal normal 16px/36px Effra !important;
    color: #fff;
}
.answer-btn .fas
{
  font-size: 26px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    margin: 0;
    margin-right: 10px;
    margin-right: 9px;
    float: left;
}
.tp-answer-btn {
  min-width: 170px !important;
}
.css-9yj1f1-MuiGrid-root
{
  width: 100% !important;
}
.MuiGrid-root .btn-back,.MuiGrid-root .btn-next{padding: 0.6em 1em !important;}
@media only screen and (min-width: 900px) {
  .tp-answer-btn {
    margin-left: 5px;
  }
}

.quiz-title {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  border-bottom: 1px solid grey;
}
.MuiDialogTitle-root.quiz-title
{
  font: normal normal 26px/26px effra !important;
    color: #ffffff;
    background: #302D7D;
}
.quiz-label.popup-quiz-label{
  font: normal normal 18px/23px Effra;
    letter-spacing: 0px;
    color: #797979;
}

.select-label {
  font-size: 12px;
  font-weight: 500!important;
  margin-bottom: -5px;
}

.dropdown-ar-error {
  padding-left: 38%;
}

.file-texts span {
  font-size: 16px!important;
}

.profile-informationiupdate-instructions {
  color: #000;
}

.profile-informationiupdate-instructions hr {
  width: 400px;
  margin: 20px auto 35px;
}

.profile-informationiupdate-instructions
  .profile-informationiupdate-instructions__title {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

.profile-informationiupdate-instructions
  .profile-informationiupdate-instructions__title
  .icon-wrapper {
  background-color: #312782;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-informationiupdate-instructions
  .profile-informationiupdate-instructions__title
  .icon-wrapper
  img {
  width: 20px;
}

.profile-informationiupdate-instructions
  .profile-informationiupdate-instructions__title
  span {
  margin: 0 14px;
  font-weight: 700;
  font-size: 22px;
}

.profile-informationiupdate-instructions a {
  color: blue;
  text-decoration: underline;
}

.profile-informationiupdate-instructions ol {
  padding-left: 30px;
}

.profile-informationiupdate-instructions.rtl ol {
  padding-left: 0px;
  padding-right: 30px;
}

.mb-100 {
  margin-bottom: 135px;
}

.right-0-5 {
  right: 1rem;
}

.font-bold {
  font-weight: bold;
}

.whiteSpaceWrap {
  white-space: pre-wrap;
  float: left;
    width: 100%;
}
.whiteSpaceWrap span{
  width: 48%;
  float: left;
  font: normal normal 300 16px/26px Effra;
    color: #1D1436;
}
.whiteSpaceWrap span.itemValue
{
  font: normal normal bold 16px/16px Effra;
}

.healthcare-view-details-button {
  display: flex;
  justify-content: center;
}

.healthcare-view-details-button-block {
  line-height: 1;
  margin: 6px 0;
  display: flex;
  position: relative;
  bottom: 10px;
  min-width: 120px;
}

.healthcare-view-details-button-block > span {
  color: #0088D0;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
  margin-top: 6px;
}

.healthcare-apply-btn {
  font-size: 14px;
  line-height: 1;
}

.btn-submit:hover {
    background-color: #312782 !important
}
.org-logo-mt {
    margin-top: 56px;
}
.org-logo-mt-ar {
    margin-top: 38px;
}
.logo-display {
    display: flex;
}
.logo-pointer {
    pointer-events: none;
}
.ml-eng {
    margin-left: 10px;
}
.mr-ar {
    margin-right: 10px;
}
.btn-submit:hover {
    background-color: #312782 !important
}
.org-logo-mt {
    margin-top: 56px;
}
.org-logo-mt-ar {
    margin-top: 38px;
}
.logo-display {
    display: flex;
}
.logo-pointer {
    pointer-events: none;
}
.ml-eng {
    margin-left: 10px;
}
.mr-ar {
    margin-right: 10px;
}
.circleImg {
  width: 100px;
  height: 100px;

  border-radius:0 !important;
}

.margin-3-5rem {
  margin-bottom: 3.5rem;
}

.right-0 {
  right: 0;
}

.bottom-1 {
  bottom: 1rem;
}

.width-3 {
  width: 3rem;
}

.font-bold {
  font-weight: bold;
}
.btn-review_btn {
  background-color: rgb(173 173 70);
  font: normal normal normal 14px/20px effra;
  padding: 5px 10px;
  width: 145px;
  right: 10%;
}

.TalentProgramModal .md-close {
  border: none;
  background-color: transparent;
  color: #5a5a5a;
}

.TalentProgramModal .ModalCheckbox {
  display: flex;
  align-items: center;
}

.TalentProgramModal .ModalCheckbox span {
  margin: 2px 6px 0;
}

.inputHeight {
  height: 42px!important;
}

.TalentProgramModal .form-radio {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

.TalentProgramModal .form-radio input {
  margin: 0 5px;
}

.TalentProgramModal .talentProgramUploadModal {
  min-height: 250px;
}

.certificate_applicants:hover {
  color: darkblue;
}

.applicants-table {
  height: 100%;
  overflow-y: auto;
}

.certificate_edit-disable {
  opacity: 0.4;
}

.certificate_title {
  text-align: center;
}

.certificate_status-0, .certificate_status-10 {
  color: #000000;
}
.certificate_status-5, .certificate_status-9 {
  color: #FF7F00;
}
.certificate_status-6 {
  color: #FF0000;
}


.certificate_status-active, .certificate_status-1, .certificate_status-4 {
  color: #549309;
}

.certificate_status-in-pre-assessment, .certificate_status-3, .certificate_status-7 {
  color: #FF7F00;
}
.certificate_status-InPreAssessment {
  color: #FFCE0A !important;
}

.certificate_status-enrolled {
  color: #02B061;
}

.certificate_action-btn, .certificate_applicants.fa-pen {
  background-color: #711C5A;
  color: white;
}
.searchField-title{
  font: normal normal normal 18px/18px Effra;
    color: #302D7D;
}
.DownloadCol{
  font: normal normal bold 16px/21px Roboto;
    color: #524E8A;
    float: left;
    padding: 5px 10px;
    margin-top: 1.5em;
    height: 40px;
}
.tp_certificates_search-bar .MuiButton-containedPrimary
{
  background-color: #0088D0 !important;
}
.table-container-xs .btn-primary,.table-container-xs .btn-primary:hover {
  color: #fff;
  background-color: #0088D0;
  border-color: #0088D0;
}
.certificate_status-rejected, .certificate_status-2 {
  color: #f81634;
}
.tp_participant_status span.certificate_status-rejected{color: rgb(255, 255, 255);
  background-color: rgb(219 70 70);
  font-size: 12px;
  padding: 2px;
  width: 100%;
  float: left;}

.certificate_status-graduated {
  color: #1778C5;
}

.certificate_status-dropped_out {
  color: #711C5A;
}

.certificate_status-accepted {
  color: #02B061;
}

.tp_applicant_action {
  display: flex;
  justify-content: space-between;
}

.tp_applicant_actions-btns {
  display: flex;
  justify-content: right;
}

.tp_applicant_action--accept {
  width: 70px;
  padding: 4px 10px;
  background-color: #00B050;
  color: white;
}

.tp_applicant_action--reject {
  width: 70px;
  padding: 4px 10px;
  margin: 0 10px;
  background-color: #711C5A;
  color: white;
}

.tp_applicant_notes {
  width: 100%;
}

.tp_applicant_action--active {
  height: 200px;
  vertical-align: baseline !important;
}

.tp_participant_status--active {
  height: 380px;
  vertical-align: baseline !important;
}

.tp_participant_status {
  width: 38%;
  position: absolute;
}

.quiz-builder {
  font-size: 18px;
  color: #686868;
}

.quiz-label {
  margin: 0;
  font-weight: 700;
}



.tp_certificates_search-bar {
  background-color: #E9E9E9;
  /* height: 100px; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.tp_certificates-tab {
  border-radius: none !important;
  border: none !important;
  border-bottom: 0 !important;
  background-color: none !important;
  text-transform: none !important;
  margin-right: 8px !important;
  max-width: 160px !important;
  min-height: 50px !important;
  word-wrap: break-word !important;
  justify-content: center !important;
  text-overflow: ellipsis !important;
  font: normal normal normal 20px/24px Effra;
color: #1E1E1E;

}
.tp_certificates .MuiTabs-indicator
{
  height: 3px;
  background-color: #0088D0;
}

.tp_active_tab {
  background: rgba(250, 250, 250, 0.1) !important;
}

.tp_active_tab,
.tp_active_tab .MuiTab-wrapper {
  color: #000000 !important;
  opacity: 1 !important;
}

.tp_csv-btn {
  font-size: 40px;
  border: none;
  background-color: #E5E5ED;
  color: #0088D0;
  margin-right: 36px;
}

.table-container-xs {
  padding: 0 16px;
}

.message-container {
  display: flex;
  justify-content: center;
  padding-top: 50px;
}
.Tpp-PostCert{
  width: 170px !important;
}
.Tpp-PostCert-New{
  width: 170px !important;
}
.tpp-buttons
{
  float: left;
    width: 98%;
    height: 35px;
    font: normal normal bold 18px/26px effra;
    color: #524E8A;
}
.tpp-buttons .downloadReports{
  float: right;
  position: relative;
}
.downlaod_Button{
  font: normal normal bold 18px/22px Effra;
    border: none;
    color: #0088D0;
}
.downlaod_Button:hover{
  border-bottom: 2px solid #0088D0;
}
@media (max-width: 768px) {
  .add-post-btn-xs {
    order: 2;
  }
  .export-btn-xs {
    order: 3;
  }
  .info-card-container {
    flex-wrap: wrap !important;
  }
 .export-btn-md {
   justify-content: flex-end !important;
 }
}

@media (max-width: 576px) {
  .tp_certificates {
    padding: 20px 0 !important;
  }
  .tp_certificates-tabs {
    padding-left: 0;
    margin: 0px auto;
  }
  .tp_certificates-tab {
    margin-right: 4px !important;
    padding: 10px !important;
    width: 32.7%;
  }
  .info-card-container {
    flex-wrap: wrap !important;
  }
  .round-info-card-container {
    flex-wrap: wrap !important;
    display: flex !important;
  }
  .grid-container-xs {
    display: flex !important;
  }
  .add-post-btn-xs {
    order: 2;
  }
  .export-btn-xs {
    order: 3;
    align-items: flex-end;
  }
  .post-btn-xs {
    margin: 0 !important;
  }
  .tp_csv-btn {
    margin-right: 0;
  }
  .table-container-xs {
    padding: 0 !important;
  }
  .status-update-xs {
    position: relative;
  }
  .tp_certificates_search-bar {
    flex-wrap: wrap;
    margin: 0 !important;
    height: auto;
    padding: 10px;
  }
  .filter-date-xs {
    width: 100%;
    padding-top: 5px;
  }
  .box-padding {
    padding-top: 5px;
  }
}

.date-filter {
  width: 250px;
}

.clear-button-align {
  margin-left: 20px;
  margin-top: 26px;
}
.clear-button-align-ar {
  margin-right: 20px;
  margin-top: 26px;
}
.tp-clear-button {
  margin-left: 20px;
  margin-top: 1.5em;
}
.tp-clear-button-ar {
  margin-right: 20px;
  margin-top: 1.5em;
}
.tp-class-days-highlight{
  width: 95px;
  background: #0088D0;
  border: 1px solid #0088D0;
  color: #ffffff;
  padding: 3px 10px;
}
.close-btn-block svg{
color: #fff !important; font-size: 1.5em !important;
}
.MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper svg{
  color: #0088D0;
}
@media only screen and (width: 540px) {
  .filter-margin {
    margin-right: 38px;
    margin-left: 38px;
  }
}

@media only screen and (min-width: 1200px) {
.post-btn-width {
  width: 186px;
}
}
.inputHeight-date {
  font-family: 'revert';
}
.tpp-info-card-cont {
  justify-content: start !important;
}
.tpd-search-bar{
  justify-content: center;
}

@media only screen and (max-width: 1200px) {
  .tpp-info-card-cont {
    justify-content: center !important;
  }
}
.JobModal .md-close {
  background-color: #0088D0;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px;
    font-size: 15px;
}

.JobModal .ModalCheckbox {
  display: flex;
  align-items: center;
}

.JobModal .ModalCheckbox span {
  margin: 2px 6px 0;
}

.JobModal .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.apply-section {
  display: flex;
  justify-content: space-between;
}

.apply-section .file-upload {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.apply-section .file-upload .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.apply-section .file-upload .form-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.apply-section .file-upload .form-control::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: 'Browse';
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.apply-section .file-upload .form-control.success {
  border-color: #28a745;
}

.apply-section .file-upload .form-control.error {
  border-color: #e74c3c;
}

.apply-section .file-upload .file-upload-help {
  font-size: 80%;
}

.apply-section .file-upload .file-upload-help.success {
  color: #28a745;
}

.apply-section .file-upload .file-upload-help.error {
  color: #e74c3c;
}

.JobModalFooter {
  display: flex;
  justify-content: flex-end;
}

.JobModalFooter .loading {
  margin: 0;
}

.JobModalFooter.Rtl {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.btn-submit {
  border-radius: 0;
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  border: 1px solid #0088D0;
  color: #fff;
  background-color: #0088D0;
}
.BenefitsModal {
    line-height: 22px;
  }
  
  .BenefitsModal .big_title {
    padding-bottom: 0;
  }
  
  .BenefitsModal label {
    width: 100%;
  }
  
  .BenefitsModal .title_section {
    padding-bottom: 10px;
  }
  
  .BenefitsModal .BenefitsModalCheckbox {
    display: flex;
    padding-top: 6px;
    cursor: pointer;
  }
  
  .BenefitsModal .BenefitsModalCheckbox input {
    margin: 4px 10px 0;
  }
  
.banner-sec{
    position: relative;
}

.banner-sec .back-arrow{
    position: absolute;
    top: 6%;
    left: 4%;   
    z-index: 9;
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
}
.breadCrumb a{
    color: #302D7D;
    text-decoration: none;
    font-size: 1rem;
}
.breadCrumb i{
    margin: 0 0.2rem;
}
.breadCrumb span{
    color: #302D7D;
    text-decoration: none;
    color: #0088D0;
}
.fab-details-page-cont .title_{
    font-size: 2rem;
    text-align: center;
    font-weight: 700;
}

.fab-details-page-cont .sub-title{
    color: #302D7D;
}
.fab-details-page-cont p{
font-size: 1rem;
color: #484848;
}
.fab-details-page-cont .benefit-card-checkbox span{
    font-weight: bold;
    display: inline-block;
    margin-left: 1rem;
    position: relative;
    top: -1px;
}
.form-content .form-grp{
    background: #fff;
    padding: 1rem;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 5px;
    margin-bottom: 1rem;
}
.form-content .form-grp label{
    font-size: 1rem;
    color: #757575;
}
.form-content .form-grp .addl-class__single-value {
    font-size: 1.5rem;
    color: #302D7D;
}
.form-content .form-grp textarea{
    border: none;
    font-size: 1.5rem;
}
.form-content .btn{
    border-radius: 0;
    padding: 0.4rem 0rem;
    width: 160px;
    border: 1px solid #0088D0;
    background: #0088D0;
}
.form-content .btn.btn-cancel{
    background: #fff;
    color: #0088D0;
    margin-left: 3em;
}
.fab-details-form-cont1 .inputField{margin: 0.8em 0;}
.fab-details_box{background: #FFFFFF 0% 0% no-repeat padding-box;}
.form-group label {
    font-weight: 700;
    font-size: 1rem;
  }

.form-content .btn.btn-submit{
    color: #fff;
    margin-left: 3rem;
}
@media (max-width:437px){
    .form-content .btn.btn-submit{
        color: #fff;
        margin-left: 1rem;
    }
    .form-content .btn{
        width: 132px;
    }
}
.info-dialog {
    line-height: 20px;
  }
  
  .info-dialog .modal-title {
    color: #302d7d;
    font-weight: 600;
  }
  
  .info-dialog .modal-header .close {
    padding: 6px 9px;
    margin: -1rem 0rem -1rem auto;
    background-color: #781d64;
    border: 0;
    font-size: 1.5rem;
    font-weight: 700;
    opacity: 1;
    color: #fff;
    border-radius: 50%;
  }
  .info-dialog__icon .fa{color: #302d7d;}
  
  .info-dialog .modal-body {
    display: flex;
  }
  
  .info-dialog .info-dialog__icon {
    font-size: 30px;
    margin-right: 20px;
  }
  
  .info-dialog .info-dialog__icon .fa:before {
    margin: 0;
  }
  
  .info-dialog .modal-header .close:hover {
    opacity: 1;
  }
  
  .info-dialog.rtl .modal-header .close {
    margin: -1rem auto -1rem 0rem;
  }
  
  .info-dialog.rtl .info-dialog__icon {
    margin-right: 0px;
    margin-left: 20px;
  }
  .payment-detail-card {
    width: 100px;
  }
  
  .delete-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95px;
  }
  
  .dialog-subTitle {
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
  }
  
  .button-container {
    gap: 30px;
  }
  
  .PaymentDialog {
    z-index: 10 !important;
  }
  .PaymentDialog .MuiTableCell-head span {
    white-space: nowrap;
  }
  .section-cont {
    overflow-y: auto;
    padding: 20px;
  }
  .banner-sec{
    position: relative;
}

.banner-sec .back-arrow{
    position: absolute;
    top: 6%;
    left: 4%;   
    z-index: 9;
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
}
.breadCrumb a{
    color: #302D7D;
    text-decoration: none;
    font-size: 1rem;
}
.breadCrumb i{
    margin: 0 0.2rem;
}
.breadCrumb span{
    color: #302D7D;
    text-decoration: none;
    color: #0088D0;
}
.confirm-payment-details-cont .title-cont{
text-align: center;
color: #302D7D;
}
.confirm-payment-details-cont .title-cont .title_{
  font-weight: bold;
}
.confirm-payment-details-cont .title-cont h6{
  color: #302D7D;
}
.confirm-payment-details-cont .card-information .border{
  border: 0 !important;
 }
 .confirm-payment-details-cont .back-arrow {
  color: #302D7D;
  position: absolute;
  font-size: 1.7rem;
  left: -3rem;
  top: -7px;
  cursor: pointer;
 }
 .confirm-payment-details-cont .btn-cancel2{
  display: inline-block !important;
 }
 .confirm-payment-details-cont .btn-cancel{
  display: none;
 }
 .titles_
 {
  font-weight: 400;
  color: #302D7D;
 }
 
.JobModal .md-close {
  background-color: #0088D0;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px;
    font-size: 15px;
}

.JobModal .ModalCheckbox {
  display: flex;
  align-items: center;
}

.JobModal .ModalCheckbox span {
  margin: 2px 6px 0;
}

.JobModal .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.apply-section {
  display: flex;
  justify-content: space-between;
}

.apply-section .file-upload {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.apply-section .file-upload .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.apply-section .file-upload .form-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.apply-section .file-upload .form-control::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: 'Browse';
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.apply-section .file-upload .form-control.success {
  border-color: #28a745;
}

.apply-section .file-upload .form-control.error {
  border-color: #e74c3c;
}

.apply-section .file-upload .file-upload-help {
  font-size: 80%;
}

.apply-section .file-upload .file-upload-help.success {
  color: #28a745;
}

.apply-section .file-upload .file-upload-help.error {
  color: #e74c3c;
}

.JobModalFooter {
  display: flex;
  justify-content: flex-end;
}

.JobModalFooter .loading {
  margin: 0;
}

.JobModalFooter.Rtl {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.btn-submit {
  border-radius: 0;
  padding: 0.5rem 0rem;
  font-weight: bold;
  width: 160px;
  border: 1px solid #0088D0;
  color: #fff;
  background-color: #0088D0;
}
.explore {
  margin: 20px 0 0 0 !important;
  /* padding: 15px 15px 0 15px !important; */
  position: relative;
  /* min-height: 450px !important; */
}

.explore_w {
  width: 1480px;
}

.explore_c {
  display: flex;
  justify-content: center;
}

.explore_video {
  display: flex;
  justify-content: center;  
}

@media only screen and (min-width: 200px) and (max-width: 1440px) {
  .video-element {
    height: 100% !important;
    width: 100% !important;
    object-fit: fill
  }
 
}
@media only screen and (min-width: 1441px){
  .video-element {
    width: 100% !important;
  }
}
.explore_description {
  padding: 1em 0;
}
.explore_btn a{margin-bottom: 10px;}

.img-logo-explore{
  height: 180px;
}
.img-logo-explore>img {
  height: inherit;
}

.explore_title {
  margin-top: 10px;
  font: normal bold 1.5em / 1em Effra !important;
  padding: 1em 0 !important;
  min-height: 85px;
}

.explore_btn {
  width: calc(100% - 30px);
  display: flex;
  margin: 10px 0 0 0;
}

.explore_download, .explore_watch {
  justify-content: center;
  flex-direction: column;
}

.explore_download_watch {
  flex-direction: column;
  align-items: center;
}

.btn-size{
  width: 150px;
}

@media screen and (min-width: 992px) and (max-width: 1180px) {
  .btn-size{
    width: 100px;
  }
}
.margin-3-5rem {
  margin-bottom: 3.5rem;
}

.right-0 {
  right: 0;
}

.bottom-1 {
  bottom: 1rem;
}

.width-3 {
  width: 3rem;
}

.font-bold {
  font-weight: bold;
}
.btn-review_btn {
  background-color: rgb(173 173 70);
  font: normal normal normal 14px/20px effra;
  padding: 5px 10px;
  width: 145px;
  right: 10%;
}

.nhp_certificates-tab {
  border-radius: none !important;
  border: none !important;
  border-bottom: 0 !important;
  background-color: none !important;
  text-transform: none !important;
  margin-right: 8px !important;
  max-width: 160px !important;
  min-height: 50px !important;
  word-wrap: break-word !important;
  justify-content: center !important;
  text-overflow: ellipsis !important;
  font: normal normal normal 20px/24px Effra;
color: #1E1E1E;

}
.nhp_certificates .MuiTabs-indicator
{
  height: 3px;
  background-color: #0088D0;
}


@media (max-width: 576px) {
  .nhp_certificates {
    padding: 20px 0 !important;
  }
  .nhp_certificates-tabs {
    padding-left: 0;
    margin: 0px auto;
  }
  .nhp_certificates-tab {
    margin-right: 4px !important;
    padding: 10px !important;
    width: 32.7%;
  }
  .table-container-xs {
    padding: 0 !important;
  }
  .status-update-xs {
    position: relative;
  }
 
}

.MuiButtonBase-root .MuiAccordionSummary-expandIconWrapper svg{
  color: #0088D0;
}

.nhp_certificates-tabs .MuiTabs-fixed {
  overflow: auto !important;
}

@media only screen and (min-width: 1200px) {
.post-btn-width {
  width: 186px;
}
.nhp_certificates-tabs .MuiTabs-fixed {
  /* overflow: unset !important; */
}
}


.survey-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f4f4f4;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
}

.survey-header {
  text-align: center;
  margin-bottom: 20px;
}

.survey-banner {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.survey-header h1 {
  font-size: 24px;
  color: #333;
  margin-top: 10px;
}

.survey-description {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 20px;
}

.survey-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.survey.form-group label {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: normal;
}

.survey.form-group .required {
  color: red;
  margin-right: 4px;
}

.survey.form-group input[type="text"],
.survey.form-group input[type="number"] {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.survey.form-group input[type="radio"] {
  width: 18px;
  height: 18px;
  margin-top: -5px;
  margin-right: 5px;
  accent-color: #342484;
  cursor: pointer;
}

.survey.form-group div {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;
 }


.submit-button {
  background-color: #4b0082; /* Indigo color */
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.submit-button:hover {
  background-color: #3a0066; /* Darker indigo */
}

.clear-button {
  background-color: #e0e0e0; /* Light gray */
  color: #333;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  margin-left: 10px;
  transition: background-color 0.3s ease;
}

.clear-button:hover {
  background-color: #c0c0c0; /* Darker gray */
}

.button-group {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.error-message {
  color: red;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.rating-group {
  display: flex;
  gap: 0.5rem;
}

.star {
  font-size: 2rem;
  color: #ccc;
  cursor: pointer;
  transition: color 0.2s;
}

.star.selected {
  color: #342484;
}

.star:hover {
  color: #342484;
}
.rating-label {
  font-size: 1rem;
  color: #555;
}

.survey-button:disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
  border: 1px solid #cccccc;
  opacity: 0.6;
}

.survey-textarea {
  width: 100%;
  height: 70px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.survey-form .form-group label:not(.file_label){
  height: auto !important;
  height: initial !important;
}

.card_body{
background-color: #f3f3fb;
border-radius: 10px;
width: 100%;
max-width: 1000px;
padding: 2rem;
}
.main_survey{
  padding:2rem;
}

@media (max-width:700px){
.card_body{
  padding: 10px;
}
.card_body_in{
  flex-wrap: wrap;
}
.survey-form .form-group label:not(.file_label) {
  flex:1 1;
}
.form_radio input[type="text"]{
  flex:1 1;
}
.rating-group.rating-group-2{
  flex-wrap: nowrap !important;
  text-align: center;
}
.main_survey{
  padding:0rem;
}
.rating_stars{
  flex-wrap: nowrap !important;
}
}


.courses-container {
    background-color: #E1ECEF;
    padding: 30px;
    min-height: 100vh;
  }
  
  .courses-header {
    margin-bottom: 30px;
  }
  
  .courses-header h1 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
  }
  
  .courses-header p {
    font-size: 16px;
    color: #666;
  }
  
  .search-filter-container {
    margin-bottom: 30px;
  }
  
  .courses-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    align-items: center;
    /* justify-content: center; */
  }
  .search-input {
    flex: 1 1;
  }
  
  .search-input input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    background-color: #fff;
  }
  
  .filter-dropdown {
    width: 33.3%;
  }
  
  /* Default style for LTR languages (like English) */
  .filter-dropdown select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    -webkit-appearance: none;
            appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%276 9 12 15 18 9%27%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    background-color: #fff;
  }
   .filter-dropdownlist {
    width: 80px;
  }
   .filter-dropdownlist select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    -webkit-appearance: none;
            appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%276 9 12 15 18 9%27%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    background-color: #fff;
  }
  .filter-dropdownlists{
      width: 108px;
  }

  .filter-dropdownlists div{
    padding: 12px 10px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    -webkit-appearance: none;
            appearance: none;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    background-color: #fff;
  }
.arrowbi-chevron-up{
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #6c757d;
}
.arrowbi-chevron-down{
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #6c757d;
}
  
  /* Style for RTL languages (like Arabic) */
  [dir="rtl"] .filter-dropdown select {
    background-position: left 10px center;
    padding-left: 35px;
    padding-right: 15px;
    text-align: right;
  }
  
  .search-button {
    width: 50%;
    padding: 12px 25px;
    background-color: #3a2f7d;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
  }
  
  .search-button:hover {
    background-color: #2a1f6d;
  }

  .clear-filter-button {
    width: 50%;
    padding: 12px 25px;
    background-color: white;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
  }
   .update-Id-button {
    padding: 9px 25px;
    background-color: #3a2f7d;
    color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
  }
  
  .clear-filter-button:hover {
    background-color: #f5f5f5;
  }
  
  .filter-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
  }
  
  .filter-tab {
    padding: 10px 20px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
  }
  
  .filter-tab.active {
    background-color: #3a7bd5;
    color: white;
    border-color: #3a7bd5;
  }
  
  .filter-tab:hover:not(.active) {
    background-color: #f5f5f5;
  }
  .closeIcon{
    cursor: pointer;
    margin-left: 6px;
    background-color: #ffb6f052;
  }
  .courses-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    gap: 20px;
  }
  
  .no-courses {
    grid-column: 1 / -1;
    text-align: center;
    padding: 50px;
    background: white;
    border-radius: 8px;
  }
  .search-filter-rowmb{
    display: flex;
    gap: 10px;
    align-items: center;
  }
.search-filter-row {
  display: flex;
  width: 100%;
  gap: 10px;
  align-items: center;
  margin-bottom: 0px;
}

.search-filter-rows {
  display: flex;
  width: 100%;
  gap: 10px;
  align-items: center;
}
/* Utility Classes */
.search-filter-rowmb.mobile-only {
  display: none;
}

.desktop-only {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}

.mobile-only {
  display: none;
}   
.custom-modal-title {
  font-weight: 500;
  font-size: 1.5rem;
  color: white;
}
.custom-modal-header {
  background-color: #3a2f7d;
  color: white;
  padding: 0.5rem 1rem;
  border-bottom: none; 
}

.custom-modal-header .btn-close {
  filter: brightness(0) invert(1); 
  opacity: 1;
}

.filter-tabs-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  flex-direction: row-reverse;
}

.filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.filter-right-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto; 
}

  @media (max-width: 768px) {

  .courses-header p {
    margin-bottom: 0px;
}
.courses-header {
    margin-bottom: 0px;
}
   .filter-right-actions {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    margin-left: 0; 
  }

  .filter-dropdownlists {
    margin-left: auto;
  }

  .update-Id-button {
    margin-right: auto;
  }

  .search-filter-rowmb.mobile-only {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    justify-content: space-between;
  }
.desktop-only {
    display: none;
  }
  .mobile-only {
    display: flex;
    gap: 10px;
    margin-top: 0px;
    justify-content: space-between;
  }
  .courses-filters {
    flex-direction: column;
    align-items: stretch;
  }
  .search-filter-rows{
      flex-direction: column;
    align-items: stretch;
  }
 
  .search-filter-row {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    display: flex;
  }
  .search-filter-row .search-input {
    flex: 1 1;
  }
  .search-filter-row .filter-dropdownlists {
    width: 80px;
    flex-shrink: 0;
  }

   .search-filter-rowmb {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .search-filter-rowmb .search-input {
    flex: 1 1;
  }
  .search-filter-rowmb .filter-dropdownlists {
    width: 80px;
    flex-shrink: 0;
  }
   .search-button {
    width: 50%;
  }
  .clear-filter-button {
    width: 50%;
    padding: 12px 16px;
  }
  .filter-dropdown {
    width: 100%;
  }
  .courses-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
} 


@media (min-width: 769px) {
  .search-filter-rowmb {
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
  }

  .search-filter-rowmb .search-input {
    flex: 1 1;
  }

  .search-filter-rowmb .filter-dropdownlists {
    width: 143px;
    flex-shrink: 0;
  }

  .search-filter-rowmb .search-button,
  .search-filter-rowmb .clear-filter-button {
    width: auto;
    flex-shrink: 0;
  }
}
  @media (max-width: 480px) {
    .courses-container {
      padding: 15px;
    }
  
    .courses-grid {
      grid-template-columns: 1fr;
    }
  }
  
  /* courseCard */
  .course-card {
    background-color: #E9F1F3;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s, box-shadow 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    position: relative;
  }
  
  .course-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  }
  
  .newly-added-badge {
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #ff4d4f;
    color: white;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    z-index: 2;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .course-image-container {
    position: relative;
    height: 180px;
    overflow: hidden;
  }
  
  .course-image {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    transition: transform 0.3s;
  }
  
  .course-card:hover .course-image {
    transform: scale(1.05);
  }
  
  .favorite-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ccc;
    transition: all 0.2s;
    padding: 0;
    z-index: 2;
  }
  
  .favorite-button.active {
    color: #ff5a5f;
  }
  
  .course-info {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  
  .course-meta-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  
  .course-meta {
    display: flex;
    gap: 15px;
}
  
  .difficulty-level,
  .course-badge {
    font-size: 12px;
    color: #3C3C3C;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  
  .course-rating {
    display: flex;
    align-items: center;
  }
  
  .star-icon {
    color: #ddd;
    margin-right: -2px;
  }
  
  .star-icon.filled {
    color: #ffb400;
  }
  
  .course-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
    line-height: 1.3;
  }
  
  .course-description {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    line-height: 1.5;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  .course-details-container {
    margin-top: auto;
  }
  
  .course-details {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .text-white-all *{
    color: #fff;
  }

  
  .detail-item {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #666;
    gap: 4px;
  }
  

   .course-catgeory span {
    padding: 3px 10px;
    border-radius: 12px;
    border-color: #9AC1CB;
  }
  .course-type {
    font-size: 13px;
  }
  
  .course-type span {
    padding: 3px 10px;
    border-radius: 3px;
    border-color: #E6E6E6;
  }
  
  .course-type span.internal {
    background-color: #DFE7F3;
    color: #1E1E1E;
  }
  
  .course-type span.external {
    background-color: #DFE7F3;
    color:#1E1E1E
  }
  
   /* For the progress slider container */
.course-progress .MuiSlider-root {
    color: #9747FF !important;
    height: 4px;
    padding: 0;
  }
  
/* .course-progress {
    padding-left: 12px;
} */ 

  .course-progress .MuiSlider-thumb {
    height: 12px;
    width: 12px;
    background-color: #9747FF;
    border: 2px solid #9747FF;
    transform: translate(0%, -50%);
  }
  .course-progress-slider {
  border-radius: 12px;
  box-sizing: content-box;
  display: inline-block;
  position: relative;
  cursor: pointer;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  color: #312782;
  height: 4px;
  width: 98%;
  padding: 13px 0;
}

  .course-progress .MuiSlider-thumb:focus, 
  .course-progress .MuiSlider-thumb:hover, 
  .course-progress .MuiSlider-thumb.Mui-active, 
  .course-progress .MuiSlider-thumb.Mui-focusVisible {
    box-shadow: inherit;
  }
  
  .course-progress .MuiSlider-thumb:before {
    display: none;
  }
  
  /* .course-progress .MuiSlider-track {
    border: none;
    border-radius: 2px;
    height: 4px;
  } */
/* Custom Track */
.course-progress .MuiSlider-track {
  border: none;
  border-radius: 2px;
  height: 4px;
  background-color: #9747FF;
  /* width: 101.9% !important; */
}
  .course-progress .MuiSlider-rail {
    opacity: 0.5;
    background-color: #e0e0e0;
    border-radius: 2px;
    height: 4px;
  }

  .MuiSlider-root {
    height: 4px !important;
  }
  
  .MuiSlider-track {
    height: 4px !important;
  }
  
  .MuiSlider-rail {
    height: 4px !important;
  }
  
  .course-actions {
    display: flex;
    gap: 10px;
    margin-top: 15px;
  }
  
 
  .single-button-container {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  
  .single-button-container .view-details-btn,
  .single-button-container .resume-btn {
    width: auto;
    min-width: 120px;
    max-width: 160px;
  }
  
  .view-details-btn,
  .enroll-btn,
  .resume-btn {
    flex: 1 1;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
  }
  
  .view-details-btn {
    background-color: white;
    border: 1px solid white;
    color: #3a2f7d;
  }
  
  .view-details-btn:hover {
    background-color: #f5f5f5;
  }
  
  .enroll-btn,
  .resume-btn {
    background-color: #3a2f7d;
    border: none;
    color: white;
  }
  
  .enroll-btn:hover,
  .resume-btn:hover {
    background-color: #2a1f6d;
  }

  /* pagination css */
  .pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    gap: 10px;
    background-color: #E1ECEF;
    padding: 10px 0;
  }
  
  .pagination-numbers {
    display: flex;
    align-items: center;
  }
  
  .pagination-number {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    margin: 0 2px;
  }
  
  .pagination-number.active {
    background-color: #3a7bd5;
    color: white;
    border-radius: 50%;
  }
  
  .pagination-number:hover:not(.active) {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
  }
  
  .pagination-button {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 15px;
    border: none;
    background-color: transparent;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
  }
  
  .pagination-button:hover:not(:disabled) {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
  }
  
  .pagination-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  /* RTL support */
  [dir="rtl"] .pagination-button.prev {
    flex-direction: row-reverse;
  }
  
  [dir="rtl"] .pagination-button.next {
    flex-direction: row-reverse;
  }
  
  @media (max-width: 480px) {
    .pagination-button span {
      display: none;
    }
  
    .pagination-button {
      padding: 8px;
    }
  }

/* Course category pill-shaped badge styles */
.course-category-container {
  margin: 12px 0 8px 0;
  display: flex;
  align-items: flex-start;
}

.course-category-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  background-color: #E9F1F3;
  border: 1px solid #9AC1CB;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #495057;
  text-transform: capitalize;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.course-category-badge:hover {
  background-color: #e9ecef;
  border-color: dee2e6;
}
/* ______________________ CourseViewDetails __________________________ */

.new-cvd .course-header {
  position: relative;
  background-color: #312782;
  color: white;
  padding: 3rem 0;
  background: linear-gradient(to right, #312782, #5b4ddb);
}

.new-cvd .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  list-style: none;
  margin-bottom: 1.5rem;
}

.new-cvd .breadcrumb-item a {
  color: #312782;
  text-decoration: none;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.new-cvd .breadcrumb-item a:hover {
  /* color: #fff; */
}

.new-cvd .breadcrumb-item.active {
  color: gray;
  font-size: 14px;
}

.new-cvd .breadcrumb>li+li a:before {
  display: none;
}

.new-cvd .breadcrumb-item+.breadcrumb-item::before {}

.new-cvd .course-header h1 {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.new-cvd .course-header .lead {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  opacity: 0.9;
  line-height: 1.6;
  max-width: 90%;
}

.new-cvd .badge {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}

.new-cvd .bg-accent {
  background-color: #ffbd43;
  color: #333;
}

.new-cvd .bg-light {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
}

.new-cvd .course-rating {
  font-weight: 500;
}

.new-cvd .course-rating .filled {
  color: #ffbd43;
}

.new-cvd .course-rating .empty {
  color: #e9ecef;
}

.new-cvd .stat-card {
  background-color: #fff;
  border-radius: 8px;
  padding: 1rem;
  height: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border: 1px solid #e5e7eb;
}

.new-cvd .stat-card p {
  margin-bottom: 0;
}

.new-cvd .stat-card .text-muted {
  color: #6c757d;
  font-size: 0.8rem;
}

.new-cvd .stat-card .fw-semibold {
  font-weight: 600;
}

.new-cvd .text-primary-custom {
  color: #312782;
}

.new-cvd .text-accent {
  color: #ffbd43;
}

.new-cvd .card {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

.new-cvd .card-body {
  padding: 1.5rem;
}

.new-cvd .card-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #312782;
}

.new-cvd .progress {
  height: 8px;
  border-radius: 4px;
  background-color: #7c5adf;
  margin-bottom: 0.5rem;
}

.new-cvd .progress-bar {
  background-color: #ffbd43;
  border-radius: 4px;
}

.new-cvd .btn {
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s;
  font-size: 0.9rem;
}

.new-cvd .btn-primary-custom {
  background-color: #ffbd43;
  border-color: #ffbd43;
  color: #000;
}
.new-cvd .btn-primary-custom.yellow {
  background-color:#ffbd43;
  color: #000;
}

.new-cvd .btn-primary-custom:hover {
  background-color: #241e5e;
  border-color: #241e5e;
  color: white;
}

.new-cvd .btn-outline-primary-custom {
  background-color: transparent;
  border-color: #312782;
  color: #312782;
}

.new-cvd .btn-outline-primary-custom:hover {
  background-color: #312782;
  color: white;
}

.new-cvd .btn-sm {
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
}

.new-cvd .btn-outline-secondary {
  border-color: #ced4da;
  color: #6c757d;
}

.new-cvd .btn-outline-secondary:hover {
  background-color: #f8f9fa;
  color: #333;
}

.new-cvd .btn-success {
  background-color: #28a745;
  border-color: #28a745;
  color: white;
}

.new-cvd .course-tabs {
  /* margin-top: -20px; */
}

.new-cvd .nav-tabs {
  border-bottom: none;
  background-color: white;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  padding: 0 1rem;
}

.new-cvd .nav-tabs .nav-link {
  color: #6c757d;
  border: none;
  padding: 1rem 1.5rem;
  font-weight: 500;
  position: relative;
  transition: color 0.2s;
}

.new-cvd .nav-tabs .nav-link:hover {
  color: #333;
}

.new-cvd .nav-tabs .nav-link.active {
  color: #312782;
  font-weight: 600;
  background-color: transparent;
}

.new-cvd .nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #312782;
}

.new-cvd .tab-content {
  background-color: white;
  border-radius: 0 0 8px 8px;
  padding: 2rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  display: flow-root;
}

.new-cvd .learning-outcomes h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #312782;
}

.new-cvd .learning-outcomes .text-muted {
  font-size: 1rem;
  margin-bottom: 2rem;
}

.new-cvd .learning-outcomes .d-flex {
  /* margin-bottom: 1rem; */
}

.new-cvd .learning-outcomes .text-accent {
  color: #ffbd43;
}

.new-cvd .modules h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #312782;
}

.new-cvd .modules .text-muted {
  font-size: 0.9rem;
}

.new-cvd .modules .mb-4 {
  margin-bottom: 1.5rem !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new-cvd .accordion-item {
  margin-bottom: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px !important;
  overflow: hidden;
}

.new-cvd .accordion-header {
  margin: 0;
}

.new-cvd .accordion-button {
  padding: 1.25rem;
  background-color: white;
  font-weight: 500;
  color: #333;
  box-shadow: none !important;
}

.new-cvd .accordion-button:not(.collapsed) {
  background-color: rgba(49, 39, 130, 0.05);
  color: #312782;
}

.new-cvd .accordion-button::after {
  background-size: 1rem;
}

.new-cvd .module-number {
  min-width: 30px;
  height: 30px;
  font-weight: 600;
  background-color: #312782;
}

.new-cvd .accordion-body {
  padding: 0;
}

.new-cvd .badge.bg-light-custom {
  background-color: rgba(49, 39, 130, 0.1);
  color: #312782;
  font-weight: 500;
}

.new-cvd .assessment h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #312782;
}

.new-cvd .assessment .text-muted {
  font-size: 1rem;
}

.new-cvd .assessment .card {
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s;
}

.new-cvd .assessment .card:hover {
  transform: translateY(-5px);
}

.new-cvd .assessment .card-title {
  font-size: 1.2rem;
  font-weight: 600;
}

.new-cvd .assessment .card-text {
  color: #555;
  margin-bottom: 2rem;
}

.new-cvd .reviews h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #312782;
}

.new-cvd .reviews .display-3 {
  font-size: 4rem;
  color: #312782;
}

.new-cvd .reviews .bg-light-custom {
  background-color: #f8f9fa;
  padding: 2rem;
  border-radius: 8px;
}

.new-cvd .ratings-summary {
  width: 100%;
  padding: 0 2rem;
}

.new-cvd .ratings-summary .progress {
  height: 8px;
  background-color: #e9ecef;
}

.new-cvd .ratings-summary .progress-bar.bg-accent {
  background-color: #ffbd43;
}

.new-cvd .review {
  padding-block: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}

.new-cvd .review:last-child {
  border-bottom: none;
}

.new-cvd .review-avatar {
  width: 48px;
  flex: 0 0 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #312782;
  color: white;
  font-weight: 600;
  font-size: 1.2rem;
}

.new-cvd .author h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #312782;
}

.new-cvd .author h4 {
  font-size: 1.3rem;
  font-weight: 600;
}

.new-cvd .author h5 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
}

.new-cvd .author .avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #312782;
  color: white;
  font-weight: bold;
  font-size: 2.5rem;
}

.new-cvd .author .bg-light-custom {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 1.5rem;
  text-align: center;
  height: 100%;
}

.new-cvd .author .bg-light-custom h3 {
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}

.new-cvd .specialization-tag {
  background-color: #f1f2f6;
  color: #312782;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
  font-size: 0.85rem;
}

.new-cvd .similar-courses h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.new-cvd .similar-course-card {
  border: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
}

.new-cvd .similar-course-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.new-cvd .similar-course-img {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #312782;
  color: white;
}

.new-cvd .similar-course-card .card-body {
  padding: 1.25rem;
}

.new-cvd .similar-course-card .card-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

.new-cvd .similar-course-card .card-text {
  font-size: 0.85rem;
  color: #6c757d;
  margin-bottom: 0;
}

.new-cvd .similar-course-card .card-footer {
  background-color: white;
  border-top: 1px solid #f1f2f6;
  padding: 1rem 1.25rem;
}

.new-cvd .similar-course-card .badge {
  padding: 0.35rem 0.65rem;
  font-size: 0.7rem;
}

.new-cvd .modal-content {
  border-radius: 10px;
  border: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.new-cvd .modal-header {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #f1f2f6;
}

.new-cvd .modal-title {
  font-weight: 600;
}

.new-cvd .modal-body {
  padding: 1.5rem;
}

.new-cvd .modal-footer {
  padding: 1.25rem 1.5rem;
  border-top: 1px solid #f1f2f6;
}

.new-cvd .option-btn {
  text-align: left;
  margin-bottom: 0.75rem;
  border: 1px solid #e5e7eb;
  padding: 1rem 1.25rem;
  border-radius: 8px;
  background-color: white;
  width: 100%;
  transition: all 0.2s;
}

.new-cvd .option-btn:hover {
  background-color: #f8f9fa;
}

.new-cvd .option-btn.selected {
  background-color: rgba(49, 39, 130, 0.05);
  border-color: #312782;
}

.new-cvd .option-indicator {
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 0.8rem;
}

.new-cvd .float-unset {
  float: none !important;
  float: initial !important;
}

.new-cvd .text-dark {
  color: #333 !important;
}

.new-cvd .text-muted {
  color: #6c757d !important;
}

.new-cvd .text-success {
  color: #28a745 !important;
}

.new-cvd .text-primary-custom {
  color: #312782 !important;
}

.new-cvd .border-bottom {
  border-bottom: 1px solid #e5e7eb !important;
}




  
  .difficulty-level {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 8px;
    color: white;
  }
  
  .difficulty-level.beginner {
    background-color: white;
    color: #3EB648; 
 
  }
  
  .difficulty-level.intermediate {
    color: #4C88CD;
    background-color: white;
    
  }
  
  .difficulty-level.advanced {
    color: #F26100; 
    background-color: white;
  }

/* Microsoft ID Popover Styles */
.microsoft-id-popover-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  padding: 20px;
  box-sizing: border-box;
}

.microsoft-id-popover {
  background: white;
  border-radius: 12px;
  padding: 28px;
  max-width: 554px;
  width: 100%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  position: relative;
  animation: popoverFadeIn 0.2s ease-out;
}

@keyframes popoverFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.popover-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e9ecef;
}

.popover-header h3 {
  margin: 0;
  margin-top: 10px;
  color: #212529;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
.custom-x-icons {
  cursor: pointer;
  font-size: 17px;
}


.close-buttons {
  background: none;
  border: none;
  cursor: pointer;
  color: #1087f0;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 5px;
  right: 7px;

}

.close-buttons.close-button-disableicon::after,
.close-buttons.close-button-disableicon::before {
  display: none;
}

.close-button:hover {
  color: #212529;
}

.close-button svg {
  width: 16px;
  height: 16px;
}

.popover-content {
  margin-bottom: 24px;
}

.popover-content p {
  margin: 0 0 16px 0;
  color: #495057;
  line-height: 1.6;
  font-size: 15px;
}

/* Microsoft ID label */
.microsoft-id-label {
  margin-bottom: 8px;
}

.microsoft-id-label p {
  margin: 0;
  color: #495057;
  font-weight: 500;
}

.microsoft-id-input {
  width: 100%;
  padding: 14px 16px;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  font-size: 15px;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  font-family: inherit;
}

.microsoft-id-input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.microsoft-id-input:disabled {
  background-color: #f8f9fa;
  cursor: not-allowed;
  opacity: 0.7;
}

.microsoft-id-input::placeholder {
  color: #adb5bd;
}

/* Help section styles */
.help-section {
  margin-top: 16px;
  padding: 16px;
  background-color: #f8f9fa;
  border-radius: 8px;
  border-left: 4px solid #007bff;
}

.help-section h4 {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 600;
  color: #212529;
}

.help-section .help-steps {
  margin: 0;
  padding-left: 20px;
}

.help-section .help-steps li {
  margin-bottom: 8px;
  line-height: 1.5;
  color: #495057;
  font-size: 14px;
}

.help-section .help-steps li strong {
  color: #212529;
}

/* Help link styles */
.help-section .help-link {
  color: #0078d4;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease;
  padding: 2px 4px;
  border-radius: 3px;
  background-color: rgba(0, 120, 212, 0.1);
}

.help-section .help-link:hover {
  color: #106ebe;
  text-decoration: underline;
  background-color: rgba(0, 120, 212, 0.15);
  cursor: pointer;
}

.help-section .help-link:focus {
  outline: 2px solid #0078d4;
  outline-offset: 2px;
  border-radius: 3px;
}

.help-section .help-link:active {
  background-color: rgba(0, 120, 212, 0.2);
}

.popover-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.skip-button,
.submit-button {
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 80px;
  font-family: inherit;
}

.skip-button {
  background-color: #6c757d;
  color: white;
}

.skip-button:hover:not(:disabled) {
  background-color: #5a6268;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
}

.submit-button {
  background-color: #007bff;
  color: white;
}

.submit-button:hover:not(:disabled) {
  background-color: #0056b3;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

.skip-button:disabled,
.submit-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.skip-button:active:not(:disabled),
.submit-button:active:not(:disabled) {
  transform: translateY(0);
}

/* RTL Support */
[dir="rtl"] .popover-header {
  flex-direction: row-reverse;
}

[dir="rtl"] .popover-actions {
  justify-content: flex-start;
}

[dir="rtl"] .close-button {
  margin: -8px 16px -8px -8px;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
  .microsoft-id-popover-overlay {
    padding: 16px;
  }

  .microsoft-id-popover {
    padding: 24px 20px;
    max-width: none;
  }

  .popover-header h3 {
    font-size: 18px;
  }

  .popover-actions {
    flex-direction: column-reverse;
  }

  .skip-button,
  .submit-button {
    width: 100%;
    justify-content: center;
  }

  .help-section {
    padding: 12px;
  }

  .help-section h4 {
    font-size: 15px;
  }

  .help-section .help-steps li {
    font-size: 13px;
  }
}

.filter-menu {
  position: absolute;
  max-width: 500px;
  border: 1px solid #3f72b5;
  border-radius: 1rem;
  margin-inline-start: 10px !important;
  z-index: 1050;
  background-color: white;
  right: 225px;
}
[dir="rtl"] .filter-menu {
  right: auto;
  left: 220px;
}
@media screen and (max-width: 768px) {
  .filter-menu {
    right: 50%;
    transform: translateX(50%);
  }
  [dir="rtl"] .filter-menu {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.nav-width-field {
  width: 300px;
}
.custom-close-btn {
  margin-top: -13px;
}
.custom-no-focus:focus {
  box-shadow: none !important;
  outline: none !important;
}
.custom-filter-btn {
  margin-right: 12px;
  padding-left: 14px;
  padding-right: 14px;
  min-width: 107px;
  max-width: 107px;
  width: 200px;
}
.custom-filter-btn .filter-label {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.rtl-reverse {
  flex-direction: row-reverse !important;
}
.btn-filter {
  background-color: #337fdc;
  border-color: #337fdc;
  color: #fff;
}
/* Additional CSS for Certificate Tab */
.certificate-section {
  padding: 2rem 0;
}

.certificate-card {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 2px solid #e9ecef;
  position: relative;
  overflow: hidden;
}

.certificate-card::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255, 189, 67, 0.1), transparent);
  transform: rotate(45deg);
  animation: shimmer 3s infinite;
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}

.certificate-icon-container {
  background: linear-gradient(135deg, #312782 0%, #5b4ddb 100%);
  box-shadow: 0 8px 25px rgba(49, 39, 130, 0.3);
  transition: transform 0.3s ease;
}

.certificate-icon-container:hover {
  transform: scale(1.05);
}

.certificate-details .detail-item {
  padding: 1rem;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}

.certificate-details .detail-item:hover {
  transform: translateY(-2px);
}

.student-info {
  background: white;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-left: 4px solid #312782;
}

.certificate-actions .btn-primary-custom {
  background: linear-gradient(135deg, #ffbd43 0%, #ffa726 100%);
  border: none;
  box-shadow: 0 4px 15px rgba(255, 189, 67, 0.4);
  transition: all 0.3s ease;
}

.certificate-actions .btn-primary-custom:hover {
  background: linear-gradient(135deg, #ffa726 0%, #ff9800 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 189, 67, 0.6);
}

.certificate-actions .btn-primary-custom:disabled {
  background: #6c757d;
  transform: none;
  box-shadow: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .certificate-card {
    padding: 2rem 1rem !important;
  }

  .certificate-icon-container {
    width: 80px !important;
    height: 80px !important;
  }

  .certificate-icon-container .MuiSvgIcon-root {
    font-size: 2rem !important;
  }

  .certificate-details .row {
    gap: 1rem;
  }

  .certificate-actions .btn-primary-custom {
    width: 100%;
    min-width: auto;
  }
}

/* Animation for certificate completion */
.certificate-completion-animation {
  animation: certificateAppear 0.8s ease-out;
}

@keyframes certificateAppear {
  0% {
    opacity: 0;
    transform: scale(0.8) translateY(20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* Success checkmark animation */
.success-checkmark {
  animation: checkmarkBounce 0.6s ease-in-out;
}

@keyframes checkmarkBounce {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/* Certificate border decoration */
.certificate-border {
  position: relative;
}

.certificate-border::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 2px solid #312782;
  border-radius: 8px;
  opacity: 0.3;
}

/* Print styles for certificate */
@media print {
  .certificate-card {
    background: white !important;
    box-shadow: none !important;
    border: 2px solid #312782 !important;
  }

  .certificate-actions {
    display: none !important;
  }

  .alert {
    display: none !important;
  }
}




/* Layout ui */
/* Main container */
.course-player-container {
  display: flex;
  height: 100vh;
  background: linear-gradient(0deg, rgba(246, 242, 237, 1) 0%, rgba(248, 232, 210, 1) 100%);
  font-family: Arial, sans-serif;
  align-items: flex-start;
  padding-inline: 50px;
}

/* Main content area */
.main-content {
  flex: 1 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

/* Course title */
.course-video-title {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

/* Video container wrapper */
.video-wrapper {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  flex: 1 1;
}

/* Video container */
.video-container {
  position: relative;
  width: 100%;
  height: 554px;
  background-color: #d3d3d3;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Video iframe */
.video-iframe {
  width: 100%;
  height: 554px;
  border: none;
}

/* Fullscreen button */
.fullscreen-button {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  transition: background-color 0.2s ease;
}

.fullscreen-button:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

/* Play button overlay */
/*Left side - Play icon styling */
.play-icon {
  width: 28px;
  height: 28px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 15px; /* Logical property for margin-right/left */
  flex-shrink: 0;
  background-color: white;
}

.play-icon.active {
  border: 1px solid #ff9500;
  background-color: #ff9500;
}

.play-icon-triangle {
  width: 0;
  height: 0;
  border-left: 8px solid #e0e0e0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin-inline-start: 2px; /* Changed from margin-left */
}

.play-icon-triangle.active {
  border-left: 8px solid white;
} 

/* Rating section */
.rating-section {
  padding: 10px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.rating-stars {
  display: flex;
  gap: 3px;
}

.star-filled {
  color: #ffc107;
  font-size: 20px;
}

.star-empty {
  color: #e4e5e9;
  font-size: 20px;
}

.rating-text {
  color: #666;
  font-size: 18px;
  font-weight: 600;
}

/* About section */
.about-section {
  padding: 10px 0px 0px;
}

.about-title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
}

.about-description {
  color: #000;
  line-height: 1.6;
  font-size: 15px;
  margin: 0;
}

/* Sidebar */
.sidebar {
  width: 480px;
  flex: 0 0 380px;
  background-color: #fff;
  padding: 25px;
  border: 1px solid #e0e0e0;
  overflow-y: auto;
  margin-right: 20px;
  margin-top: 73.6px;
  border-radius: 10px;
}

.sidebar.hidden {
  display: none;
}

/* Sidebar header */
.sidebar-header {
  margin-bottom: 25px;
}

.sidebar-title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0 0 5px 0;
}

/* Module list */
.module-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Module item */
.module-item {
  display: flex;
  align-items: center;
  padding: 15px 12px;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.module-item:hover {
  background-color: #f8f9fa;
}

.module-item.active {
  background-color: #fff3e0;
  border-bottom: 1px solid #ffcc80;
}

/* Play icon */
.play-icon {
  width: 28px;
  height: 28px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0;
}

.play-icon.active {
  border: 1px solid #ff9500;
  background-color: #ff9500;
}

.play-icon-triangle {
  width: 0;
  height: 0;
  border-left: 8px solid #e0e0e0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin-left: 2px;
}

.play-icon-triangle.active {
  border-left: 8px solid white;
}

/* Lesson content */
.lesson-content {
  flex: 1 1;
  min-width: 0;
}

.lesson-title {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  margin-bottom: 2px;
  line-height: 1.4;
}

.lesson-title.active {
  color: #ff9500;
  font-weight: 600;
}

/* Duration */
.lesson-duration {
  font-size: 13px;
  color: #999;
  font-weight: 500;
  margin-left: 10px;
  margin-right: 10px;
}

.lesson-duration.active {
  color: #ff9500;
}

/* Completion status */
.completion-status {
  width: 18px;
  height: 18px;
  background-color: #e0e0e0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.completion-status.completed {
  background-color: #4caf50;
}

.completion-checkmark {
  color: white;
  font-size: 11px;
  font-weight: bold;
}

/* Fullscreen styles */
.video-container:fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  background: black;
}

.video-container:fullscreen .video-iframe {
  width: 100% !important;
  height: 100% !important;
}

.video-container:-webkit-full-screen {
  width: 100vw !important;
  height: 100vh !important;
  background: black;
}

.video-container:-webkit-full-screen .video-iframe {
  width: 100% !important;
  height: 100% !important;
}

.video-container:-moz-full-screen {
  width: 100vw !important;
  height: 100vh !important;
  background: black;
}

.video-container:-moz-full-screen .video-iframe {
  width: 100% !important;
  height: 100% !important;
}

.video-container:-ms-fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  background: black;
}

.video-container:-ms-fullscreen .video-iframe {
  width: 100% !important;
  height: 100% !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .course-player-container {
    flex-direction: column;
    padding-inline: 20px;
  }

  .sidebar {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
  }

  .main-content {
    width: 100%;
  }
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: 9999;
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, 9999 px);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: 320px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: auto;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: 800px;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: sans-serif;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  flex: 1 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: #121212;
  background: var(--toastify-color-dark);
  color: #fff;
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: #fff;
  color: var(--toastify-text-color-info);
  background: #3498db;
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: #fff;
  color: var(--toastify-text-color-success);
  background: #07bc0c;
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: #fff;
  color: var(--toastify-text-color-warning);
  background: #f1c40f;
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: #fff;
  color: var(--toastify-text-color-error);
  background: #e74c3c;
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: #bb86fc;
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: #3498db;
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: #07bc0c;
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: #f1c40f;
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: #e74c3c;
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: rgba(255, 255, 255, 0.7);
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: auto;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: #e0e0e0;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: #616161;
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.datepicker {
  padding: 0.75rem;
}

.multiline-text {
  white-space: pre;
}
.ActiveColor {
  color: #060;
}