:root{--bgi-primary:#696cff;--bgi-dark:#313536;--bgi-purple:#c866a1;--bgi-yellow:#ffbd2e;}
body{background:#f5f5f9;font-family:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#566a7f;}
.employee-exact-card{border:0;border-radius:.75rem;box-shadow:0 .25rem 1rem rgba(67,89,113,.12);overflow:hidden;}
.employee-exact-card .card-header.bg-label-primary{background:#e7e7ff!important;border-bottom:1px solid #d9dee3;}
.employee-exact-card h2{font-size:1.75rem;letter-spacing:.2px;}.employee-exact-card h4{font-size:1.12rem;}
.back-btn{position:absolute;right:18px;top:50%;transform:translateY(-50%);border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(105,108,255,.4)}
.profile-head{padding:10px 0;border-radius:8px;position:relative;background-image:linear-gradient(135deg,#5f61e6 0%,#9149aa 50%,#083061 100%);background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;color:#fff;z-index:1;}
.profile-head::before{content:"";position:absolute;height:100%;width:80%;background:#c866a1;opacity:.40;top:0;left:-20%;transform:skewX(30deg);z-index:-1;}
.profile-head h5{width:100%;padding:5px 5px 0;text-align:justify;font-weight:bold;color:#fff;font-size:25px;text-transform:capitalize;margin-bottom:0;}
.profile-head p{width:100%;text-align:justify;padding:5px;color:#fff;font-size:17px;text-transform:capitalize;margin:0;}
.profile-head ul{list-style:none;padding:0;margin:0;}.profile-head ul li{display:block;color:#fff;padding:7px;font-weight:400;font-size:15px;}
.profile-head h6{width:100%;text-align:center;font-weight:100;color:#fff;font-size:15px;text-transform:uppercase;margin-bottom:0;}
.profile-head ul li .icon-holder{display:inline-block;height:27px;width:27px;line-height:25px;text-align:center;background:transparent;border-radius:15px;transform:rotate(0deg);z-index:1;margin-right:10px;position:relative;}
.profile-head ul li .icon-holder:before{position:absolute;margin:0 auto;display:block;height:27px;width:27px;background:#ffbd2e;border-radius:3px;transform:rotate(45deg);content:"";z-index:-1;transition:all 500ms ease;box-shadow:0 2px 4px #3c3a3a;}
.profile-head ul li:hover .icon-holder:before{transform:rotate(0deg);} .profile-head ul li .icon-holder i{color:#313536;font-size:14px;line-height:27px;}
.social-icon-one{position:relative;text-align:center;padding-top:20px;padding-bottom:15px;display:inline-block;background-color:#083061;}
.social-icon-one:after{position:absolute;content:'';left:0;bottom:-50px;border-top:50px solid #083061;border-right:48px solid transparent;}.social-icon-one li{position:relative;margin-bottom:2px;}.social-icon-one li a{position:relative;font-size:18px;color:#2bb4e6;display:block;padding:3px 8px;transition:all .3s ease}.social-icon-one li a:hover{color:#fff;background:#222}
.profile-head.social .image-content-center .social-icon-one{position:absolute;left:0;z-index:1;top:-100%;transition:all .6s ease}.profile-head.social .image-content-center:hover .social-icon-one{top:0}
.image-content-center{display:block;position:relative;overflow:hidden;width:100%;max-width:100%;padding:5px 10px;font-size:14px;line-height:22px;border:1px solid #E5E5E5;background:#fbfbfb;border-radius:5px;}.image-content-center .preview{position:absolute;z-index:1;padding:5px;width:100%;height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;text-align:center}.image-content-center .preview img{top:50%;transform:translate(0,-50%);position:relative;max-width:100%;}.image-content-center.user-pro{height:334px;max-width:90%;margin:0 auto;border-color:rgba(255,255,255,.101);background-color:rgba(127,129,131,.501)!important;box-shadow:5px 5px 10px 0 #624949}.image-content-center.user-pro img{max-height:320px!important;}
.custom-accordion-header{position:relative;padding:16px 18px;min-height:60px;display:flex;align-items:center;justify-content:space-between;border-radius:6px}.collapse-click-area{position:absolute;inset:0;cursor:pointer;z-index:1}.custom-accordion-title{font-size:15px;font-weight:600;display:flex;align-items:center;z-index:5}.auth-btn{padding:6px 14px;z-index:5;position:relative}table.table-profile thead th{vertical-align:middle!important;padding-top:8px!important;padding-bottom:8px!important}.accordion-item{border:1px solid #d9dee3;border-radius:.5rem!important;margin-bottom:1rem;overflow:hidden;background:#fff}.accordion-header.bg-label-dark{background:#e8e8eb!important;color:#566a7f}.accordion-collapse{display:block}.accordion-item.is-collapsed .accordion-collapse{display:none}.accordion-body{padding:1rem 1.25rem}.form-group{margin-bottom:.85rem}.form-group .col-form-label{font-weight:500;font-size:.9375rem;color:#566a7f;margin-bottom:.25rem}.required{color:#ff3e1d}.form-control,.form-select,.bootstrap-select>.dropdown-toggle{border-radius:.375rem;border:1px solid #d9dee3;min-height:38px;font-size:.9375rem}.form-control:focus,.form-select:focus{border-color:#696cff;box-shadow:0 0 0 .15rem rgba(105,108,255,.15)}.error{display:block;min-height:2px}.dropify-like,.dropify-wrapper{border:1px solid #d9dee3;border-radius:.375rem;padding:.45rem;background:#fff}.table-dark th{background:#2b2c40!important;color:#fff!important;border-color:#444564!important}.btn-primary{background:#696cff!important;border-color:#696cff!important}.btn-outline-primary{color:#696cff;border-color:#696cff}.btn-outline-primary:hover{background:#696cff;color:#fff}.employee-section-toolbar{text-align:right;margin-bottom:.75rem}.bgi-alert{border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem}.bgi-alert-success{background:#e8fadf;color:#2b7d0b}.bgi-alert-danger{background:#ffe0db;color:#d82b0c}.bgi-alert-info{background:#e7e7ff;color:#4d50d9}.profile-summary-file{font-size:.82rem;margin-top:.35rem}.profile-summary-file a{color:#696cff}.admin-inner-card{background:#fff;border-radius:.75rem;padding:1rem}.admin-extra-panel{border:1px dashed #d9dee3;border-radius:.5rem;padding:1rem;margin-bottom:1rem;background:#fbfbfd}.employee-form-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.text-nowrap{white-space:nowrap}.manual-date::placeholder{color:#a8b1bb}@media(max-width:991px){.profile-head::before{width:100%;left:0;right:0;transform:none}.back-btn{position:static;transform:none;margin-top:.75rem}.employee-exact-card h2{font-size:1.35rem}.profile-head h5{font-size:21px}.image-content-center.user-pro{height:260px}}


/* BGI fix: local fallback icons because uploaded Employee Profile_files.zip does not include Font Awesome webfonts. */
.employee-exact-card i.fas,
.employee-exact-card i.fab,
.employee-profile-public i.fas,
.employee-profile-public i.fab {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-block !important;
  min-width: 1em;
  text-align: center;
}
.employee-exact-card i.fas::before,
.employee-exact-card i.fab::before,
.employee-profile-public i.fas::before,
.employee-profile-public i.fab::before { font-family: Arial, Helvetica, sans-serif !important; }
.employee-exact-card .fa-arrow-left::before,.employee-profile-public .fa-arrow-left::before{content:"←" !important;}
.employee-exact-card .fa-user::before,.employee-profile-public .fa-user::before{content:"👤" !important;}
.employee-exact-card .fa-user-tie::before,.employee-profile-public .fa-user-tie::before{content:"👔" !important;}
.employee-exact-card .fa-phone::before,.employee-profile-public .fa-phone::before{content:"☎" !important;}
.employee-exact-card .fa-envelope::before,.employee-profile-public .fa-envelope::before{content:"✉" !important;}
.employee-exact-card .fa-fingerprint::before,.employee-profile-public .fa-fingerprint::before{content:"▣" !important;}
.employee-exact-card .fa-calendar::before,.employee-profile-public .fa-calendar::before{content:"📅" !important;}
.employee-exact-card .fa-cake-candles::before,.employee-profile-public .fa-cake-candles::before{content:"🎂" !important;}
.employee-exact-card .fa-shield-halved::before,.employee-profile-public .fa-shield-halved::before{content:"🛡" !important;}
.employee-exact-card .fa-graduation-cap::before,.employee-profile-public .fa-graduation-cap::before{content:"🎓" !important;}
.employee-exact-card .fa-briefcase::before,.employee-profile-public .fa-briefcase::before{content:"💼" !important;}
.employee-exact-card .fa-newspaper::before,.employee-profile-public .fa-newspaper::before{content:"📰" !important;}
.employee-exact-card .fa-file-contract::before,.employee-profile-public .fa-file-contract::before{content:"📄" !important;}
.employee-exact-card .fa-credit-card::before,.employee-profile-public .fa-credit-card::before{content:"💳" !important;}
.employee-exact-card .fa-circle-plus::before,.employee-profile-public .fa-circle-plus::before{content:"+" !important;}
.employee-exact-card .fa-facebook-f::before,.employee-profile-public .fa-facebook-f::before{content:"f" !important;}
.employee-exact-card .fa-twitter::before,.employee-profile-public .fa-twitter::before{content:"t" !important;}
.employee-exact-card .fa-linkedin-in::before,.employee-profile-public .fa-linkedin-in::before{content:"in" !important;font-size:.75em;}
.employee-exact-card .fa-instagram::before,.employee-profile-public .fa-instagram::before{content:"◎" !important;}
/* Ensure public pages keep icons visible even when browser blocks font files or .download JS files. */
.profile-head .icon-holder i{color:#313536!important;opacity:1!important;visibility:visible!important;}
.custom-accordion-title i{color:#566a7f!important;opacity:1!important;visibility:visible!important;}
.social-icon-one i{color:#2bb4e6!important;opacity:1!important;visibility:visible!important;}
.employee-exact-card .back-btn i,.employee-profile-public .back-btn i{color:#fff!important;}
/* Bootstrap-less accordion fallback: CSS/JS controls visibility safely. */
.accordion-collapse{display:block;}
.accordion-item.is-collapsed .accordion-collapse{display:none;}
.collapse-click-area::after{content:"⌄";position:absolute;right:18px;top:18px;font-weight:700;color:#566a7f;}
.collapse-click-area.collapsed::after{content:"›";}

/* Employee Registration Form exact source-page style */
.employee-registration-body{padding:0!important;}
.employee-registration-wrap{background:#fff;border-radius:.75rem;overflow:hidden;}
.employee-registration-heading{background:#fff;border-bottom:1px solid #e6e8ef;padding:14px 18px 16px;margin-bottom:12px;}
.employee-registration-heading h2{font-size:1.55rem;font-weight:700;color:#25324b;margin:0 0 4px;letter-spacing:.2px;}
.employee-registration-heading h4{font-size:1.05rem;font-weight:600;color:#697a8d;margin:0;}
.employee-registration-form{padding:8px 18px 18px;}
.employee-registration-form .form-group{margin-bottom:.82rem;}
.employee-registration-form .col-form-label{font-weight:600;color:#4b5f77;font-size:.92rem;margin-bottom:.28rem;}
.employee-registration-form .form-control,
.employee-registration-form .form-select,
.employee-registration-form .bootstrap-select>.dropdown-toggle,
.employee-registration-form select.form-control{min-height:39px;border-radius:.45rem;border:1px solid #d9dee3;background:#fff;color:#566a7f;box-shadow:none;}
.employee-registration-form textarea.form-control{min-height:74px;resize:vertical;}
.employee-registration-form .form-control:focus,
.employee-registration-form select.form-control:focus{border-color:#696cff;box-shadow:0 0 0 .15rem rgba(105,108,255,.14);}
.registration-subtitle{font-size:1rem;font-weight:700;color:#25324b;margin:10px 0 6px;padding-top:10px;border-top:1px solid #edf0f5;}
.employee-registration-wrap .dropify-like{min-height:42px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.employee-registration-wrap .employee-form-actions{background:#fbfbfd;margin:14px -18px -18px;padding:14px 18px;}
.employee-registration-wrap .btn-primary{font-weight:600;box-shadow:0 .125rem .25rem rgba(105,108,255,.35)!important;}
@media(max-width:767px){.employee-registration-heading h2{font-size:1.25rem}.employee-registration-heading .back-btn{display:inline-flex;margin-top:.75rem}.employee-registration-form{padding:6px 12px 14px}.employee-registration-wrap .employee-form-actions{margin-left:-12px;margin-right:-12px;margin-bottom:-14px}}

/* Staff profile accordion/add fallback fix */
.custom-accordion-header{cursor:pointer;}
.custom-accordion-title{pointer-events:none;}
.custom-accordion-header .auth-btn,.custom-accordion-header .bgi-add-row{pointer-events:auto;}
.accordion-collapse{display:block;}
.accordion-item.is-collapsed .accordion-collapse{display:none!important;}
.bgi-added-note{font-size:.88rem;margin-bottom:.5rem;}


/* BGI missing-field visibility fix */
.bgi-entry-heading{font-weight:700;color:#25324b;background:#f7f7ff;border:1px dashed #cfd2ff;border-radius:.45rem;padding:.55rem .75rem;margin:.85rem 0 .25rem;}
.bgi-repeat-row{border:1px solid #eef0f6;border-radius:.55rem;padding:.7rem .35rem .25rem;background:#fff;}
.employee-exact-card select.form-control,.employee-profile-public select.form-control{display:block!important;opacity:1!important;visibility:visible!important;color:#566a7f!important;background:#fff!important;}
.employee-exact-card .bootstrap-select,.employee-profile-public .bootstrap-select{width:100%!important;display:block!important;}
.employee-exact-card .bootstrap-select>.dropdown-toggle,.employee-profile-public .bootstrap-select>.dropdown-toggle{background:#fff!important;color:#566a7f!important;border:1px solid #d9dee3!important;min-height:38px;}
.employee-exact-card .bootstrap-select .filter-option-inner-inner,.employee-profile-public .bootstrap-select .filter-option-inner-inner{color:#566a7f!important;}
.employee-exact-card .custom-accordion-header .btn-primary,.employee-profile-public .custom-accordion-header .btn-primary{color:#fff!important;}
.employee-exact-card .bgi-added-rows td,.employee-profile-public .bgi-added-rows td{vertical-align:middle;}


/* BGI full width public staff pages fix */
html.employee-profile-public-html,
body.employee-profile-public-body{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden;
  background:#f5f5f9!important;
}
.employee-profile-public-full .employee-public-page{
  width:100%!important;
  max-width:100%!important;
  min-height:100vh;
  margin:0!important;
  padding:10px 10px 18px!important;
  box-sizing:border-box;
}
.employee-profile-public-full .employee-public-container{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box;
}
.employee-profile-public-full .employee-exact-card{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border-radius:.75rem;
}
.employee-profile-public-full .card-body{
  width:100%!important;
}
.employee-profile-public-full .employee-registration-wrap{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
.employee-profile-public-full .row{
  margin-left:-.75rem;
  margin-right:-.75rem;
}
.employee-profile-public-full [class*="col-"],
.employee-profile-public-full [class^="col-"]{
  padding-left:.75rem;
  padding-right:.75rem;
}
@media(min-width:1200px){
  .employee-profile-public-full .employee-public-page{
    padding:10px 10px 18px!important;
  }
}
@media(max-width:767px){
  .employee-profile-public-full .employee-public-page{
    padding:6px!important;
  }
  .employee-profile-public-full .employee-exact-card{
    border-radius:.55rem;
  }
}