@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400&display=swap" rel="stylesheet');
 :root {
     --pbmit-global-color:  #10866e;
     --pbmit-light-global-color: #7ddbc8;
     --pbmit-secondary-color: #65419d;
     --pbmit-light-color: #f6f4f2;
     --pbmit-white-color:#ffffff;
     --pbmit-blackish-color: #0c6654;
     --pbmit-link-color-normal: #00354c;
     --pbmit-link-color-hover: #f6707a;
     --pbmit-global-color-rgb: 244, 116, 124;
     --pbmit-secondary-color-rgb: 83, 66, 88;
     --pbmit-responsive-breakpoint: 1200px;
     --pbmit-body-typography-font-family:'DM Sans', sans-serif;
     --pbmit-body-typography-variant: regular;
     --pbmit-body-typography-font-size: 16px;
     --pbmit-body-typography-line-height: 26px;
     --pbmit-body-typography-color: #000;
     --pbmit-heading-typography-font-family:'Mulish', sans-serif;
     --pbmit-heading-color: #00354c;
     --pbmit-heading-font-variant: 700;
     --pbmit-btn-typography-font-family:'Quicksand', sans-serif;
     --pbmit-btn-typography-variant: 700;
     --pbmit-btn-typography-font-size: 14px;
     --pbmit-btn-typography-line-height: 30px;
     --pbmit-border-radius: 50px;
     --bs-toast-bg: rgba(255, 255, 255, 1);
}
.navAnchor{
    color:var(--pbmit-global-color);
}
.navAnchor::after{
    color:var(--pbmit-global-color);
}
.nav-link:not(.active){
    color:var(--pbmit-global-color);
}
.cuser-label{
    color:var(--pbmit-global-color);
}
.cinput{
    border-color:var(--pbmit-global-color);
}
.pbmit-btn-small{
    padding:10px 30px !important;
}
.btn-wrap{
    white-space:normal;
}
.progress{
    background-color:#dcdcdc;
}

.dashboard-action-box{
    cursor: pointer;
}

.ffj-primary-color{
    color:var(--pbmit-global-color);
}

.dashboard-action-box-link:hover, 
.dashboard-action-box-link:focus, 
.dashboard-action-box-link:active{
    text-decoration: none !important;
    color:#000 !important;
}

.subtext1{
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: var(--pbmit-secondary-color);
}

.toast.show {
  animation: slideInUp 0.5s;
}

@keyframes slideInUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

.achievecheck{
    font-size:20px;
    color:#1AD300 !important; 
    margin-right:5px;
}

.toast-body p {
    font-weight:bold;
}

.btn-primary{
    background-color: var(--pbmit-global-color);
    border: 1px solid var(--pbmit-global-color);
    color:#FFF;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active{
    background-color: var(--pbmit-blackish-color);
    border: 1px solid var(--pbmit-global-color);
    color:#FFF;
}

.toastBadge{
    max-width:90px;
}

.toast {
  opacity: 1 !important;
}

.traitCard{
    position: relative;
    padding: 40px 30px 50px;
    text-align: center;
    background-color: var(--pbmit-white-color);
    -webkit-box-shadow: 0px 2px 40px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 40px 0px rgb(0 0 0 / 5%); 
    border-radius:20px;
}


.btn-round{
    border-radius:50px;
    padding: 10px 50px 10px 50px;
}

#traitRateDiv{
    padding-top:70px;
    padding-bottom:100px;
}

.loadersvg {
 width: 3.25em;
 transform-origin: center;
 animation: rotate4 2s linear infinite;
}

.loadcirc {
 fill: none;
 stroke: var(--pbmit-global-color);
 stroke-width: 4;
 stroke-dasharray: 1, 200;
 stroke-dashoffset: 0;
 stroke-linecap: round;
 animation: dash4 2s ease-in-out infinite;
}

@keyframes rotate4 {
 100% {
  transform: rotate(360deg);
 }
}

@keyframes dash4 {
 0% {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
 }

 50% {
  stroke-dasharray: 90, 200;
  stroke-dashoffset: -35px;
 }

 100% {
  stroke-dashoffset: -125px;
 }
}

.appLoaderText{
    font-size:16px;
    font-weight: bold;
    margin-bottom:10px;
}

.rounded-nav .nav-link {
    border-radius: 50rem !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--pbmit-global-color);
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--pbmit-blackish-color);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    font-weight: bold;
}

#ceNav{
    border-radius: 50rem !important;
    border: 1px solid var(--pbmit-global-color) !important;
    /*background-color:#c2c0c0 !important;*/
}

.ceNavLink:hover, .jfNavLink:hover,.ceNavLink:focus, .jfNavLink:focus{
     color: var(--pbmit-blackish-color);
}

.ceCard, .questionCard{
    position: relative;
    padding: 40px 30px 50px;
    text-align: center;
    background-color: var(--pbmit-white-color);
    -webkit-box-shadow: 0px 2px 40px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 40px 0px rgb(0 0 0 / 5%);
    border-radius: 20px;
}

.loaderDiv{
    background-color:#FFF;
    padding: 50px 50px 50px 50px;
    border-radius:20px;
}

.btn-primary.fixedGreen{
    background-color: #10866e !important;
    border-color:  #10866e !important;
    border: 1px solid;
    color:#fff
}
.btn-primary.fixedGreen:hover{
    background-color: #0c6654 !important;
    border-color:  #0c6654 !important;
}
.btn-secondary.fixedGrey{
    background-color: #6c757d !important;
    border-color:  #6c757d !important;
    border: 1px solid;
    color:#fff
}
.btn-secondary.fixedGrey:hover{
    background-color: #5a6268 !important;
    border-color:  #5a6268 !important;
}
.btn-red.fixedRed{
    background-color:#c42e23 !important;
    border-color:  #c42e23 !important;
    border: 1px solid;
    color:#fff
}
.btn-red.fixedRed:hover{
    background-color: #9B241B !important;
    border-color:  #9B241B !important;
}


.accordion-button:not(.collapsed) {
    color: #FFF;
    background-color: var(--pbmit-secondary-color);
    border-radius: 10px 10px 0px 0px !important;
}

.accordion-button:not(.collapsed)::after  {
     color: #FFF !important;
}

.jobSelect{
    font-weight:bold !important;
    margin-top:10px;
    margin-bottom:10px;
}

.btn-tertiary {
    background-color: var(--pbmit-secondary-color) !important;
    border: 1px solid var(--pbmit-secondary-color) !important;
    color:#FFF !important
}

.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus{
    color:#FFF !important
}

.btn-red {
    background-color: #c42e23 !important;
    border: 1px solid #c42e23 !important;
}


.jobtimizeLink{
    color: var(--pbmit-secondary-color) !important;
}

.jobtimizeLink:hover,.jobtimizeLink:active,.jobtimizeLink:focus{
    color: var(--pbmit-secondary-color) !important;
}

.filterBtnDiv{
    width:100%
}

.form-select{
    color:#000 !important;
}

.dashboardAchieve{
    max-width: 20% !important;
    margin:5px;
}

.dashboardReportIcon{
    max-width: 60% !important;
    margin:5px;
}

@media all and (max-width: 575px) {
    .dashboardReportIcon{
        max-width: 100px !important;
    }

}

.reportsPageIcon{
    max-width: 125px !important;
    margin:5px;
}

.interestSubHead{
    color: var(--pbmit-secondary-color);
}

@media all and (max-width: 800px) {
    .interest-assess-btn{
        width:100%;
        margin-top:5px;
        margin-bottom:5px;
    }
}

@media all and (max-width: 948px) {
    .fit-assess-btn{
        width:100%;
        margin-top:5px;
        margin-bottom:5px;
    }
    .assessBtnBreak{
        display:none;
    }
}

@media all and (max-width: 767px) {
    .jobGutter{
        display:none !important;
    }
    .onetSectionHalf{
        margin-bottom:15px;
    }
    .accordion-button{
        padding:25px 35px 25px 25px !important;
    }
}

#progSpan{
    color: var(--pbmit-secondary-color) !important;
    font-size: 14px !important;
    font-weight:bold;
    margin-left:5px;
}

.moreContentHead{
    color: var(--pbmit-global-color) !important;
}

.moreContentDiv{
    margin-bottom:20px;
    border: 1px solid var(--pbmit-global-color) !important;
    border-radius: 20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:15px;
    padding-right:15px;
    text-align: left !important;
    width:100% !important;
    height:100% !important;
}

.showMoreLink{
    margin-bottom:20px;
}

.elementName{
    font-size: 20px;
    font-weight:bold;
    /*color: #000 !important;*/
}

.elementDesc{
    font-size: 16px;
}

.primaryHeader{
    color:var(--pbmit-global-color);
}

.fileInputDiv{
    border: 1px solid var(--pbmit-global-color);
    border-radius: 20px;
    padding-top:20px;
}

.contentCard{
    position: relative;
    padding: 40px 30px 50px;
    background-color: var(--pbmit-white-color);
    -webkit-box-shadow: 0px 2px 40px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 40px 0px rgb(0 0 0 / 5%);
    border-radius: 20px;
}

.progTextDiv{
    width:100%; 
    font-family: Mulish,sans-serif;font-weight: 700;
    font-size: 13px;color: var(--pbmit-global-color);
    text-transform: uppercase;
}

.nextStepStar{
    color: var(--pbmit-secondary-color); 
}

.nextStepSection{
    border: 2px solid  var(--pbmit-global-color);
    box-shadow: 0px 5px 30px 0px var(--pbmit-global-color);
}

#footer {
    font-size: 0.8rem;
}


@media all and (max-width: 668px) {
    .traitFeedBackBtn{
        width:100% !important
    }
}

@media all and (max-width: 1199px) {
    .section-lg{
        padding-top:20px !important;
    }
}
.topAchieveRow{
    margin-top:15px;
}
@media all and (max-width: 767px) {
    .topAchieveRow{
        margin-top:10px !important;
    }
}

.check {
    cursor: pointer;
    position: relative;
    margin: auto;
    width: 18px;
    height: 18px;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
  }

  .check:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(34,50,84,0.03);
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  .check svg {
    position: relative;
    z-index: 1;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--pbmit-global-color);
    stroke-width: 1.5;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease;
  }

  .check svg path {
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
  }

  .check svg polyline {
    stroke-dasharray: 22;
    stroke-dashoffset: 66;
  }

  .check:hover:before {
    opacity: 1;
  }

  .check:hover svg {
    stroke: var(--pbmit-global-color);
  }

  .jobCheck:checked + .check svg {
    stroke: var(--pbmit-global-color);
  }

  .jobCheck:checked + .check svg path {
    stroke-dashoffset: 60;
    transition: all 0.3s linear;
  }

  .jobCheck:checked + .check svg polyline {
    stroke-dashoffset: 42;
    transition: all 0.2s linear;
    transition-delay: 0.15s;
  }

  .grecaptcha-badge{
      display:none !important;
  }
  


.cinput-group {
    position: relative;
}

.cinput {
    border: solid 1.5px #9e9e9e;
    border-radius: 1rem;
    background: none;
    padding: 0.5rem;
    font-size: 1rem;
    color: #333;
    transition: border 150ms cubic-bezier(0.4,0,0.2,1);
}

.cuser-label {
    position: absolute;
    left: 15px;
    bottom:15px;
    color: #474747;
    pointer-events: none;
    transform: translateY(1rem);
    transition: 150ms cubic-bezier(0.4,0,0.2,1);
    font-weight: normal !important;
}

.cinput:focus, .cinput:valid, .cinput.r-only{
    outline: none;
    border: 1.5px solid var(--pbmit-global-color);
    padding-left:20px;
}

.cinput:focus ~ label, .cinput:valid ~ label, .cinput.r-only ~ label, .cselect:valid ~ label{
    transform: translateY(-50%) scale(0.9);
    background-color: #FFF;
    padding: 0 .2em;
    color: var(--pbmit-global-color);
    bottom:9px;
}

.cinput:focus ~ label, .cinput:active ~ label{
    font-weight:bold !important;
}
.cselect{
    padding-right:20px;
}

 .fa-rounded-j {
    position: relative;
    display: inline-block;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 3.92857rem;
    height: 3.92857rem;
    font-size: 1.57143rem;
    border-radius: 50%;
    background-color: #eee;
}

.jobIcon{
    position:relative;
    top:19px;
}

.jobTypeIcon{
    cursor: pointer;
}

.activeJobIcon{
    background: var(--pbmit-global-color);
    color:#FFF;
}
.activeJobIconText{
    color: var(--pbmit-global-color) !important;
}

.jobButton {
  cursor: pointer;
  font-weight: 700;
  font-family: 'Libre Franklin', sans-serif;;
  transition: all .2s;
  padding: 5px 15px;
  border-radius: 100px;
  border: 1px solid #9e9e9e;
  background-color:var(--pbmit-global-color);
  display: inline-flex;
  align-items: center;
  color:#FFF;
  font-size: 15px;
}

.jobButton:hover {
  background-color: #2bc09d;
  color:#FFF;
}

.jobButton > svg {
  width: 28px;
  margin-left: 10px;
  transition: transform .3s ease-in-out;
}

.jobButton:hover svg {
  transform: translateX(5px);
}

.jobButton:active {
  transform: scale(0.95);
}

.jobButton:hover .btncirc {
  color:#FFF !important;
}

.titleIcon{
    margin-right:5px;
    font-weight: 100 !important;
}

.historyIconGreen{
    color:var(--pbmit-global-color);
}

.historyIconPurple{
    color:var(--pbmit-secondary-color);
}

.historyIconRed{
    color:#c42e23;
}

.accordion-button:not(.collapsed) .historyIconGreen {
  color: #FFF !important;
}

.accordion-button:not(.collapsed) .historyIconPurple {
  color: #FFF !important;
}

.accordion-button:not(.collapsed) .historyIconRed {
  color: #FFF !important;
}

.jobCheck:focus-visible + .check{
    border: 2px solid black !important;
    border-radius:5px;
}

select:focus-visible {
    outline: 2px solid var(--pbmit-global-color) !important; 
}

.adminAsApplicantBanner{
    width:100%;
    text-align: center;
    background-color: var(--pbmit-secondary-color);
    color:#FFF;
}

#backToAdvisorLink{
    color: #FFF;
}

.hiredLabel{
    font-size:20px; 
    font-weight:bold;
    color:var(--pbmit-global-color);
}


.fitSpanGood:hover{
    color:#81a42a !important;
}

.fitSpanPoor:hover{
    color:#b9322e !important;
}

.fitSpan:hover{
    color:green !important;
}

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

select:disabled {
    cursor:not-allowed !important;
    opacity: 0.5;
}

select:disabled {
    cursor:not-allowed !important;
    opacity: 0.5;
}

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

.bold_text{
    font-weight:bold;
}

#totalJobText{
    font-size:14px;
}

.traitLogo{
    margin-top:10px;
    margin-bottom:10px;
}

.btn-job-rounded{
    border-radius: 20px;
    font-weight: normal;
}

.jobCheck{
    -webkit-appearance: auto !important;
}

.dashboardReport{
    border:none;
    border-radius: 20px;
    padding-top:15px;
    padding-bottom:15px;
}

.dashboardReport:hover, .dashboardReport:focus{
    color: var(--pbmit-global-color);
    border: 1px solid var(--pbmit-global-color);
    box-shadow: 0px 5px 30px 0px var(--pbmit-global-color);
    
}

.dashSpinner{
    position:relative;
    top:10px;
}

.thead-primary{
    background-color: var(--pbmit-secondary-color);
    color: #FFF;
}

.teamNextBtn{
    background-color: var(--pbmit-global-color);
    border: none;
    border-radius: var(--pbmit-border-radius); 
}

.teamBackBtn{
    background-color: var(--pbmit-secondary-color) !important;
    border: none;
    border-radius: var(--pbmit-border-radius);
}

.statusSpan{
    padding: 5px 20px 5px 20px;
    font-weight:bold;
    min-width:100%;
}

.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  margin-left:5px;
}

.activeSpan{
    border: 2px solid #32a852;
    color: #32a852;
    border-radius: 50px;
}


.activeDot{
    background-color: #32a852;
}


.pendingSpan{
    border: 2px solid #dba039;
    color: #dba039;
    border-radius: 50px;
}


.pendingDot{
    background-color: #dba039;
}

.inactiveSpan{
    border: 2px solid #cf4242;
    color: #cf4242;
    border-radius: 50px;
}


.inactiveDot{
    background-color: #cf4242;
}

.countloadcirc {
    stroke: #FFF !important;
    stroke-width: 2 !important;
}

.memberInfoDiv{
    margin-bottom:20px;
    border: 1px solid var(--pbmit-global-color) !important;
    border-radius: 20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:15px;
    padding-right:15px;
    text-align: center !important;
    width:100% !important;
    height:100% !important;
}


.taskItem{
    border: 1px solid var(--pbmit-global-color);
    border-radius: 5px;
    margin-top:5px;
    margin-bottom:5px;
    padding: 5px 20px 5px 20px;
}

.taskItem.completeTask{
    background-color:#ddf5dd;
    color:#198754 !important;
    border: 1px solid #198754;
    font-weight: bolder;
}

/*.taskItem:hover{
    color:#FFF  !important;
    background-color: var(--pbmit-global-color) !important;
    cursor: pointer !important;
}*/

/*.taskItem.completeTask:hover{
    color:#FFF  !important;
    background-color: #198754 !important;
}*/

.justify-content-between {
    justify-content: space-between !important;
}

.taskSubText{
    font-size:12px;
}

.overdueDate{
    color: #dc3545!important;
}

.btn-small-rounded{
    font-size:13px;
    border-radius: 25px;
}

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

.taskInfo {
    align-self: flex-start; /* Align to the start (left) */
}

.taskBtn {
    align-self: flex-end; /* Align to the end (right) */
}

.jobSentRow{
    display: flex;
    justify-content: space-between;
}
.notif-circle{
    color: #EA2E20 !important;
    margin-left:5px;
}

.fitSpan:hover {
    background-color: green !important;
    color:#FFF !important;
}

.fitSpanGood:hover{
    background-color: #81a42a !important;
    color:#FFF !important;
}

.fitSpanPoor:hover{
    background-color: #b9322e !important;
    color:#FFF !important;
}

.topJobDash{
    border: 1px solid var(--pbmit-global-color);
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 20px 5px 20px;
    width:100%;
        
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topJobBody{
    max-height:300px;
    overflow-y: scroll
}

.topJobDashBtn{
    color:#FFF !important;
}