body {
    font-family: 'futura-pt';
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'nave';
    font-weight: 900;
    font-size: 50px;
    margin-bottom: 2rem;
}

h5.form-step {
    font-size: 24px;
}

.pre-header {letter-spacing: -0.03em;font-weight: bold;font-size: 1.1rem;}

p.medium, a.medium {
    font-size: 19.5px;
    font-weight: 500;
}

.tiny {
    font-size: 50%;
    font-weight: 400;
}

.strong {
    font-weight: bold;
}

.sans-serif, .sans-serif.large {
    font-family: 'futura-pt' !important;
}

a:not(.btn,.nav-link,.dropdown-item), .a:not(.btn) {
    color: #12DEA3;
    text-decoration: underline;
}

.container.container-xxl {
    max-width: 1560px;
}

section .container {
    padding: 80px 0;
}

section.orange {
    background: rgba(251, 175, 80,.1);
}

section.green {
  background: rgb(232 252 246) !important;
}

section.green-dark {
    background: #15c792 !important;
}

section.green-dark h1, section.green-dark h2, section.green-dark h3, section.green-dark h4, section.green-dark h5, section.green-dark h6{
    color: #fff;
}

.btn.btn-default {
    border: 1px solid #171A00;
    border-radius: 50px;
    font-size: 1.2rem;
}

.rounded-5 {
    border-radius: 50px !important;
}

.w-80 {
  width: 80% !important;
}

section.pink {
    background: rgba(255, 80, 32,.1);
}

section.pink-texture {
    background: rgba(245, 84, 166, 0.1);
    background-image: url(Pink-spots-background.png);
    background-position: unset;
    background-size: cover;
    background-repeat: repeat !important;
}

section.green-texture {
    background: url(https://static.wixstatic.com/media/18ce5f_67f0c9c52022449fab74477a443eecdd~mv2.png/v1/fill/w_2811,h_2078,al_c,q_95,enc_avif,quality_auto/18ce5f_67f0c9c52022449fab74477a443eecdd~mv2.png);
    background-attachment: fixed;
    background-size: cover;
}

/***** Cards *****/

.card.review {
    padding: 1.5rem;
    border: none;
}

.card.review p.card-text {
    font-size: 1.3rem;
    line-height: 1.6;
}

span.patient-name {
    font-weight: bold;
    font-size: 1.2em !important;
    display: block;
    line-height: 1;
}

.img-circle {
    border-radius: 50%;
    object-fit: cover;
}

.avatar {
    width: 64px;
    height: 64px;
}

.star-rating {
    color: #F554A6;
}

.row.d-flex {
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
}

.card.step {
    border: none;
}

.card.step .card-title {
    font-family: 'abril-fatface';
    font-weight: normal;
    font-size: 30px;
    letter-spacing: -0.03em;
}

.card {
    overflow: hidden;
}

.card.gold {
    border: none;
    background: #fcb346;
}

.card.gold h5.card-title {
    font-family: 'futura-pt';
    font-size: 1.2rem;
    line-height: 1.3;
}

.card.transparent h5.card-title {
    font-weight: 400;
    font-size: 2rem;
}

.card.transparent {
    background: none;
    border: none;
}

.card-body.d-flex {
    flex-direction: column;
    justify-content: space-between;
}

h5, .card.minimal-typography h5.card-title {
    font-family: 'nave';
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 1rem;
    word-wrap: normal;
    font-size: clamp(3rem, 4vw, 40px);
}

h5.light {
    font-family: 'nave' !important;
    font-weight: 400;
    font-size: 2rem;
}

.card.minimal-typography p.card-text {
    font-size: 1.2rem;
}

.card.minimal-typography {
    border-radius: 30px !important;
    padding: 1rem;
    border: none;
}

.card.minimal-typography, .card.minimal-typography h5.card-title {
    color: #fff
}

.card.minimal-typography ul.list-group.list-group-flush {
    font-size: 1.2rem;
}

.card.minimal-typography ul.list-group.list-group-flush .label {font-size: .8em;font-weight: bold;}

.lead, .large {
    font-family: 'nave' !important;
    font-size: 28px;
    font-size: clamp(1.3rem, 7vw, 28px);
}

.lead.xxl {
    font-size: 36px;
    line-height: 1.2;
}

.pink a:not(.btn) {
    color: #000;
}

.card.minimal-typography.gold {
    background: #fcb346;
}

.card.minimal-typography.pink {
    background: #F554A6;
}

.card.minimal-typography.orange {
    background: #FF4F1F;
}

.card.minimal-typography.green-light {
    background: #17DEA3;
}

.card.minimal-typography.green-dark {
    background: #53BE94;
}

.card.minimal-typography.black {
    background: #12170A;
}

.list-group-item .btn.btn-primary {
    margin: 1rem 0;
}

.card.minimal-typography .btn.btn-primary {
    background-color: #12170A !important;
    border-color: #12170A !important;
}

.card.minimal-typography .btn.btn-primary:hover {
    background-color: #12DEA3 !important;
    border-color: #12DEA3 !important;
}

.card.minimal-typography.white .list-group {
    border: none;
}

.card.minimal-typography.white, .card.minimal-typography.white h5.card-title {
    color: #12170A;
}

.card.minimal-typography.black .list-group-item .btn.btn-primary {
    color: #fff;
    border-color: #17DEA3 !important;
    background-color: #17DEA3 !important;
    font-weight: bold;
}

.card.minimal-typography.black .list-group-flush>.list-group-item {
    border-color: rgba(255,255,255,.15);
}

.staggered .card .col-md-4 {
    order: 0;
}

.staggered .card .col-md-8 {
    order: 1;
}

@media only screen and (min-width: 768px) {
    .staggered .card:nth-child(odd) .col-md-4 {
        order: 1 !important;
    }
}

.card.banner {
    background-repeat: no-repeat;
    background-color: #f4f4f4;
    background-image: url(gift-voucher-left.jpg);
    display: block;
    padding: 80px;
    background-position: -80px bottom;
    background-size: calc(50% + 80px);
    border: none;
    min-height: 28rem;
}

@media (max-width: 900px) {
    .card.banner {
        padding: 40px 20px 150px;
        background-position: -20px bottom;
        background-size: calc(50% + 20px);
        min-height: 20rem;
    }
}
@media (max-width: 420px) {
    .card.banner {
        padding-bottom: 100px;
    }
}

.card.banner.green-dark {
    background-image: none;
    background-color: #15c792;
}

.banner .card-title {
    font-size: 60px;
    line-height: 1;
    margin-top: 0;
}

.banner p.card-text {
    font-size: 20px;
}

.wixui-vector-image {
    height: 90px;
    display: block;
}

i.featured {
    font-size: 3rem;
    vertical-align: middle;
    margin-right: 1rem;
}

.mb-10 {
    margin-bottom: 6rem !important;
}

.mt-10 {
    margin-top: 6rem !important;
}


.support-logos .card {
    border: none;
}

.support-logos img.card-img-top {
    max-width: 230px;
    margin: auto;
}

.support-logos h5.card-title.sans-serif {
    font-size: 1.3rem;
}

/***** Page backgrounds *****/

nav.navbar.navbar-expand-lg.bg-light.static-top {
    background-color: transparent !important;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    color: #fff;
}

a.btn.btn-outline.btn-lg {
    border: 2px solid #12170a;
    border-radius: 2rem;
    color: #12170a;
    padding: .5rem 1.5rem;
    font-weight: 500;
}

a.btn.btn-outline-danger.btn-lg {
    border: 2px solid #c41e1e;
    border-radius: 2rem;
    color: #c41e1e;
    padding: .5rem 1.5rem;
    font-weight: 500;
}
a.btn.btn-outline-danger.btn-lg:hover {
    background-color: transparent;
    border-color: #c41e1e;
    color: #c41e1e;
}

.offcanvas.show .nav-item.weblink a.nav-link, .offcanvas.show .nav-item.dropdown a.nav-link {
    font-family: 'nave';
    font-weight: 900;
    font-size: 27px;
    letter-spacing: -0.03em !important;
    width: 100%;
    margin: 0;
}

.offcanvas.show .nav-item.weblink a.nav-link:hover, .offcanvas.show .nav-item.dropdown a.nav-link:hover {
    color: #12DEA3 !important;
}

.offcanvas.show .nav-item.weblink, .offcanvas.show .nav-item.dropdown {
    width: 100%;
    border-bottom: 1px solid #000;
    padding: .3rem 0;
}

.offcanvas.show .dropdown-menu {
    border: none;
    border-radius: none;
}

/***** Offcanvas *****/
.offcanvas-body .list-group-item .small {
    opacity: .5;
}

li.list-group-item {
    font-size: 1.2rem;
    font-weight: bold
}

.offcanvas-body .list-group-item .small {
    opacity: .8;
    font-weight: normal;
}

.offcanvas.text-bg-dark h5.offcanvas-title {
    color: #fff;
    line-height: 1
}

.offcanvas.text-bg-dark {
    background-color: #12DEA3 !important;
}

/***** Horizontal scroll *****/
.row.horizontal-scroll {
    flex-wrap: nowrap;
    overflow: auto;
    scroll-behavior: smooth;
    gap: 2rem;
  
    mask-image: linear-gradient(to right, white 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, white 95%, transparent 100%);
  
    scroll-snap-type: x mandatory;
  }
  
  .row.horizontal-scroll [class*="col-"] {
      scroll-snap-align: start;
  }
  
  @media only screen and (min-width: 768px) {
      .row.horizontal-scroll {
          gap: 3rem;
      }
  }



.icons .col {
    border-right: 1px solid rgba(0,0,0,.2);
}

.icons .col:last-of-type {
    border: none;
}

.jumbotron {
    padding: 120px 150px;
    margin: 0;
}

h1 {
    font-size: 80px !important;
    letter-spacing: 0em;
    line-height: 1;
    text-wrap: balance;
}

h1 {
    font-size: clamp(2rem,15vw,80px) !important;
}

@media only screen and (max-width: 576px) {
    .jumbotron h1 {
        font-size: 15vw !important;
    }
}

.jumbotron p.medium {
    font-size: 24px;
    font-weight: 400;
}

a.btn.btn-primary, button.btn.btn-primary {
    border-radius: 2rem;
    font-weight: 500;
    padding: .5rem 1.5rem;
    background-color: #12DEA3 !important;
    border-color: #12DEA3 !important;
    font-size: 1.1rem !important;
}

a.btn.btn-primary:hover, button.btn.btn-primary:hover {
    color: #12170A;
}

a.btn.btn-primary.orange, button.btn.btn-primary.orange {
    border-radius: 2rem;
    font-weight: 500;
    padding: .5rem 1.5rem;
    background-color: #FCB346 !important;
    border-color: #FCB346 !important;
    font-size: 1.1rem !important;
}

a.btn.btn-primary.orange-vivid, button.btn.btn-primary.orange-vivid {
    background-color: #FF5020 !important;
    border-color: #FF5020 !important;
    color: #fff;
    font-weight: bold;
}

.text-bg-dark a.btn.btn-primary, .text-bg-dark button.btn.btn-primary {
    border-radius: 2rem;
    font-weight: 500;
    padding: .5rem 1.5rem;
    background-color: #000 !important;
    border-color: #000 !important;
    font-size: 1.1rem !important;
}

.text-bg-dark a.btn.btn-primary:hover, .text-bg-dark button.btn.btn-primary:hover {
    color: #12dea3;
}

a.btn.btn-primary.btn-lg, button.btn.btn-primary.btn-lg {
    font-size: 1.5rem !important;
}

.scale-on-hover {
    transition: transform .3s ease;
}

.scale-on-hover:hover {
    transform: scale(1.035);
}

.jumbotron.group-photo-wash {
    background: linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('https://static.wixstatic.com/media/18ce5f_c9558768dfaf438fa24b99b6d0264b61~mv2.jpg/v1/crop/x_0,y_1071,w_7340,h_3093/fill/w_3608,h_1520,fp_0.49_0.50,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/portrait-diversity-and-women-with-beauty-wellnes-2023-11-27-05-16-07-utc.jpg');
    background-size: cover;
    background-position: 50% 50%;
}

.jumbotron.group-photo-wash.case-studies {
    background: linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('/1024-customer-care-studies-washout-background.jpg');
    background-size: cover;
    background-position: 50% 30%;
}

.jumbotron.group-photo-wash.technology {
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url('/1024-Touchscreen-adjusting-breast-scanning-equipment.jpg');
    background-size: cover;
    background-position: 50% 30%;
}

.jumbotron.group-photo-wash.about-us {
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url('/1024-diverse-group-photo-of-women-wearing-flesh-tones.jpg');
    background-size: cover;
    background-position: 50% 30%;
}

.jumbotron.group-photo-wash.case-studies h1 {
    font-size: 4rem !important;
}

img.breast-positive {
    max-height: 110px;
}

/***** Navbar *****/
nav.navbar.bg-light {
    background-color: #fff !important;
}

.navbar-toggler i {
    color: #FCB346;
    font-size: 2rem;
}

.navbar-toggler {
    background-color: transparent;
    border: none;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a {
    color: #171A00;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: .1em;
    font-family: 'futura-pt';
    padding: 10px;
    margin: 0 24px;
    transition: color .3s ease;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    color: #12DEA3;
    text-decoration: none !important;
    background-color: transparent;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a.btn.btn-primary,
.static-top.navbar .menu-bar > .navbar-nav > li > button.btn.btn-primary {
    color: #fff;
    padding: .75rem 1.5rem;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a.btn.btn-primary:hover,
.static-top.navbar .menu-bar > .navbar-nav > li > button.btn.btn-primary:hover {
    background-color: #000 !important;
    border-color: #000 !important;
}

/***** Navbar redo *****/
.fixed-top.navbar .menu-bar > .navbar-nav > li > a {
    color: #171A00;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: .1em;
    font-family: 'futura-pt';
    padding: 10px;
    margin: 0 24px;
    transition: color .3s ease;
}

.fixed-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    color: #12DEA3;
    text-decoration: none !important;
    background-color: transparent;
}

.fixed-top.navbar .menu-bar > .navbar-nav > li > a.btn.btn-primary,
.fixed-top.navbar .menu-bar > .navbar-nav > li > button.btn.btn-primary {
    color: #fff;
    padding: .75rem 1.5rem;
}

.fixed-top.navbar .menu-bar > .navbar-nav > li > a.btn.btn-primary:hover,
.fixed-top.navbar .menu-bar > .navbar-nav > li > button.btn.btn-primary:hover {
    background-color: #000 !important;
    border-color: #000 !important;
}

.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

a.dropdown-toggle.nav-link:focus {
    background: transparent;
}

a.dropdown-item[href=""] {display: none;}

.dropdown-menu.show li:has(a.dropdown-item[href=""]),
.dropdown-menu.show li:has(a.dropdown-item[href=""]) ~ .dropdown-divider {
    display: none;
}

/***** Technician menu *****/
.bg-dark.static-top.navbar .menu-bar > .navbar-nav > li > a {
    color: #15c792;
}

.bg-dark.static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    color: #fff;
}

/***** Footer *****/
section.grow-height {
    min-height: calc(60vh - 32px);
    display: grid;
    place-content: center;
}

:not(div#content-container).wrapper-body .page-copy {
    min-height: calc(100vh - 400px) !important;
}

div#content-container {
    min-height: calc(65% - 132px);
}

footer.footer {
    background: #000;
}

footer.footer h4, footer.footer h5 {
    color: #fff;
}

footer.footer h4 {
    font-weight: 400;
    font-size: 30px;
}

footer.footer hr {
    opacity: 1;
}

footer.footer h5 {
    font-family: 'futura-pt';
    font-weight: bold;
    font-size: 20px;
}

footer.footer li a {
    font-size: 20px;
    margin-bottom: .5rem;
    display: block;
}

footer.footer a:not(.btn,.nav-link,.dropdown-item), footer.footer .a:not(.btn) {
    color: #fff;
    text-decoration: none;
    transition: color .3s ease;
}

footer.footer a:not(.btn,.nav-link,.dropdown-item):hover, footer.footer .a:not(.btn):hover {
    color: #12DEA3;
    text-decoration: none !important;
}

footer.footer input, footer.footer input::placeholder {
    color: #fff !important;
    font-size: 1.2rem;
}

footer.footer input {
    background: none !important;
    border-color: #fff !important;
    color: #fff;
}

footer.footer .input-group button.btn.btn-primary {
    background: rgba(40, 218, 154, 0.96);
    position: absolute;
    right: 1rem;
    top: .6rem;
    border-radius: 2rem !important;
    font-weight: bold;
    font-size: 1.2rem;
    z-index: 100;
}

.footer-social-icon {
    width: 35px;
    height: auto;
}

/***** Responsive width classes *****/
@media (min-width: 540px) {
    .w-sm-25 {
      width: 25% !important;
    }
    .w-sm-50 {
        width: 50% !important;
    }
    .w-sm-75 {
        width: 75% !important;
    }
    .w-sm-80 {
        width: 80% !important;
    }
    .w-sm-100 {
        width: 100% !important;
    }
}

@media (min-width: 720px) {
    .w-md-25 {
      width: 25% !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    .w-md-75 {
        width: 75% !important;
    }
    .w-md-80 {
        width: 80% !important;
    }
    .w-md-100 {
        width: 100% !important;
    }
}

@media (min-width: 960px) {
    .w-lg-25 {
      width: 25% !important;
    }
    .w-lg-50 {
        width: 50% !important;
    }
    .w-lg-75 {
        width: 75% !important;
    }
    .w-lg-80 {
        width: 80% !important;
    }
    .w-lg-100 {
        width: 100% !important;
    }
}

@media (min-width: 1140px) {
    .w-xl-25 {
      width: 25% !important;
    }
    .w-xl-50 {
        width: 50% !important;
    }
    .w-xl-75 {
        width: 75% !important;
    }
    .w-xl-80 {
        width: 80% !important;
    }
    .w-xl-100 {
        width: 100% !important;
    }
}

@media (min-width: 1320px) {
    .w-xxl-25 {
      width: 25% !important;
    }
    .w-xxl-50 {
        width: 50% !important;
    }
    .w-xxl-75 {
        width: 75% !important;
    }
    .w-xxl-80 {
        width: 80% !important;
    }
    .w-xxl-100 {
        width: 100% !important;
    }
}

@media (max-width: 540px) {
    section .container {
        padding: 80px 2rem;
    }
}

@media (max-width: 540px) {
    .jumbotron {
        padding: 3rem 2rem;
        margin: 0 -1rem;
    }
}

section:first-of-type .container {
    padding-top: 0;
}

/***** Accordions *****/
.accordion {--bs-accordion-bg: transparent !important;}

.accordion-button {
    font-size: 22px;
    font-family: 'futura-pt';
    font-weight: 500;
}

.accordion-header {
    margin-top: 0;
}

.accordion-item {
    border: none;
    border-top: 1px solid !important;
}

.accordion-item:first-of-type {
    border-radius: 0;
}

.accordion-button:not(.collapsed) {
    color: unset;
    background: unset;
    box-shadow: unset;
}

.accordion-body {
    font-size: 1.3rem;
}

/***** Forms *****/
#WebFormPanel, #EntityFormPanel {
    background-color: rgb(18 222 163 / 20%);
    padding: 3rem;
    border-radius: 50px;
}

#WebFormPanel label.field-label, #EntityFormPanel label.field-label {
    background: none;
    color: #000;
}

#WebFormPanel .crmEntityFormView .cell div.table-info.required label:after,
#EntityFormPanel .crmEntityFormView .cell div.table-info.required label:after {
    color: inherit;
}

#WebFormPanel .form-control,
#EntityFormPanel .form-control {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0;
    font-size: 1.2rem;
}

#WebFormPanel input#NextButton,
#EntityFormPanel input#NextButton  {
    border-radius: 2rem;
    font-weight: bold;
    padding: .5rem 5rem;
}

#WebFormPanel .actions,
#EntityFormPanel .actions {
    border: none;
}

#WebFormPanel .crmEntityFormView .cell div.control,
#EntityFormPanel .crmEntityFormView .cell div.control {
    margin-bottom: 1.5rem;
}

#WebFormPanel .checkbox-cell label.field-label,
#EntityFormPanel .checkbox-cell label.field-label {
    color: #000;
    font-weight: normal;
    font-size: 1.2rem;
}

#WebFormPanel .checkbox-cell .control,
#EntityFormPanel .checkbox-cell .control {
    margin: 0 !important;
}

#WebFormPanel .checkbox-cell,
#EntityFormPanel .checkbox-cell {
    padding-left: 0 !important
}

#WebFormPanel .tab-title,
#EntityFormPanel .tab-title {
    border-bottom: none;
}

#WebFormPanel .tab-title:first-of-type,
#EntityFormPanel .tab-title:first-of-type {
    margin-top: 0 !important;
}

#WebFormPanel legend h3,
#EntityFormPanel legend h3 {
    font-size: 30px;
    font-weight: 400;
}

.crmEntityFormView .cell div.table-info.required label:after {
    color: inherit;
}

#WebFormPanel .cell, #EntityFormPanel .cell {padding-left: 0;}

input[type="file"] ~ .div-for-image-input button.btn.btn-default {
    background: #fff;
    font-weight: bold;
    letter-spacing: .05rem;
    color: #000;
    border-color: #000;
}

button.buttonfordeleteimage {
    background: #fff;
}

.input-group-addon, .input-group-addon.active {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
}

.input-group-addon, .input-group-addon.active {
    line-height: 1.4;
}

.bootstrap-datetimepicker-widget tr td.active button {
    background: transparent;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: rgba(40, 218, 154, 0.96);
}

.form-floating label {
    font-weight: normal;
    opacity: .5;
  }

  .form-floating input::placeholder, .form-floating textarea::placeholder {
      visibility: hidden;
  }

  input.form-control, textarea.form-control, select.form-select {
    border: 1px solid #949494;
    }

    .form-floating input:required ~ label::after,
    .form-floating textarea:required ~ label::after,
    .form-floating select:required ~ label::after {
        content: '*';color: red;margin-left: .2em;font-weight: bold;
    }

    #WebFormPanel textarea.form-control,
    #EntityFormPanel textarea.form-control {
        border: 1px solid #000 !important;
    }

    #WebFormPanel .checkbox-cell label.field-label a,
    #EntityFormPanel .checkbox-cell label.field-label a {
        font-weight: bold;
        text-decoration: underline;
    }

    .inkControl canvas {
        border: 1px solid;
        border-radius: .5rem;
    }

    .crmEntityFormView label {
        background-color: transparent;
    }

    .btn:disabled {
        cursor: not-allowed;
        pointer-events: all;
    }

    .btn-primary:disabled {
        background-color: #323130;
        border-color: #323130;
    }

    .form-check-input:checked {
        background-color: #12DEA3;
        border-color: #12DEA3;
    }

    .form-check-input:focus {
        border-color: #12DEA3;
        box-shadow: 0 0 0 .25rem rgba(18, 222, 163,25%);
    }

    .green-dark .form-check-input:checked {
        background-color: #12170A;
        border-color: #12170A;
    }

    .green-dark .form-check-input:focus {
        border-color: #12170A50;
        box-shadow: 0 0 0 .25rem rgb(18 23 10 / 15%);
    }

    .datepicker td.disabled button, .datepicker td.disabled button:not(:disabled) {
        cursor: not-allowed;
        opacity: .3;
    }

    .message.success a {
        text-decoration: underline;
        cursor: pointer;
    }
            
/***** Form errors *****/
#WebFormPanel .alert-danger,
#EntityFormPanel .alert-danger {
    background: #fff;
    border-left: 5px solid red;
    border-radius: 0;
    margin-top: 1rem;
}

h2.validation-header {font-family: 'futura-pt'; font-size: 1.5rem;}

.validation-header span.fa {
    margin-right: .5rem;
}

#WebFormPanel .alert-danger,
#EntityFormPanel .alert-danger {
    background: #fff;
    border: none;
    border-left: 5px solid red;
    border-radius: 0;
    margin-top: 1rem;
    background: rgba(0, 0, 0, .8);
}

h2.validation-header {
    color: #fff;
}

.validation-summary a {
    color: #cff9ed !important;
}

/***** Calendar interface *****/
.time-slot {
    border: 1px solid #000;
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 0 0.5rem 0.5rem 0;
    cursor: pointer;
}

.time-slot.disabled {
    opacity: .3;
    cursor: not-allowed;
    text-decoration: line-through;
}

.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay {
    background: #12dea3 !important;
    color: #000 !important;
    font-weight: bold !important;
    border-color: #12dea3 !important;
}

.flatpickr-day.today {
    border-color: #12dea3 !important;
    border-width: 1px ;
}

.time-slot.selected {
    border: 3px solid #000;
    font-weight: bold;
    background: #12dea3;
}

@media screen and (max-width: 768px) {
    .flatpickr-calendar.inline {
        margin: 0 auto;
    }
  }

  /***** Calendar *****/
  .cal-cell1.cal-day-today {
    background: #12DEA3 !important;
    color: #fff !important;
}

.cal-day-today span[data-cal-date] {
    color: #fff !important;
}

.cal-month-day.cal-day-today span[data-cal-date] {
    color: #000 !important;
}

.cal-day-today {
    background-color: rgb(18 222 163 / 25%) !important;
}

.event-info, .day-highlight.dh-event-info {
    background-color: #12DEA3 !important;
    color: #000 !important;
}

.event-info:hover, .event-info:focus, .day-highlight.dh-event-info:hover, .day-highlight.dh-event-info:focus {
    background-color: #000 !important;
    color: #fff !important;
}

.day-highlight.dh-event-info:hover a.cal-event-week {
    color: #fff !important;
}

.badge-important {
    background-color: #FCB346 !important;
}

#cal-slide-content, #cal-slide-content:hover {
    background-color: #12DEA3 !important;
}

h5.list-group-item-heading {
    font-size: 1.5rem !important;
    font-family: futura-pt !important;
}

span.label.label-default.event-info {
    background: none !important;
    opacity: .5 !important;
}

.events-list.date-in-past .event-info {
    opacity: .5 !important;
    text-decoration: line-through !important;
}

.signatureControl.editmode .inkControl .inkControlCommandBar .confirmButtonTick:before {
    content: '\f058' !important;
    font-family: 'FontAwesome' !important;
    text-decoration: none !important;
    color: green;
}

[data-sitemap-state="/Checkin/:/"] .sectionBlockLayout, [data-sitemap-state="/Checkin/:/"] .columnBlockLayout {
    padding: 0 !important;
    margin: 0 !important;
}

[data-sitemap-state="/Checkin/:/"] h1 {
    display: none;
}

/***** Bootstrap Alerts *****/
.alert-info.text-bg-dark {
    border-color: #12DEA3;
    border-left: 1rem solid #12DEA3;
}

.alert-info {
        color: black;
    --bs-alert-color: #055160;
    --bs-alert-bg: #17DEA3;
    --bs-alert-border-color: #17DEA3;
}

.alert.alert-info.with-icon::before {
    content: '\f05a';
    font-family: 'FontAwesome';
    font-size: 3rem;
    display: block;
    float: left;
    margin-right: 1.2rem;
}

.alert.alert-success {
    --bs-alert-color: #fff;
    --bs-alert-bg: #17DEA3;
    --bs-alert-border-color: #17DEA3;
}

.alert.alert-danger {
    color: #fff;
    background-color: #FF4F1F;
    border-color: #FF4F1F;
}

.alert.alert-warning {
    --bs-alert-color: #fff;
    --bs-alert-bg: #FCB245;
    --bs-alert-border-color: #FCB245;
}

/***** Images *****/
img.tile {
    object-fit: cover;
    object-position: 50% 50%;
    height: 300px;
}

img.svg-benefit-icon {
    width: 64px;
    height: 64px;
    display: block;
    margin: 1rem auto;
}

.breast-positive-decorative-border.washout {
    opacity: .5
}

.img-off-centered-left {
    object-fit: cover;
    object-position: 30% 50% !important;
    width: 100%;
}

.img-off-centered-right {
    object-fit: cover;
    object-position: 70% 50% !important;
    width: 100%;
}


.img-centered {
    object-fit: cover;
    object-position: 50% 50% !important;
    width: 100%;
}

.h-30r {
    height: 30rem;
}

.h-18r{
    height: 18rem;
}

ul.list-group.icon-list-vertical li {
    border: none;
    border-bottom: 1px solid rgba(73, 80, 87, .5);
    padding-top: 1.5rem;
}

.staggered-images-container img {
    width: 20rem;
    height: 20rem;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 0 auto;
}

.alert.border-1 {
    --bs-alert-border-color: #000;
    border-width: 2px;
}

.alert.alert-warning.border-1 {
    color: #000;
}


/*
@media only screen and (min-width: 992px) {
.staggered-images-container .col:first-of-type img,.staggered-images-container .col:last-of-type img {
    transform: translateY(1.5rem) !important;
}

.staggered-images-container .col:first-of-type {
    margin-left: 20%;
    margin-right: -20%;
}

.staggered-images-container .col:last-of-type {
    margin-left: -15%;
}

}
*/

/***** Toasts *****/
.toast.text-bg-primary {
	background-color: #12DEA3 !important;
}


/***** Pen control *****/
.toast.text-bg-primary, .toast.text-bg-danger {
	--bs-toast-header-bg: transparent;
}

.signatureControl.editmode .inkControl .inkControlCommandBar .confirmButton {
    border: none !important;
    font-size: 1.2rem;
    border-radius: 0 !important;
    width: auto !important;
}

.signatureControl.editmode .inkControl .inkControlCommandBar .confirmButton::before {
    content: 'I allow use of my digital signature for check-in* ';
}

.col-12.col-md-6.p-4 .btn.btn-primary {
  color: #000000;
}

.col-12.col-md-6.p-4 .btn.btn-primary:hover {
  color: white;
}

.link-button {
  display: inline-block;             
  padding: 0.25rem 0.2rem;           
  background-color: none;
  color: #12DEA3;
  text-decoration: none;
  border-radius: 0rem;
  font-weight: 500;
  font-size: 1.1rem;                    
  vertical-align: middle;           
  line-height: 1.2;                  
}

.link-button:hover {
  background-color: none;
  color: rgb(0, 0, 0);
}

/***** Invitation screen *****/
.checkbox:has(#RedeemByLogin) {
    display: none;
}