/* Overwriting the bootstrap variables*/
@import url('variabiles.css');

/* Import the animations */
@import url('animations.css');

/* NAVBAR */
.navbar-brand img {
    max-width: 240px;
    height: auto;
}
.navbar-user-menu {
    column-gap: 8px;
    font-size: .75rem;
}
.navbar-notifications .count {
    width: 22px;
    height: 22px;
}
.navbar-user-profile img {
    width: 24px;
    height: 24px;
}

.offcanvas-intro {
    color: var(--bs-black);
    font-size: 1.125rem;
    padding-bottom: 12px;
}
.offcanvas-intro .user-photo {
    max-width: 36px;
}

.navbar-nav {font-size: 1.125rem;}
.navbar-nav .nav-item {border-bottom: 1px solid var(--bs-border-color);}
.navbar-nav .nav-item.active {border-bottom: 1px solid var(--bs-black);}
.navbar-nav .nav-item.active a,
.navbar-nav .nav-link.active {font-weight: 800;}
.navbar-nav .nav-link .count {
    width: 22px;
    height: 22px;
    font-size: .75rem;
    line-height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* register section */
.reactive-register__intro {
    font-size: 1rem;
    padding-top: 126px;
}
.reactive-register::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(50% - 125px);
    background-color: var(--bs-light);
}
.reactive-register__brand {
    margin-bottom: 17px;
    padding-bottom: 27px;
}
.reactive-register__brand::after,
.reactive-register__step .step-heading h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 3px;
    background: var(--bs-red);
}
.reactive-register__brand img {max-width: 336px;}
.reactive-register__intro h3 {margin-bottom: 18px;}

.reactive-register__form {padding-top: 120px;}
.reactive-register__step {padding-bottom: 24px;}
.reactive-register__step .step-heading {margin-bottom: 20px;}
.reactive-register__step .step-heading h2 {
    line-height: 1;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
.reactive-register__step .step-heading p {
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 0;
}

.separator {
    column-gap: 8px;
    font-size:  .875rem;
    font-weight: 400;
    line-height: 1.625rem;
    margin-bottom: 12px;
}
.separator::after,
.separator::before {
    content: "";
    display: inline-block;
    flex: 1;
    border-top: 1px dashed var(--bs-border-color);
}
.separator.border-0::after,
.separator.border-0::before {display: none;}

.show-password {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    margin: 0 34px 16px;
}

.form-group [data-bs-toggle="modal"] {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    margin: -3px 12px 0 0;
}

.form-group--media-handler .btn {margin-bottom: 18px;}
.form-group__uploaded-files.d-flex {margin-bottom: 18px;}
.form-group__uploaded-files {
    row-gap: 18px;
    flex-direction: column;
}
.uploaded-file {
    line-height: 1.25rem;
    display: flex;
    column-gap: 16px;
    justify-content: space-between;
    font-weight: 800;
    padding: 14px 20px;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.uploaded-file .remove-file {
    color: var(--bs-red);
    cursor: pointer;
    font-size: 1rem;
}
.form-group__uploaded-files .uploaded-file:nth-of-type(2) {animation-delay: .1s;}
.form-group__uploaded-files .uploaded-file:nth-of-type(3) {animation-delay: .2s;}
.form-group__uploaded-files .uploaded-file:nth-of-type(4) {animation-delay: .3s;}
.form-group__uploaded-files .uploaded-file:nth-of-type(5) {animation-delay: .4s;}
.form-group__uploaded-files .uploaded-file:nth-of-type(6) {animation-delay: .5s;}
.form-group__uploaded-files .uploaded-file:nth-of-type(7) {animation-delay: .6s;}
.form-group__uploaded-files .uploaded-file:nth-of-type(8) {animation-delay: .7s;}
.form-group__uploaded-files .uploaded-file:nth-of-type(9) {animation-delay: .8s;}

.uploaded-file--with-status::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: 18px 18px 0 0;
}
.uploaded-file--accepted::after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48603 2 2 6.48604 2 12C2 17.514 6.48603 22 12 22C17.514 22 22 17.514 22 12C22 6.48604 17.514 2 12 2ZM12 3.5C16.7033 3.5 20.5 7.2967 20.5 12C20.5 16.7033 16.7033 20.5 12 20.5C7.29669 20.5 3.5 16.7033 3.5 12C3.5 7.2967 7.29669 3.5 12 3.5ZM15.7353 8.99316C15.5406 8.99884 15.3556 9.08009 15.2197 9.21973L10.75 13.6895L8.78027 11.7197C8.71116 11.6477 8.62839 11.5903 8.53679 11.5507C8.4452 11.5111 8.34662 11.4902 8.24684 11.4892C8.14706 11.4882 8.04808 11.5071 7.9557 11.5448C7.86332 11.5825 7.77939 11.6383 7.70883 11.7088C7.63828 11.7794 7.5825 11.8633 7.54479 11.9557C7.50707 12.0481 7.48817 12.1471 7.48918 12.2468C7.49019 12.3466 7.51111 12.4452 7.5507 12.5368C7.59028 12.6284 7.64775 12.7112 7.71973 12.7803L10.2197 15.2803C10.3604 15.4209 10.5511 15.4999 10.75 15.4999C10.9489 15.4999 11.1396 15.4209 11.2803 15.2803L16.2803 10.2803C16.3885 10.1749 16.4623 10.0393 16.4922 9.89125C16.5221 9.7432 16.5065 9.58958 16.4477 9.4505C16.3888 9.31141 16.2893 9.19334 16.1622 9.11174C16.0351 9.03015 15.8863 8.98882 15.7353 8.99316Z' fill='%2378C489'/%3E%3C/svg%3E");
}
.uploaded-file--unverified::after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_397_473)'%3E%3Cpath d='M12 2C6.48603 2 2 6.48604 2 12C2 17.514 6.48603 22 12 22C17.514 22 22 17.514 22 12C22 6.48604 17.514 2 12 2ZM12 3.5C16.7033 3.5 20.5 7.2967 20.5 12C20.5 16.7033 16.7033 20.5 12 20.5C7.29669 20.5 3.5 16.7033 3.5 12C3.5 7.2967 7.29669 3.5 12 3.5ZM7.5 10.5C7.10217 10.5 6.72064 10.658 6.43934 10.9393C6.15803 11.2206 6 11.6022 6 12C6 12.3978 6.15803 12.7794 6.43934 13.0607C6.72064 13.342 7.10217 13.5 7.5 13.5C7.89782 13.5 8.27936 13.342 8.56066 13.0607C8.84196 12.7794 9 12.3978 9 12C9 11.6022 8.84196 11.2206 8.56066 10.9393C8.27936 10.658 7.89782 10.5 7.5 10.5ZM12 10.5C11.6022 10.5 11.2206 10.658 10.9393 10.9393C10.658 11.2206 10.5 11.6022 10.5 12C10.5 12.3978 10.658 12.7794 10.9393 13.0607C11.2206 13.342 11.6022 13.5 12 13.5C12.3978 13.5 12.7794 13.342 13.0607 13.0607C13.342 12.7794 13.5 12.3978 13.5 12C13.5 11.6022 13.342 11.2206 13.0607 10.9393C12.7794 10.658 12.3978 10.5 12 10.5ZM16.5 10.5C16.1022 10.5 15.7206 10.658 15.4393 10.9393C15.158 11.2206 15 11.6022 15 12C15 12.3978 15.158 12.7794 15.4393 13.0607C15.7206 13.342 16.1022 13.5 16.5 13.5C16.8978 13.5 17.2794 13.342 17.5607 13.0607C17.842 12.7794 18 12.3978 18 12C18 11.6022 17.842 11.2206 17.5607 10.9393C17.2794 10.658 16.8978 10.5 16.5 10.5Z' fill='%23DEDEDE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_397_473'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.uploaded-file--rejected::after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_397_509)'%3E%3Cpath d='M12 2C6.48603 2 2 6.48604 2 12C2 17.514 6.48603 22 12 22C17.514 22 22 17.514 22 12C22 6.48604 17.514 2 12 2ZM12 3.5C16.7033 3.5 20.5 7.2967 20.5 12C20.5 16.7033 16.7033 20.5 12 20.5C7.29669 20.5 3.5 16.7033 3.5 12C3.5 7.2967 7.29669 3.5 12 3.5ZM15.2432 7.98926C15.0451 7.99393 14.8569 8.07679 14.7197 8.21973L12 10.9395L9.28027 8.21973C9.21036 8.14773 9.12672 8.0905 9.03429 8.05142C8.94187 8.01233 8.84254 7.99219 8.74219 7.99219C8.59293 7.99222 8.44707 8.03679 8.32328 8.12019C8.19949 8.20358 8.1034 8.32202 8.0473 8.46033C7.99119 8.59865 7.97763 8.75056 8.00835 8.89662C8.03907 9.04269 8.11266 9.17627 8.21973 9.28027L10.9395 12L8.21973 14.7197C8.14775 14.7888 8.09028 14.8716 8.05069 14.9632C8.01111 15.0548 7.99019 15.1534 7.98918 15.2532C7.98817 15.3529 8.00707 15.4519 8.04479 15.5443C8.0825 15.6367 8.13827 15.7206 8.20883 15.7912C8.27939 15.8617 8.36332 15.9175 8.4557 15.9552C8.54808 15.9929 8.64706 16.0118 8.74684 16.0108C8.84662 16.0098 8.9452 15.9889 9.03679 15.9493C9.12839 15.9097 9.21116 15.8523 9.28027 15.7803L12 13.0605L14.7197 15.7803C14.7888 15.8523 14.8716 15.9097 14.9632 15.9493C15.0548 15.9889 15.1534 16.0098 15.2532 16.0108C15.3529 16.0118 15.4519 15.9929 15.5443 15.9552C15.6367 15.9175 15.7206 15.8617 15.7912 15.7912C15.8617 15.7206 15.9175 15.6367 15.9552 15.5443C15.9929 15.4519 16.0118 15.3529 16.0108 15.2532C16.0098 15.1534 15.9889 15.0548 15.9493 14.9632C15.9097 14.8716 15.8523 14.7888 15.7803 14.7197L13.0605 12L15.7803 9.28027C15.8893 9.17559 15.9642 9.0404 15.9951 8.89242C16.026 8.74444 16.0115 8.59058 15.9534 8.451C15.8953 8.31143 15.7965 8.19266 15.6697 8.11026C15.543 8.02786 15.3943 7.98569 15.2432 7.98926Z' fill='%23FB5055'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_397_509'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.uploaded-file__info {
    row-gap: 10px;
    margin-bottom: 16px;
}

/* The steps */
.reactive-register__step {display: none;}
.reactive-register__step.active {
    display: block;
    animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.reactive-register__step.active-prev {animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.reactive-register__account-type.not-valid {padding-bottom: 36px;}
.form-group .alert--error {display: none;}
.form-group.not-valid .alert--error {
    display: block;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* INTRO */
.page-intro h2 {line-height: 120%;}
.page-intro h2.has-separator {
    padding-bottom: 7px;
    position: relative;
}
.page-intro h2.has-separator::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 3px;
    background-color: var(--bs-danger);
}
.page-intro .badge {
    line-height: .5625rem;
}

/* Jobs page */
.page-intro__meta {
    column-gap: 6px;
}

.reactive-jobs__item {
    --bs-card-cap-bg: transparent;
    --bs-card-cap-padding-y: 0;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-title-spacer-y: 0;
    --bs-card-title-color: var(--bs-black);
    --bs-card-border-radius: .75rem;
    --bs-card-spacer-y: .6875rem;
    margin-bottom: 12px;
}
.reactive-jobs__item .card-badges {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    column-gap: 8px;
    padding: 0 var(--bs-card-cap-padding-x);
}
.reactive-jobs__item .card-badges .badge {
    --bs-badge-padding-x: .5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: .625rem;
    font-weight: 800;
}
.reactive-jobs__item .card-header {
    border: none;
    padding-top: 35px;
}
.reactive-jobs__item .card-header h4 {
    border-bottom: 1px dashed var(--bs-border-color);
    font-size: 1.125rem;
    font-weight: 800;
    padding-bottom: 11px;
    margin-bottom: 0;
}
.reactive-jobs__item .card-header .alert {
    font-size: .75rem;
    padding: 10px 16px 2px;
}
.card-header__meta {border-bottom: 1px dashed var(--bs-border-color);}
.alert .job-competencies {margin-top: 10px;}
.alert .job-competencies__item:not(:last-child) {margin-bottom: 6px;}
.alert .job-competencies__item .title {
    font-size: .75rem;
    line-height: 1.5rem;
}
.reactive-jobs__item .card-meta {padding:  var(--bs-card-spacer-x);}
.reactive-jobs__item .card-meta__left {min-width: 120px;}
.reactive-jobs__item .card-meta__right {
    padding-top: 18px;
    padding-bottom: 11px;
}
.reactive-jobs__item .card-meta__location {margin-bottom: 9px;}
.reactive-jobs__item .card-meta__location.full-width {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 9px 16px;
}
.card-meta__shift__duration {row-gap: 5px;}
.reactive-jobs__item span.text-muted {
    font-size: .75rem;
    font-weight: 500;
}
.reactive-jobs__item .card-meta__status,
.reactive-jobs__item .card-meta__payment {
    margin-bottom: 11px;
    row-gap: 5px;
}
.reactive-jobs__item .card-body__meta {
    border-bottom: 1px dashed var(--bs-border-color);
    margin-bottom: 10px;
}
.reactive-jobs__item .card-body__meta .item {
    margin-bottom: 16px;
}
.collapsible-content .btn {font-size: .875rem;}
.collapsible-content {
    padding-bottom: 10px;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.collapsible-content[aria-expanded="false"] .collapsible-content__wrapper {
    max-height: 168px;
    overflow: hidden;
    position: relative;
}
.collapsible-content[aria-expanded="false"] .collapsible-content__wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    pointer-events: none;
    z-index: 1;
}
ul.resources a {
    color: var(--bs-black);
    font-weight: 400;
}
.card-gallery {
    column-gap: 12px;  
    padding-bottom: 16px; 
}

.card-meta__payment .btn {background-color: var(--bs-border-color);}
.card .card-body p,
.card .card-body ul,
.card .card-body ol {margin-bottom: 11px;}
.card .card-body ul,
.card .card-body ol {padding-left: 16px;}
.card .card-body ul li:not(:last-child),
.card .card-body ol li:not(:last-child) {margin-bottom: 8px;}
.reactive-jobs__item .separator,
.card--medical__content .separator,
.reactive-jobs__item .job-company,
.reactive-briefings__item .separator {
    border-top: 1px dashed var(--bs-border-color);
    border-bottom: 1px dashed var(--bs-border-color);
    padding: 10px 0;
}

.card--medical h5,
.reactive-jobs__item h5 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 11px;
}
.job-competencies {
    border-bottom: 1px dashed var(--bs-border-color);
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.job-competencies__item {
    background-size: 37px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 45px;
}
.job-competencies__item h6 {
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: 5px;
}
.job-competencies__statutes .badge {
    --bs-badge-font-size: .625rem;
    --bs-badge-padding-x: .5rem;
}

.card-meta__duration {
    border-top: 1px dashed var(--bs-border-color);
    border-bottom: 1px dashed var(--bs-border-color);
    padding-top: 11px;
    padding-bottom: 9px;
}
.duration-icon {
    padding-left: 34px;
    position: relative;
}
.duration-icon::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C11.8622 2 11.7738 2.00975 11.7324 2.01074C11.5366 2.01535 11.3503 2.0964 11.2134 2.23655C11.0766 2.37671 11 2.56484 11 2.76074V4.25C10.9986 4.34938 11.017 4.44806 11.054 4.54028C11.0911 4.63251 11.1461 4.71645 11.2159 4.78723C11.2857 4.858 11.3688 4.91421 11.4605 4.95257C11.5522 4.99093 11.6506 5.01068 11.75 5.01068C11.8494 5.01068 11.9478 4.99093 12.0395 4.95257C12.1312 4.91421 12.2143 4.858 12.2841 4.78723C12.3539 4.71645 12.4089 4.63251 12.446 4.54028C12.483 4.44806 12.5014 4.34938 12.5 4.25V3.5498C16.9645 3.81263 20.5 7.46816 20.5 12C20.5 16.7031 16.7031 20.5 12 20.5C7.29685 20.5 3.5 16.7031 3.5 12C3.5 9.64872 4.45056 7.52939 5.98926 5.99023C6.06124 5.92112 6.1187 5.83835 6.15829 5.74675C6.19788 5.65516 6.21879 5.55658 6.2198 5.4568C6.22082 5.35702 6.20191 5.25804 6.1642 5.16566C6.12648 5.07328 6.07071 4.98935 6.00015 4.9188C5.92959 4.84824 5.84566 4.79247 5.75328 4.75475C5.6609 4.71703 5.56192 4.69813 5.46214 4.69914C5.36236 4.70016 5.26379 4.72107 5.17219 4.76066C5.0806 4.80024 4.99782 4.85771 4.92871 4.92969C3.12041 6.73853 2 9.24328 2 12C2 17.5139 6.48615 22 12 22C17.5139 22 22 17.5139 22 12C22 6.48615 17.5139 2 12 2ZM7.74219 6.99219C7.59293 6.99222 7.44707 7.03679 7.32328 7.12019C7.19949 7.20358 7.1034 7.32202 7.0473 7.46033C6.99119 7.59865 6.97763 7.75056 7.00835 7.89662C7.03907 8.04269 7.11266 8.17627 7.21973 8.28027L11.0029 12.0635C11.0191 12.317 11.1311 12.5549 11.3163 12.7289C11.5015 12.9028 11.7459 12.9998 12 13C12.2576 12.9969 12.5041 12.8945 12.688 12.7141C12.872 12.5337 12.9793 12.2893 12.9874 12.0318C12.9956 11.7743 12.9041 11.5236 12.732 11.3319C12.5598 11.1402 12.3204 11.0224 12.0635 11.0029L8.28027 7.21973C8.21036 7.14773 8.12672 7.0905 8.03429 7.05142C7.94187 7.01233 7.84254 6.99219 7.74219 6.99219Z' fill='black'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    line-height: 1;
    margin-top: -12px;
}
.card-meta__company {
    margin-bottom: 11px;
    padding-top: 11px;
}
.card-footer--extended,
.item--training.collapse-open .card-footer {display: none !important;}
.item--training.collapse-open .card-footer--extended {display: block !important;}


/* MY Account */
.reactive-account-wrapper__heading {
    font-size: 1.125rem;
    padding-top: 14px;
    padding-bottom: 17px;
    position: relative;
}
.reactive-account-wrapper__heading:not(.border-bottom) {
    padding-bottom: 15px;
}
.reactive-account-wrapper__heading:not(.border-bottom)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 3px;
    background-color: var(--bs-danger);
}
.reactive-account-wrapper__user-info {font-size: .75rem;}
.reactive-account-wrapper__user-info .col:first-of-type {min-width: 75%;}
.reactive-account-wrapper__user-info .media {margin-bottom: 6px;}
.reactive-account-wrapper__user-info .media img {
    width: 36px;
    height: 36px;
    object-fit: cover;
}
.reactive-account-wrapper__user-info ul {margin-bottom: -6px;}
.btn-edit {
    border-radius: 100px;
    font-size: .875rem;
    line-height: 1;
    padding: 9px 12px;
}

.card--companies {
    font-size: .75rem;
}
.card--companies .specialty-category {
    position: absolute;
    top: 0;
    left: 0;
    margin: -1px 0 0 16px;
}
.card--companies .card-body {
    padding-top: 32px;
}
.card--companies ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
}

.card--documents .card-title {
    border-bottom: 1px dashed var(--bs-border-color);
    line-height: 1;
    margin-bottom: 14px;
    padding-bottom: 13px;
}

.card--documents .alert,
.card--documents .form-group .form-label {margin-bottom: 12px;}
.card--documents__statuses {
    padding: 18px 20px;
}
.card--documents__statuses .card--documents__status:not(:last-child) {margin-bottom: 20px;}

/* MY Account edit */
.user-media-control {
    --bs-alert-border-color: var(--bs-border-color);
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    margin-bottom: 20px;
}
.user-media-control .loaded-image {
    flex: 1;
    min-width: 40px;
    position: relative;
}
.user-media-control .loaded-image img {
    width: 40px;
    height: 40px;
}
.user-media-control .loaded-image.no-image::after {
    content: "Upload image";
    background-color: var(--bs-white);
    border-radius: 50%;
    border: 1px solid var(--bs-blue);
    color: var(--bs-blue);
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    font-size: 7px;
    line-height: 1.2;
    text-align: center;
    padding: 11px 0;
}

.user-media-control div.d-flex {
    column-gap: 12px;
    justify-content: space-between;
}
.user-media-control .btn {
    --bs-btn-padding-y: .5625rem;
    --bs-btn-font-size: .875rem;
    column-gap: 6px;
    line-height: 1;
}
.user-media-control .btn-remove-photo {line-height: 1.25rem;}

/* MEDICAL */
.nav-pills--medical {
    column-gap: 12px;
    margin-bottom: 12px;
}
.nav-pills--medical .nav-item {
    flex: 0 0 calc(50% - 6px);
    min-width: calc(50% - 6px);
}
.nav-pills--medical .nav-link {
    --bs-nav-link-padding-y: 12px;
    align-items: flex-start;
    border: 1px solid var(--bs-blue);
    font-size: 1rem;
    font-weight: 800;
    gap: 8px;
}
.nav-pills--medical .nav-link .count {
    font-size: .75rem;
    line-height: 1.375rem;
    width: 22px;
    height: 22px;
    text-align: center;
    min-width: 22px;
}
.card--medical {
    margin-bottom: 12px;
    height: auto;
    overflow: hidden;
    transition: height .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.card--medical.collapsed .card-header {padding-bottom: 9px;}
.card--medical.collapsed .card-header h4 {
    border-bottom: 0;
    color: var(--bs-blue);
    transition: color .4s ease-in-out;
}
.card--medical.collapsed {height: 78px;}


.card--medical .card-header {
    padding-top: 32px;
}
.card--medical .card-header h4 {
    border-bottom: 1px dashed var(--bs-border-color);
    padding-bottom: 9px;
}
.card--medical .card-header__categories {column-gap: 8px;}
.card--medical .card-body {
    padding-top: 0;
}
.card--medical .meta-item:not(:last-of-type) {
    border-bottom: 1px dashed var(--bs-border-color);
}
.card--medical .meta-item {
    padding-top: 16px;
    padding-bottom: 16px;
    row-gap: 10px;
}
.card--medical .meta-item .text-muted {font-size: .75rem;}
.card--medical .meta-item:last-of-type {padding-bottom: 15px;}
.meta-item .btn-sm {
    font-size: .875rem;
    padding: 6px 20px;
}
.meta-item__full-width-location {
    align-items: center;
    border-radius: 4px;
    padding: 5px 12px;
}

.meta-item--selected-datetime .date,
.meta-item--selected-datetime .time {
    padding-left: 34px;
    position: relative;
}
.meta-item--selected-datetime .date::before,
.meta-item--selected-datetime .time::before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    line-height: 1;
    margin-top: -12px;
}
.meta-item--selected-datetime .date::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 3.5C4.46403 3.5 3 4.96403 3 6.75V18.25C3 20.036 4.46403 21.5 6.25 21.5H17.75C19.536 21.5 21 20.036 21 18.25V6.75C21 4.96403 19.536 3.5 17.75 3.5H6.25ZM6.25 5H17.75C18.725 5 19.5 5.77497 19.5 6.75V7.5H4.5V6.75C4.5 5.77497 5.27497 5 6.25 5ZM4.5 9H19.5V18.25C19.5 19.225 18.725 20 17.75 20H6.25C5.27497 20 4.5 19.225 4.5 18.25V9ZM7.75 11C7.41848 11 7.10054 11.1317 6.86612 11.3661C6.6317 11.6005 6.5 11.9185 6.5 12.25C6.5 12.5815 6.6317 12.8995 6.86612 13.1339C7.10054 13.3683 7.41848 13.5 7.75 13.5C8.08152 13.5 8.39946 13.3683 8.63388 13.1339C8.8683 12.8995 9 12.5815 9 12.25C9 11.9185 8.8683 11.6005 8.63388 11.3661C8.39946 11.1317 8.08152 11 7.75 11ZM12 11C11.6685 11 11.3505 11.1317 11.1161 11.3661C10.8817 11.6005 10.75 11.9185 10.75 12.25C10.75 12.5815 10.8817 12.8995 11.1161 13.1339C11.3505 13.3683 11.6685 13.5 12 13.5C12.3315 13.5 12.6495 13.3683 12.8839 13.1339C13.1183 12.8995 13.25 12.5815 13.25 12.25C13.25 11.9185 13.1183 11.6005 12.8839 11.3661C12.6495 11.1317 12.3315 11 12 11ZM16.25 11C15.9185 11 15.6005 11.1317 15.3661 11.3661C15.1317 11.6005 15 11.9185 15 12.25C15 12.5815 15.1317 12.8995 15.3661 13.1339C15.6005 13.3683 15.9185 13.5 16.25 13.5C16.5815 13.5 16.8995 13.3683 17.1339 13.1339C17.3683 12.8995 17.5 12.5815 17.5 12.25C17.5 11.9185 17.3683 11.6005 17.1339 11.3661C16.8995 11.1317 16.5815 11 16.25 11ZM7.75 15.5C7.41848 15.5 7.10054 15.6317 6.86612 15.8661C6.6317 16.1005 6.5 16.4185 6.5 16.75C6.5 17.0815 6.6317 17.3995 6.86612 17.6339C7.10054 17.8683 7.41848 18 7.75 18C8.08152 18 8.39946 17.8683 8.63388 17.6339C8.8683 17.3995 9 17.0815 9 16.75C9 16.4185 8.8683 16.1005 8.63388 15.8661C8.39946 15.6317 8.08152 15.5 7.75 15.5ZM12 15.5C11.6685 15.5 11.3505 15.6317 11.1161 15.8661C10.8817 16.1005 10.75 16.4185 10.75 16.75C10.75 17.0815 10.8817 17.3995 11.1161 17.6339C11.3505 17.8683 11.6685 18 12 18C12.3315 18 12.6495 17.8683 12.8839 17.6339C13.1183 17.3995 13.25 17.0815 13.25 16.75C13.25 16.4185 13.1183 16.1005 12.8839 15.8661C12.6495 15.6317 12.3315 15.5 12 15.5Z' fill='black'/%3E%3C/svg%3E%0A");
}
.meta-item--selected-datetime .time::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.5C11.8622 2.5 11.7738 2.50975 11.7324 2.51074C11.5366 2.51535 11.3503 2.5964 11.2134 2.73655C11.0766 2.87671 11 3.06484 11 3.26074V4.75C10.9986 4.84938 11.017 4.94806 11.054 5.04028C11.0911 5.13251 11.1461 5.21645 11.2159 5.28723C11.2857 5.358 11.3688 5.41421 11.4605 5.45257C11.5522 5.49093 11.6506 5.51068 11.75 5.51068C11.8494 5.51068 11.9478 5.49093 12.0395 5.45257C12.1312 5.41421 12.2143 5.358 12.2841 5.28723C12.3539 5.21645 12.4089 5.13251 12.446 5.04028C12.483 4.94806 12.5014 4.84938 12.5 4.75V4.0498C16.9645 4.31263 20.5 7.96816 20.5 12.5C20.5 17.2031 16.7031 21 12 21C7.29685 21 3.5 17.2031 3.5 12.5C3.5 10.1487 4.45056 8.02939 5.98926 6.49023C6.06124 6.42112 6.1187 6.33835 6.15829 6.24675C6.19788 6.15516 6.21879 6.05658 6.2198 5.9568C6.22082 5.85702 6.20191 5.75804 6.1642 5.66566C6.12648 5.57328 6.07071 5.48935 6.00015 5.4188C5.92959 5.34824 5.84566 5.29247 5.75328 5.25475C5.6609 5.21703 5.56192 5.19813 5.46214 5.19914C5.36236 5.20016 5.26379 5.22107 5.17219 5.26066C5.0806 5.30024 4.99782 5.35771 4.92871 5.42969C3.12041 7.23853 2 9.74328 2 12.5C2 18.0139 6.48615 22.5 12 22.5C17.5139 22.5 22 18.0139 22 12.5C22 6.98615 17.5139 2.5 12 2.5ZM7.74219 7.49219C7.59293 7.49222 7.44707 7.53679 7.32328 7.62019C7.19949 7.70358 7.1034 7.82202 7.0473 7.96033C6.99119 8.09865 6.97763 8.25056 7.00835 8.39662C7.03907 8.54269 7.11266 8.67627 7.21973 8.78027L11.0029 12.5635C11.0191 12.817 11.1311 13.0549 11.3163 13.2289C11.5015 13.4028 11.7459 13.4998 12 13.5C12.2576 13.4969 12.5041 13.3945 12.688 13.2141C12.872 13.0337 12.9793 12.7893 12.9874 12.5318C12.9956 12.2743 12.9041 12.0236 12.732 11.8319C12.5598 11.6402 12.3204 11.5224 12.0635 11.5029L8.28027 7.71973C8.21036 7.64773 8.12672 7.5905 8.03429 7.55142C7.94187 7.51233 7.84254 7.49219 7.74219 7.49219Z' fill='black'/%3E%3C/svg%3E%0A");
}

.card--location {margin-bottom: 18px;}
.card--location .card-header {
    column-gap: 18px;
    padding: 18px 24px 10px;
}
.card--location .location-title {
    color: var(--bs-black);
    margin-bottom: 0;
}
.card--location .address {
    font-weight: 400;
}
.card--location .card-body {
    padding: 0 24px 24px;
}
.card--location .location-available-slots {
    gap: 18px;
    margin-bottom: 16px;
}
.location-available-slots .form-check {
    margin-bottom: 0;
    padding-left: 0;
    flex: 0 0 calc(33.333% - 12px);
    min-width: calc(33.333% - 12px);
}
.location-available-slots .btn-xs {
    --bs-btn-padding-y: .6875rem;
    border-color: var(--bs-border-color);
    color: var(--bs-black);
    font-size: 1rem;
    width: 100%;
    justify-content: center;
}
.location-available-slots .form-check-input:checked + .btn-xs {
    border-color: var(--bs-blue);
    box-shadow: 0px 0px 8px 0px rgba(11, 153, 255, 0.25);
}


/* BRIEFINGS */
.reactive-briefings__item {
    --bs-card-cap-bg: var(--bs-white);
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color);
    --bs-card-border-radius: .75rem;
    --bs-card-inner-border-radius: .75rem;
    --bs-card-cap-padding-y: .5625rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-title-spacer-y: 0;
    font-size: .75rem;
    margin-bottom: 12px;
}
.reactive-briefings__item .card-title {
    border-bottom: 1px dashed var(--bs-border-color);
    padding-bottom: .625rem;
}
.reactive-briefings__item .card-header__meta {
    padding-top: 6px;
}
.reactive-briefings__item .card-header__meta .item:not(:last-child) {
    border-bottom: 1px dashed var(--bs-border-color);
}
.reactive-briefings__item .card-header__meta .item {
    padding: 10px 0;
}
.reactive-briefings__item .attachments {
    border-top: 1px dashed var(--bs-border-color);
    font-size: .625rem;
}
.reactive-briefings__item .attachments__heading {
    line-height: 150%;
    padding-top: .8125rem;
    padding-bottom: .625rem;
}
.reactive-briefings__item .attachments__heading strong {
    font-size: .875rem;
}
.reactive-briefings__item ul.attachments__list {
    padding-left: 0;
}
.reactive-briefings__item ul.attachments__list a {
    text-decoration: none;
}
.reactive-briefings__item ul.attachments__list li:not(:last-child) {
    margin-bottom: 16px;
}
.reactive-briefings__item .alert {
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: .625rem;
    margin-bottom: 0;
}
.reactive-briefings__item.collapse-open .item--attachments {
    display: none !important;
}
.reactive-briefings__item.collapse-open .card-body {
    margin-top: -1px;
    padding-top: 0;
}
.reactive-briefings__item .card-footer__actions {
    flex-direction: column;
    row-gap: 1rem;
    margin-bottom: 1rem;
}


/* REPORTING ALERTS */
.reactive-alerts {
    padding-top: 13px;
}
.reactive-alerts .page-intro {
    margin-bottom: 27px;
    padding-bottom: 17px;
}
.reactive-alerts .page-intro::after {
    background-color: var(--bs-red);
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 48px;
    height: 3px;
}

.reactive-alerts__clear .alert {
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: .625rem;
    font-size: .625rem;
    font-weight: 500;
    line-height: 150%;
}
.reactive-alerts__clear .alert h5 {
    font-size: .875rem;
    line-height: 1.4;
    margin-bottom: 8px;
}

.reactive-alerts__container .alerts-heading {
    margin-bottom: 7px;
}

/* REPORTING new incident */
.reactive-alerts__incident-form-report {
    padding-top: 8px;
}
.incident-form-group {
    margin-bottom: 18px;
}
.incident-form-group h5 {
    margin-bottom: 13px;
}
.incident-form-group__datetimepicker {
    column-gap: 10px;
    padding-bottom: 12px;
}
.incident-form-group--datetime h5 {
    padding-bottom: 12px;
}
.incident-form-group__datetimepicker .form-control {
    border: none;
    border-radius: 0;
    color: var(--bs-primary);
    font-size: 1rem;
    line-height: 1;
    padding: 0;
}
.incident-form-group__datetimepicker .icon {margin-right: 10px;}
.incident-form-group label:not(.btn) {
    font-size: .75rem;
    line-height: 150%;
}
.incident-form-group__confirmation-photos {
    margin-bottom: 24px;
    padding: 14px 20px 20px;
}
.incident-form-group__confirmation-photos > .icon {
    position: absolute;
    top: 0;
    right: 0;
    margin: 16px 16px 0 0;
}
.incident-form-group__confirmation-photos .small-heading {
    display: block;
    margin-bottom: 14px;
}
.uploaded-photo {
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    animation: fade-in-bottom .3s linear 0s forwards;
}
.incident-form-group__confirmation-photos .uploaded-photo:nth-child(2) {animation-delay: .1s;}
.incident-form-group__confirmation-photos .uploaded-photo:nth-child(3) {animation-delay: .2s;}
.incident-form-group__confirmation-photos .uploaded-photo:nth-child(4) {animation-delay: .3s;}
.incident-form-group__confirmation-photos .uploaded-photo:nth-child(5) {animation-delay: .4s;}
.incident-form-group__confirmation-photos .uploaded-photo:nth-child(6) {animation-delay: .5s;}
.incident-form-group__confirmation-photos .uploaded-photo:nth-child(7) {animation-delay: .6s;}
.incident-form-group__confirmation-photos .uploaded-photo:nth-child(8) {animation-delay: .7s;}
.incident-form-group__confirmation-photos .uploaded-photo:not(:last-of-type) {margin-bottom: 20px;}
.uploaded-photo .uploaded-photo__info img {
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    object-fit: cover;
    margin-right: 8px;
}
.uploaded-photo .file-name {
    font-size: 1rem;
    max-width: 203px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.incident-notification-check {
    column-gap: 12px;
}
.incident-notification-check .btn {
    justify-content: center;
}
.incident-notification-check .btn-sev1 {background-color: #DAF5E6 !important;}
.incident-notification-check .btn-sev2 {background-color: #DAF5E6 !important;}
.incident-notification-check .btn-sev3 {background-color: #FFECCD !important;}
.incident-notification-check .btn-sev4 {background-color: #FFECCD !important;}
.incident-notification-check .btn-sev5 {background-color: #FFEDEE !important;}

/* the time picker */
.bootstrap-timepicker-widget {
    border-color: var(--bs-border-color);
}
.bootstrap-timepicker-widget table td a {
    border: none;
    border-radius: 4px;
    padding: 0;
}
.bootstrap-timepicker-widget table td input {
    width: 40px;
    border: 1px solid var(--bs-border-color);
}


.modal-statuses .badge {
    --bs-badge-font-size: .625rem;
}
.modal--payment .collapsible-content h6 {
    font-size: .875rem;
    margin-bottom: 12px;
}
.modal--payment .collapsible-content ul {
    padding-left: 20px;
}


/* RESPONSIVE STYLES */

@media (max-width: 575.98px) { 

    .reactive-register::before {display: none;}

    /* navbar */
    .navbar-brand img {
        max-width: 210px;
    }

    /* register form */
    .reactive-register__form {
        padding-top: 18px;
    }

    .reactive-register__account-type {
        gap: 12px;
        flex-wrap: wrap;
    }
    .reactive-register__account-type .btn {
        justify-content: center;
        flex: 0 0 calc(50% - 6px);
        min-width: calc(50% - 6px);
    }

    /* jobs page */
    .reactive-jobs {
        padding-top: 12px;
    }
    .page-intro {
        margin-bottom: 12px;
    }
    

    /* trainings */
    .card-footer .row,
    .card-footer--extended .row {
        --bs-gutter-x: 1rem;
    }
}