@import '../../../../themes/contrib/bootstrap5/css/style.css';
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Roboto:300,400,500,700&display=swap");
.container {
  max-width: 1900px;
}

main {
  margin: 50px 0;
}

.custom-loader {
  display: none;
}

.dialog-off-canvas-main-canvas,
.layout-container {
  height: 100%;
}

.layout-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.layout-container > * {
  flex-shrink: 0;
}
.layout-container > main[role=main] {
  flex-shrink: initial;
  flex-grow: 1;
}

body:not(.page-frontpage) .layout-container > header > div {
  width: 100%;
}
body:not(.page-frontpage) .layout-container > main .layout-content {
  max-width: 1900px;
}
.wrapper {
  max-width: 1900px;
}

body.authenticated .sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 11111;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  animation: headerSlide 0.999s linear;
  border-bottom: 4px solid #e46238;
}

header[role=banner] {
  background: #fff;
  min-height: 90px;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
header[role=banner] > div {
  max-width: 1900px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
}
header[role=banner] > div > div:first-of-type {
  flex: 1;
}
header[role=banner] > div > div:first-of-type img {
  transition: all ease-in-out 0.3s;
}
header[role=banner] div.mobile-friendly--container {
  text-align: right;
  display: none;
}

@keyframes headerSlide {
  0% {
    opacity: 0;
    transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
.region-nav-main {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.region-nav-main .navigation {
  margin-left: 0;
}
.region-nav-main .navigation ul.navbar-nav {
  display: flex;
  align-items: center;
}
.region-nav-main .navigation ul.navbar-nav li {
  position: relative;
  margin-left: 0;
}
.region-nav-main .navigation ul.navbar-nav li a.nav-link {
  color: #565656;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 16px 28px;
}
.region-nav-main .navigation ul.navbar-nav li a.nav-link.active {
  color: #202020;
  font-weight: 600;
}
.region-nav-main .navigation ul.navbar-nav li span.nav-link {
  color: #565656;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 16px 28px;
}
.region-nav-main .navigation ul.navbar-nav li span.nav-link > svg {
  margin-right: 8px;
}
.region-nav-main .navigation ul.navbar-nav li span.message-count {
  color: #252e6b;
  font-size: 20px;
  font-weight: 500;
  padding: 16px 28px;
}
.region-nav-main .navigation ul.navbar-nav li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 40px;
  display: flex;
  gap: 10px;
  border: 0;
  padding: 0;
  z-index: 10;
  width: 130px;
  min-width: 130px;
  flex-direction: column;
  background-color: #252e6b;
  transition: all 0.3s ease-in;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.region-nav-main .navigation ul.navbar-nav li ul li {
  margin-left: 0;
}
.region-nav-main .navigation ul.navbar-nav li ul li:hover {
  background: #e46238;
}
.region-nav-main .navigation ul.navbar-nav li ul li a {
  text-align: center;
  color: #fff !important;
  padding: 16px 16px !important;
}
.region-nav-main .navigation ul.navbar-nav li:hover ul {
  visibility: visible;
  opacity: 1;
}
.region-nav-main .navigation ul {
  margin-left: 0 !important;
}
@media only screen and (max-width: 767px) {
  .region-nav-main {
    flex-direction: column;
    align-items: flex-start;
    background: white;
    width: 100%;
  }
}

.region-sidebar-menu {
  display: flex;
  flex-direction: column;
}
.region-sidebar-menu .navigation {
  margin-left: 0;
}
.region-sidebar-menu .navigation ul.navbar-nav li {
  position: relative;
  margin-left: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  /*  span.nav-link {
     padding: 13px 28px;
     gap: 20px;
     cursor: pointer;
     justify-content: flex-start;
   } */
}
.region-sidebar-menu .navigation ul.navbar-nav li .dropdown-toggle:after {
  display: none;
  margin-left: -6px;
}
.region-sidebar-menu .navigation ul.navbar-nav li .nav-link {
  color: #252e6b;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 28px;
  display: flex;
  gap: 20px;
  max-height: 56px;
  cursor: pointer;
  justify-content: flex-start;
}
.region-sidebar-menu .navigation ul.navbar-nav li .nav-link .message-count {
  background-color: #e46238;
  display: flex;
  border-radius: 50px;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  padding: 4px 4px;
  text-align: center;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
}
.region-sidebar-menu .navigation ul.navbar-nav li .nav-link.is-active {
  background-color: #252e6b;
  color: #fff;
}
.region-sidebar-menu .navigation ul.navbar-nav li ul {
  display: none;
  border: 0;
  padding: 0;
  background: transparent;
  position: relative !important;
  transform: translate(0px, 0px) !important;
}
.region-sidebar-menu .navigation ul.navbar-nav li ul li a {
  display: block;
  padding: 16px 16px;
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu:after {
  content: "";
  position: absolute;
  top: 28px;
  right: 10px;
  color: #252e6b;
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
@media only screen and (max-width: 767px) {
  .region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu:after {
    right: 12%;
  }
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu.submenu-open:after {
  color: #fff;
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu.submenu-open > a {
  color: #fff;
  background-color: #252e6b;
  border-bottom: 1px solid #252e6b;
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu.submenu-open > span {
  color: #fff;
  background-color: #252e6b;
  border-bottom: 1px solid #252e6b;
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu.submenu-open > span.message-count {
  color: #fff;
  background-color: #252e6b;
  border-bottom: 1px solid #252e6b;
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu.submenu-open:hover {
  background-color: transparent;
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu.submenu-open ul {
  margin-left: 30px !important;
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu.submenu-open ul li a {
  color: #e46238;
  font-size: 14px;
  padding: 8px 28px;
  min-height: 46px;
  max-height: 46px;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu.submenu-open ul li a:focus-visible {
  outline: 0;
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu.submenu-open ul li:hover {
  background-color: transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.region-sidebar-menu .navigation ul.navbar-nav li.has-sub-menu.submenu-open ul li:hover a {
  color: #252e6b;
}
.region-sidebar-menu .navigation ul.navbar-nav li:hover {
  background-color: #fff;
  border-top: 1px solid #e46238;
  border-bottom: 1px solid #e46238;
}
.region-sidebar-menu .navigation ul.navbar-nav li:hover .nav-link {
  color: #e46238;
}
.region-sidebar-menu .navigation ul.navbar-nav li:hover span.nav-link {
  color: #e46238;
}
.region-sidebar-menu .navigation ul {
  margin-left: 0 !important;
}
.region-sidebar-menu .cart-block--summary a.cart-block--link__expand {
  display: flex;
  gap: 28px;
  padding: 20px 30px;
  border-radius: 3px;
  border-bottom: 3px solid #e46238 !important;
}
.region-sidebar-menu .cart-block--summary span.cart-block--summary__count {
  color: #e46238;
  font-weight: 600;
}

body.user-logged-in header[role=banner] {
  display: none;
}
body.user-logged-in .header-top {
  background: #252e6b;
  max-height: 80px;
  padding: 24px 42px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
body.user-logged-in .header-top .dashboard-toggle {
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 20px;
  transition: all 0.3s ease;
}
body.user-logged-in .header-top .dashboard-toggle:before {
  content: "";
  background: url("../assets/images/sidebar-toggle.svg") top center no-repeat;
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 16px;
  cursor: pointer;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  body.user-logged-in .header-top .dashboard-toggle:before {
    left: 20px;
  }
}
body.user-logged-in .header-top .region-header-top {
  align-self: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
body.user-logged-in .header-top .first > .clinic-logo {
  position: absolute;
  width: 100%;
  max-width: 50px;
  top: 14px;
  left: 0;
  right: 0;
  margin: 0 auto;
  cursor: pointer;
  z-index: 11;
}
body.user-logged-in .header-top .first > .clinic-logo img {
  width: 50px;
  height: 50px;
  object-fit: fill;
  border-radius: 50px;
  border: 3px solid #e46238;
}
body.user-logged-in .header-top .first > .clinic-logo .no-profile-pic {
  width: 50px;
  height: 50px;
  object-fit: fill;
  border-radius: 50px;
  border: 3px solid #e46238;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.user-logged-in .header-top .navigation {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  position: relative;
}
body.user-logged-in .header-top ul.navbar-nav {
  margin-right: 1rem;
  display: flex;
  align-items: flex-end;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item {
  margin-left: 0;
  cursor: pointer;
  position: relative;
  border-bottom: 2px solid transparent;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item .dropdown-toggle {
  display: flex;
  gap: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-around;
  border: 2px solid #fff;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  min-height: 40px;
  transition: all 0.3s ease-in-out;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item .dropdown-toggle span.link-text {
  display: none;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item .dropdown-toggle:hover {
  color: #e46238;
  border: 2px solid #e46238;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item .dropdown-toggle:after {
  margin-left: -6px;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item a {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 12px;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item a:after {
  display: none;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item ul {
  display: none;
  margin-top: 12px;
  margin-left: 0;
  padding: 0;
  width: 100%;
  min-width: 120px;
  position: absolute;
  z-index: 12;
  right: 0;
  background-color: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.22);
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item ul li {
  transition: all 0.3s ease-in-out;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item ul li a.nav-link {
  color: #e46238;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item ul li:after {
  display: none;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item ul li:hover {
  background-color: #e46238;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item ul li:hover a.nav-link {
  color: #fff;
}
body.user-logged-in .header-top ul.navbar-nav li.nav-item:last-child {
  border-bottom: 0px;
}
body.user-logged-in .header-top ul.navbar-nav.dropdown-openli a {
  color: #252e6b;
}
body.user-logged-in .header-top #block-chirothintracker-views-block-clinician-subscription-block-1 {
  padding: 0 30px;
}
body.user-logged-in .header-top #block-chirothintracker-views-block-clinician-subscription-block-1 .view-clinician-subscription {
  padding: 4px 8px;
  border-radius: 50px;
  border: 2px solid #e46238;
  transition: all 0.3s ease;
}
body.user-logged-in .header-top #block-chirothintracker-views-block-clinician-subscription-block-1 .view-clinician-subscription:nth-child(1) .first {
  display: flex;
  align-items: center;
  gap: 0px;
}
body.user-logged-in .header-top #block-chirothintracker-views-block-clinician-subscription-block-1 .view-clinician-subscription .views-field {
  display: flex;
  gap: 12px;
}
body.user-logged-in .header-top #block-chirothintracker-views-block-clinician-subscription-block-1 .view-clinician-subscription span.views-label {
  color: #e46238;
  font-size: 13px;
  font-weight: 600;
}
body.user-logged-in .header-top #block-chirothintracker-views-block-clinician-subscription-block-1 .view-clinician-subscription span.field-content {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
body.user-logged-in .header-top #block-chirothintracker-views-block-clinician-subscription-block-1 .view-clinician-subscription:hover {
  border: 2px solid #fff;
}
body.user-logged-in .header-top #block-chirothintracker-views-block-clinician-subscription-block-1 .view-clinician-subscription .views-field-view .view-clinician-subscription {
  border: 0;
}
@media only screen and (max-width: 767px) {
  body.user-logged-in .header-top #block-chirothintracker-views-block-clinician-subscription-block-1 .view-clinician-subscription {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  body.user-logged-in .header-top {
    padding: 24px 0px;
  }
}

body.anonymous header[role=banner] > nav {
  max-height: 90px;
}

.region-nav-branding .navbar-brand {
  text-align: center;
  padding: 20px 0;
}
.region-nav-branding .navbar-brand a.site-logo {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  button.navbar-toggler {
    display: none;
  }
}

footer {
  padding: 1rem !important;
}

.footer-dark {
  background-color: #0d73b1 !important;
}

.menu--menu-footer-menu ul.nav.navbar-nav {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-left: 0;
}
.menu--menu-footer-menu li a.nav-link {
  color: #fff;
  font-size: 14px;
}

/*******Generic Form Style**********/
/* .block-user-login-block {
   width: 100%;
  max-width: 600px;
  max-height: 600px;
  overflow-y: auto;
  padding: 40.8px 47.8px 40.8px 46.6px;
  background-color: $navy-normal-blue;
  margin: 50px auto;
  @include borderRadius(12px); 

  & h2 {
    color: $white;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
  }

  & .item-list {
    & ul {
      margin-left: 0 !important;
      & li {
        margin-left: 0 !important;
      }
      & a.request-password-link {
        font-weight: 600;
        color: $normal-orange;
        text-decoration: underline;
      }
    }
  }
} */
body.path-pricing .block-page-title-block h1 {
  text-align: center;
  color: #565656;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
}

/********Login & Reset Password Form***********/
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) .region-content {
  width: 100%;
  max-width: 600px;
  max-height: 600px;
  padding: 40px 46px 40px 46px;
  background-color: #044d7d;
  margin: 50px auto;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) .region-content::-webkit-scrollbar {
  display: none;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) .item-list ul {
  margin-left: 0 !important;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) .item-list ul li {
  margin-left: 0 !important;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) .item-list ul a.request-password-link {
  font-weight: 600;
  color: #e46238;
  text-decoration: underline;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) input,
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) select,
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) textarea {
  color: #063150;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) label {
  color: #fff;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) input,
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) input:focus,
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) .form-actions .form-submit {
  height: 40px;
  background: white;
  border-radius: 50px;
  padding: 8px 40px;
  font-weight: 600;
  color: #063150;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) .form-actions .form-submit:hover {
  color: #fff;
  background: transparent;
}
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) .description,
body:not(.path-pricing):not(.user-logged-in):not(.path-admin):not(.path-product):not(.path-cart):not(.path-checkout):not(.page-node-type-anonymous-content):not(.path-webform):not(.page-node-type-page):not(.path-faq-page):not(.path-contact) p {
  color: #e46238;
  font-size: 14px;
}

.block-user-login-block {
  width: 100%;
  max-width: 600px;
  max-height: 600px;
  overflow-y: auto;
  padding: 40px 46px 40px 46px;
  background-color: #044d7d;
  margin: 50px auto;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.block-user-login-block h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
}
.block-user-login-block .item-list ul {
  margin-left: 0 !important;
}
.block-user-login-block .item-list ul li {
  margin-left: 0 !important;
}
.block-user-login-block .item-list ul a.request-password-link {
  font-weight: 600;
  color: #e46238;
  text-decoration: underline;
}
.block-user-login-block input,
.block-user-login-block select,
.block-user-login-block textarea {
  color: #063150;
}
.block-user-login-block label {
  color: #fff;
}
.block-user-login-block h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
}
.block-user-login-block input,
.block-user-login-block select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.block-user-login-block input:focus,
.block-user-login-block select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.block-user-login-block .form-actions .form-submit {
  height: 40px;
  background: white;
  border-radius: 50px;
  padding: 8px 40px;
  font-weight: 600;
  color: #063150;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.block-user-login-block .form-actions .form-submit:hover {
  color: #fff;
  background: transparent;
}
.block-user-login-block .description,
.block-user-login-block p {
  color: #e46238;
  font-size: 14px;
}

/* body.path-frontpage {
  & .region.region-content {
    width: 100%;
    max-width: 600px;
    max-height: 600px;
    overflow-y: auto;
    padding: 40px 46px 40px 46px;
    background-color: $navy-normal-blue;
    margin: 50px auto;
    @include borderRadius(12px);
  }
} */
.user-login-form input,
.user-login-form select,
.user-login-form textarea,
.user-pass input,
.user-pass select,
.user-pass textarea {
  color: #063150;
}
.user-login-form label,
.user-pass label {
  color: #fff;
}
.user-login-form h2,
.user-pass h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
}
.user-login-form input,
.user-login-form select,
.user-pass input,
.user-pass select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.user-login-form input:focus,
.user-login-form select:focus,
.user-pass input:focus,
.user-pass select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.user-login-form .form-actions .form-submit,
.user-pass .form-actions .form-submit {
  height: 40px;
  background: white;
  border-radius: 50px;
  padding: 8px 40px;
  font-weight: 600;
  color: #063150;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.user-login-form .form-actions .form-submit:hover,
.user-pass .form-actions .form-submit:hover {
  color: #fff;
  background: transparent;
}
.user-login-form .description,
.user-login-form p,
.user-pass .description,
.user-pass p {
  color: #e46238;
  font-size: 14px;
}

.block-page-title-block h1 {
  color: #e46238;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .block-page-title-block h1 {
    font-size: 15px;
  }
}
.block-page-title-block .placeholder {
  font-style: normal;
}

body.path-summary .block-page-title-block h1 {
  color: #fff;
}
body.path-summary #block-chirothintracker-subtheme-content {
  color: #fff;
}

/* body.path-user h1 {
  color: #fff;
} */
body.anonymous .tabs-wrapper {
  margin: 36px 0;
}
body.anonymous .tabs-wrapper .nav-tabs {
  gap: 10px;
  margin-left: 0 !important;
  border-bottom: 1px solid #e46238;
}
@media only screen and (max-width: 767px) {
  body.anonymous .tabs-wrapper .nav-tabs {
    gap: 0px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #e46238;
  }
}
body.anonymous .tabs-wrapper .nav-tabs li.nav-item {
  margin-left: 0;
  transition: all 0.3s ease-in;
  border-left: 1px solid #e46238;
  border-right: 1px solid #e46238;
  border-top: 1px solid #e46238;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body.anonymous .tabs-wrapper .nav-tabs li.nav-item a.nav-link {
  border: 0;
  color: #fff;
  padding: 12px 30px;
  background-color: transparent;
  border-color: transparent;
  transition: all 0.3s ease-in;
}
body.anonymous .tabs-wrapper .nav-tabs li.nav-item a.nav-link:hover {
  color: #fff;
  border-color: #fff;
}
body.anonymous .tabs-wrapper .nav-tabs li.nav-item.active {
  margin-left: 0;
  background-color: #e46238;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body.anonymous .tabs-wrapper .nav-tabs li.nav-item.active:hover {
  border-color: #fff;
  background-color: transparent;
}
body.anonymous .tabs-wrapper .nav-tabs li.nav-item.active:hover a.is-active {
  color: #fff;
}
body.anonymous .tabs-wrapper .nav-tabs li.nav-item.active a.is-active {
  color: #fff;
  font-weight: 600;
}
body.anonymous .tabs-wrapper .nav-tabs li.nav-item:hover {
  border-color: #fff;
}
@media only screen and (max-width: 767px) {
  body.anonymous .tabs-wrapper .nav-tabs li.nav-item {
    border-bottom: 1px solid #e46238;
    border-top: 0 !important;
  }
  body.anonymous .tabs-wrapper .nav-tabs li.nav-item:active {
    border-top: 1px solid #fff !important;
  }
}

body:not(.path-ser) form.user-pass,
body:not(.path-ser) form.user-login-form {
  padding: 10px 0px;
  box-shadow: none;
}

.view-subscription-product {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.view-subscription-product .views-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.view-subscription-product .views-row .views-col {
  min-height: 580px;
  max-height: 580px;
  padding: 30px 30px;
  flex: 1 0 auto;
  max-width: 23%;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  margin-bottom: 30px;
  border-radius: 30px;
  border: 2px solid #000;
  animation: tileSlide 0.999s linear;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  /*  & .free-trial {
    font-size: 20px;
    font-weight: 700;
    color: $navy-normal-blue;
    text-align: center;
  } */
}
.view-subscription-product .views-row .views-col:hover {
  background: #E0E8FF;
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.view-subscription-product .views-row .views-col:hover div > strong {
  color: #252F6B;
}
.view-subscription-product .views-row .views-col:hover div:nth-child(2) {
  color: #252F6B;
}
.view-subscription-product .views-row .views-col .most-popular {
  position: absolute;
  right: -8px;
  top: 6px;
  z-index: 1111;
}
.view-subscription-product .views-row .views-col div > strong {
  color: #000;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.view-subscription-product .views-row .views-col div:nth-child(2) {
  margin: 0 0 20px 0;
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.view-subscription-product .views-row .views-col ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 140px;
  max-height: 140px;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.view-subscription-product .views-row .views-col ul::-webkit-scrollbar {
  display: none;
}
.view-subscription-product .views-row .views-col li {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  list-style-type: disc !important;
}
.view-subscription-product .views-row .views-col .shop-link {
  position: absolute;
  bottom: 4%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .view-subscription-product .views-row .views-col {
    width: 100% !important;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .view-subscription-product .views-row .views-col {
    width: 31% !important;
    max-width: 31%;
  }
}
.view-subscription-product .free-trial {
  font-size: 20px;
  font-weight: 700;
  color: #044d7d;
  text-align: center;
  margin-top: 10px;
  position: absolute;
  bottom: 18%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.view-subscription-product .free-trial a {
  color: #044d7d;
  font-weight: 600;
  font-size: 14px;
  text-decoration: underline;
  transition: all 0.3s ease-in;
}
.view-subscription-product .free-trial a:hover {
  color: #e46238;
}
.view-subscription-product .shop-link a {
  width: 200px;
  padding: 10px 20px !important;
  border-radius: 50px;
  border-color: #252F6B;
  transition: all 0.3s ease-in;
  background: #252F6B;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: #fff;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.view-subscription-product .shop-link a:hover {
  background: #e46238;
  border-color: #e46238;
  color: #fff;
}

.ds-2col-stacked {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  background: #fefefe;
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 50px 50px;
  align-items: flex-start;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.22);
}
.ds-2col-stacked .group-header {
  display: none;
}
.ds-2col-stacked .group-left {
  flex: 1 0 25%;
  border-radius: 30px;
  background: #fff;
  font-size: 12px;
  padding: 20px 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0px 0px 4px 6px #e46238;
  animation: thumbSlide 0.999s linear;
}
.ds-2col-stacked .group-left .field--name-field-media-image {
  display: flex;
  justify-content: center;
}
.ds-2col-stacked .group-right {
  flex: 1 0 70%;
  min-height: 500px;
  border-radius: 30px;
  background: #fff;
  border: 1px solid #dfdcdc;
  font-size: 12px;
  padding: 30px 30px;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: all 0.2s ease;
  box-shadow: 0px 0px 4px 6px #e46238;
  animation: cartSlide 0.999s linear;
}
.ds-2col-stacked .group-right .block.block-layout-builder {
  margin-bottom: 12px;
}
.ds-2col-stacked .group-right.field--name-price {
  display: flex;
  align-items: flex-end;
  margin-bottom: 50px;
}
.ds-2col-stacked .group-right .field__label {
  font-size: 20px;
  color: #044d7d;
}
.ds-2col-stacked .group-right .field__item {
  color: #044d7d;
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}
.ds-2col-stacked .group-footer {
  padding: 50px 0;
}
.ds-2col-stacked .group-footer .field--name-field-description-file {
  margin: 20px 0;
}
.ds-2col-stacked .group-footer .field__item {
  margin-top: 10px;
}
.ds-2col-stacked .block-field-blockcommerce-productsubscriptionfield-short-detail ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ds-2col-stacked .block-field-blockcommerce-productsubscriptionfield-short-detail ul li {
  list-style-type: decimal !important;
}
.ds-2col-stacked .commerce-order-item-add-to-cart-form {
  margin: unset;
  padding: 0;
  box-shadow: unset;
}
.ds-2col-stacked .commerce-order-item-add-to-cart-form .form-actions {
  margin: 20px 0;
}
.ds-2col-stacked .commerce-order-item-add-to-cart-form .button--add-to-cart {
  width: 200px;
  padding: 10px 20px;
  border-radius: 50px;
  line-height: 18px;
  background: #e46238;
  border-color: #e46238;
  transition: all 0.3s ease-in;
}
.ds-2col-stacked .commerce-order-item-add-to-cart-form .button--add-to-cart:hover {
  background: #252e6b;
  border-color: #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .ds-2col-stacked {
    padding: 30px 30px;
  }
}

.view-commerce-cart-form {
  display: flex;
  width: 100%;
  background: #fefefe;
  border-radius: 30px;
  padding: 50px 50px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.22);
}
.view-commerce-cart-form .view-content {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .view-commerce-cart-form form#views-form-commerce-cart-form-default-577 {
    overflow-x: auto;
  }
}
.view-commerce-cart-form table {
  width: 100%;
  display: table;
}
.view-commerce-cart-form table tr th {
  background: #e46238;
  color: #fff;
  padding: 20px 20px;
}
.view-commerce-cart-form table tr td {
  background-color: #044d7d;
  --bs-table-bg-type: #044d7d !important;
  color: #fff !important;
}
.view-commerce-cart-form table tr td .js-form-type-number {
  width: 100%;
  max-width: 80px;
}
.view-commerce-cart-form table tr td.views-field {
  color: #fff;
}
.view-commerce-cart-form table .field--name-price {
  display: flex;
  gap: 12px;
}
.view-commerce-cart-form table .delete-order-item {
  height: 38px;
  background: #e46238;
  border-radius: 50px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  border: 1px solid #e46238;
  transition: all 0.3s ease-in;
}
.view-commerce-cart-form table .delete-order-item:hover {
  background: transparent;
  border: 1px solid white;
}
.view-commerce-cart-form table input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
}
.view-commerce-cart-form table .form-number {
  border-radius: 50px;
  padding: 6px 16px;
  font-size: 14px;
  background-color: transparent;
  color: #fff;
}
.view-commerce-cart-form table .form-number:hover {
  background: transparent;
  border: 1px solid #fff;
}
.view-commerce-cart-form .form-actions .form-submit {
  height: 38px;
  background: #e46238;
  border-radius: 50px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  border: 1px solid #e46238;
  transition: all 0.3s ease-in;
}
.view-commerce-cart-form .form-actions .form-submit:hover {
  color: #044d7d;
  background: transparent;
  border: 1px solid #044d7d;
}
.view-commerce-cart-form .field--name-total-price .order-total-line {
  color: #044d7d;
}
.view-commerce-cart-form .field--name-total-price .order-total-line .order-total-line-label {
  font-size: 16px;
  font-weight: 600;
}
.view-commerce-cart-form .field--name-total-price .order-total-line .order-total-line-value {
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .view-commerce-cart-form {
    padding: 20px 20px;
  }
}

body.anonymous form.commerce-checkout-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  background: #fefefe;
  border-radius: 30px;
  padding: 50px 50px;
  align-items: flex-start;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.22);
  max-width: max-content;
}
body.anonymous form.commerce-checkout-flow fieldset legend {
  background: transparent;
}
body.anonymous form.commerce-checkout-flow .layout-checkout-form {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
body.anonymous form.commerce-checkout-flow .layout-checkout-form:after {
  content: "";
  background: #e46238;
  width: 4px;
  height: 80%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  body.anonymous form.commerce-checkout-flow .layout-checkout-form {
    flex-direction: column;
    gap: 30px;
  }
  body.anonymous form.commerce-checkout-flow .layout-checkout-form:after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  body.anonymous form.commerce-checkout-flow .layout-checkout-form {
    flex-direction: column;
    gap: 30px;
  }
  body.anonymous form.commerce-checkout-flow .layout-checkout-form:after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  body.anonymous form.commerce-checkout-flow {
    flex-direction: column;
    padding: 50px 16px;
  }
  body.anonymous form.commerce-checkout-flow:after {
    display: none;
  }
}

body.authenticated .commerce-checkout-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 40px 40px;
  max-width: 1200px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  align-items: flex-start;
  gap: 50px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region {
  width: 35%;
  flex: 1 0 40%;
  background-color: #e46238;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.22);
  border-radius: 12px;
  margin-bottom: 20px;
  padding-right: 0;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region h3 {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  padding: 20px 30px;
  background-color: #044d7d;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region table {
  --bs-table-bg: transparent !important;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region table thead th {
  font-weight: 700;
  color: #fff;
  border-bottom: 2px solid #fff;
  padding: 12px 12px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region table td {
  --bs-table-bg-type: transparent !important;
  font-weight: 700;
  color: #044d7d;
  font-size: 14px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region .view-footer .field--name-total-price .order-total-line {
  color: #044d7d;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region .view-footer .field--name-total-price .order-total-line .order-total-line-label {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region .view-footer .field--name-total-price .order-total-line .order-total-line-value {
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region {
    flex: 1 0 100%;
    width: 100%;
    min-width: 100%;
  }
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .checkout-pane:nth-child(2) {
  padding: 10px 30px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .checkout-pane:nth-child(2) .custom-html-class > a {
  color: #044d7d;
  font-weight: 700;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .checkout-pane:nth-child(2) .form-type-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .checkout-pane:nth-child(2) .field--name-field-agreement label {
  font-size: 14px;
  font-weight: 600;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .checkout-pane:nth-child(2) .signature .form-item label {
  margin-bottom: 16px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .checkout-pane:nth-child(2) .signature .signature-inner {
  max-width: 100%;
  overflow: hidden;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary .checkout-pane-order-summary {
  padding: 30px 30px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary .checkout-pane-order-summary .form-wrapper {
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 0 0 20px 0;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .layout-region.layout-region-checkout-footer {
  background-color: transparent;
  box-shadow: none;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-payment-information {
  display: flex;
  flex-direction: column;
  margin: 0;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-payment-information > legend {
  font-size: 28px;
  font-weight: 700 !important;
  color: #fff;
  padding: 20px 30px !important;
  background-color: #044d7d;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: 0 !important;
  text-transform: capitalize;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-payment-information .js-form-type-radio {
  flex-basis: auto;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-payment-information .fieldgroup {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  border: 2px solid #fff;
  border-radius: 4px;
  margin-bottom: 12px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-payment-information .fieldgroup > legend {
  color: #fff;
  font-size: 18px;
  background: transparent;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  margin: 0 !important;
  border-bottom: 2px solid #fff;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-payment-information .fieldgroup .form-radios {
  display: flex;
  flex-direction: row;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-payment-information .fieldgroup label.option {
  color: #fff;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-payment-information .form-item-payment-information-add-payment-method-payment-details-expiration-divider {
  min-width: auto;
  display: none;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-contact-information {
  margin: 0;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-contact-information > legend {
  font-size: 28px;
  font-weight: 700 !important;
  color: #fff;
  padding: 20px 30px !important;
  background-color: #044d7d;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: 0 !important;
  text-transform: capitalize;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-contact-information .fieldset-wrapper {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-payment-information {
  padding: 0px 30px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-payment-information > legend {
  color: #044d7d;
  font-size: 20px;
  font-weight: 700 !important;
  background: transparent;
  text-transform: capitalize !important;
  margin: 0 !important;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-payment-information article {
  color: #fff;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-payment-information {
    padding: 0px 10px;
  }
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-shipping-information {
  padding: 0px 30px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-shipping-information > legend {
  color: #044d7d;
  font-size: 20px;
  font-weight: 700;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-shipping-information article {
  color: #fff;
  font-size: 16px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-shipping-information .profile {
  color: #fff;
  font-size: 16px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-shipping-information .fieldset-wrapper .field--name-shipping-method {
  margin-top: 16px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-shipping-information .fieldset-wrapper .field--name-shipping-method .field__label {
  color: #044d7d;
  font-size: 16px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-shipping-information .fieldset-wrapper .field--name-shipping-method .field__item {
  color: #fff;
  font-size: 15px;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-shipping-information {
    padding: 0px 10px;
  }
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-shipping-information legend {
  color: #044d7d;
  font-size: 18px;
  padding: 0px 30px;
  font-weight: 700;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-shipping-information .form-item label {
  color: #fff;
  font-weight: 600;
  margin-bottom: 8px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-shipping-information .description {
  margin-top: 20px;
  margin-left: 0;
  color: white;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-shipping-information .form-wrapper {
  margin-bottom: 20px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-shipping-information .form-wrapper .field.field--name-address {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 20px 20px;
  margin-bottom: 20px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-shipping-information .form-wrapper .form-submit {
  background: #063150;
  border-radius: 50px;
  padding: 8px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #063150;
  transition: all 0.3s ease-in;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-shipping-information .form-type-select {
  /*  & label {
    color: $normal-blue;
    font-weight: 600;
    margin-bottom: 10px;
  } */
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-shipping-information .form-type-select select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .checkout-pane-shipping-information .form-type-select select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-order-fieldscheckout {
  padding: 10px 30px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-order-fieldscheckout > legend {
  color: #044d7d;
  font-size: 20px;
  font-weight: 700 !important;
  background: transparent;
  text-transform: capitalize !important;
  margin: 0 !important;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-order-fieldscheckout .fieldset-wrapper {
  padding: 10px 0;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-order-fieldscheckout .field--name-field-agreement {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 16px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-order-fieldscheckout .field--name-field-agreement .field__label {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-order-fieldscheckout .field--name-field-agreement .field__item {
  color: #044d7d;
  font-size: 16px;
  font-weight: 600;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-order-fieldscheckout .field--name-field-signature {
  border: 2px solid #044d7d;
  border-radius: 4px;
  padding: 20px 0 0 20px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form #edit-review-order-fieldscheckout .field--name-field-signature .field__label {
  color: #fff;
  font-size: 14px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .fieldset-wrapper {
  padding: 10px 30px;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .form-actions .form-submit {
  height: 46px;
  background: #063150;
  border-radius: 50px;
  padding: 8px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #063150;
  transition: all 0.3s ease-in;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .form-actions .form-submit:hover {
  color: #063150;
  background: transparent;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .form-actions a.link--previous {
  height: 46px;
  background: #c60c46;
  border-radius: 50px;
  padding: 8px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #c60c46;
  transition: all 0.3s ease-in;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.authenticated .commerce-checkout-flow .layout-checkout-form .form-actions a.link--previous:hover {
  background: transparent;
  border-bottom: 1px solid #c60c46 !important;
  color: #c60c46;
}
@media only screen and (max-width: 767px) {
  body.authenticated .commerce-checkout-flow .layout-checkout-form .form-actions a.link--previous {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  body.authenticated .commerce-checkout-flow .layout-checkout-form {
    flex-direction: column;
    gap: 30px;
  }
  body.authenticated .commerce-checkout-flow .layout-checkout-form:after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  body.authenticated .commerce-checkout-flow .layout-checkout-form {
    flex-direction: column;
    gap: 30px;
  }
  body.authenticated .commerce-checkout-flow .layout-checkout-form:after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  body.authenticated .commerce-checkout-flow {
    flex-direction: column;
    padding: 50px 16px;
  }
  body.authenticated .commerce-checkout-flow:after {
    display: none;
  }
}
body.authenticated .commerce-checkout-flow #edit-payment-information .stripe-form {
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 20px 20px;
  margin-bottom: 20px;
}
body.authenticated .commerce-checkout-flow #edit-payment-information .stripe-form .form-item input,
body.authenticated .commerce-checkout-flow #edit-payment-information .stripe-form .form-item select,
body.authenticated .commerce-checkout-flow #edit-payment-information .stripe-form .form-item textarea,
body.authenticated .commerce-checkout-flow #edit-payment-information .stripe-form .form-item label {
  color: #fff;
  margin-bottom: 10px;
  font-weight: 600;
}
body.authenticated .commerce-checkout-flow #edit-payment-information .stripe-form .form-item input,
body.authenticated .commerce-checkout-flow #edit-payment-information .stripe-form .form-item select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
body.authenticated .commerce-checkout-flow #edit-payment-information .stripe-form .form-item input:focus,
body.authenticated .commerce-checkout-flow #edit-payment-information .stripe-form .form-item select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
body.authenticated .commerce-checkout-flow #edit-payment-information #edit-payment-information-add-payment-method-billing-information {
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 20px 20px;
  margin-top: 30px;
}
body.authenticated .commerce-checkout-flow #edit-payment-information #edit-payment-information-add-payment-method-billing-information .form-type-select {
  margin-top: 0;
}
body.authenticated .commerce-checkout-flow #edit-payment-information #edit-payment-information-add-payment-method-billing-information label {
  color: #fff;
  font-weight: 600;
}
body.authenticated .commerce-checkout-flow #edit-payment-information #edit-payment-information-add-payment-method-billing-information .profile--type--customer p.address span {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
body.authenticated .commerce-checkout-flow #edit-payment-information #edit-payment-information-add-payment-method-billing-information .form-submit {
  height: 40px;
  background: #063150;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  margin-left: 0;
  border: 1px solid #063150;
  transition: all 0.3s ease-in;
}
body.authenticated .commerce-checkout-flow #edit-payment-information #edit-payment-information-add-payment-method-billing-information .form-submit:hover {
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
}

.form-wrapper__returning-customer,
.form-wrapper__guest-checkout {
  width: 100%;
  max-width: 470px;
  margin: 0 auto;
  border-radius: 12px;
  background: #044d7d;
  padding: 40.8px 47.8px 40.8px 46.6px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.form-wrapper__returning-customer legend,
.form-wrapper__guest-checkout legend {
  color: #fff;
  margin-bottom: 20px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
.form-wrapper__returning-customer .fieldset-wrapperinput,
.form-wrapper__returning-customer .fieldset-wrapper select,
.form-wrapper__returning-customer .fieldset-wrapper textarea,
.form-wrapper__returning-customer .fieldset-wrapper label,
.form-wrapper__guest-checkout .fieldset-wrapperinput,
.form-wrapper__guest-checkout .fieldset-wrapper select,
.form-wrapper__guest-checkout .fieldset-wrapper textarea,
.form-wrapper__guest-checkout .fieldset-wrapper label {
  color: #fff;
}
.form-wrapper__returning-customer .fieldset-wrapper input,
.form-wrapper__returning-customer .fieldset-wrapper select,
.form-wrapper__guest-checkout .fieldset-wrapper input,
.form-wrapper__guest-checkout .fieldset-wrapper select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.form-wrapper__returning-customer .fieldset-wrapper input:focus,
.form-wrapper__returning-customer .fieldset-wrapper select:focus,
.form-wrapper__guest-checkout .fieldset-wrapper input:focus,
.form-wrapper__guest-checkout .fieldset-wrapper select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.form-wrapper__returning-customer .fieldset-wrapper .form-submit,
.form-wrapper__guest-checkout .fieldset-wrapper .form-submit {
  height: 40px;
  background: white;
  border-radius: 50px;
  padding: 8px 40px;
  font-weight: 600;
  color: #063150;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.form-wrapper__returning-customer .fieldset-wrapper .form-submit:hover,
.form-wrapper__guest-checkout .fieldset-wrapper .form-submit:hover {
  color: #fff;
  background: transparent;
}
@media only screen and (max-width: 767px) {
  .form-wrapper__returning-customer .fieldset-wrapper .form-submit,
  .form-wrapper__guest-checkout .fieldset-wrapper .form-submit {
    font-size: 14px;
    padding: 8px 18px;
  }
}
.form-wrapper__returning-customer .fieldset-wrapper a#edit-login-returning-customer-forgot-password,
.form-wrapper__guest-checkout .fieldset-wrapper a#edit-login-returning-customer-forgot-password {
  font-weight: 600;
  color: #e46238;
  text-decoration: underline;
  display: flex;
  margin-top: 16px;
}
.form-wrapper__returning-customer .fieldset-wrapper .description,
.form-wrapper__guest-checkout .fieldset-wrapper .description {
  color: #e46238;
}
@media only screen and (max-width: 767px) {
  .form-wrapper__returning-customer,
  .form-wrapper__guest-checkout {
    padding: 20px 20px 20px 20px;
  }
}

.fieldset-wrapper .form-type-password-confirm .form-type-password {
  margin-bottom: 30px;
}
.fieldset-wrapper .form-type-password-confirm .form-type-password:nth-child(2) {
  margin-bottom: 0px;
}
.fieldset-wrapper .form-type-password-confirm .form-type-password .password-strength__meter {
  background-color: transparent;
}
.fieldset-wrapper .form-type-password-confirm .form-type-password .password-strength__title,
.fieldset-wrapper .form-type-password-confirm .form-type-password .password-confirm-message {
  color: #fff;
}
.fieldset-wrapper .form-type-password-confirm .password-suggestions {
  color: #e46238;
  padding: 12px 12px;
  font-size: 13px;
  font-weight: 600;
}
.fieldset-wrapper .form-type-password-confirm .password-suggestions ul {
  margin-top: 10px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fieldset-wrapper .form-type-password-confirm .password-suggestions ul li {
  list-style-type: decimal !important;
  font-size: 12px;
}

.webform-submission-apply-for-free-trial-add-form {
  width: 100%;
  max-width: 600px;
  max-height: 600px;
  overflow-y: auto;
  padding: 40.8px 47.8px 40.8px 46.6px;
  background-color: #044d7d;
  margin: 50px auto;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.webform-submission-apply-for-free-trial-add-forminput,
.webform-submission-apply-for-free-trial-add-form select,
.webform-submission-apply-for-free-trial-add-form textarea,
.webform-submission-apply-for-free-trial-add-form label {
  color: #fff !important;
}
.webform-submission-apply-for-free-trial-add-form input,
.webform-submission-apply-for-free-trial-add-form select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.webform-submission-apply-for-free-trial-add-form input:focus,
.webform-submission-apply-for-free-trial-add-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.webform-submission-apply-for-free-trial-add-form .form-actions .form-submit {
  height: 40px;
  background: #fff;
  border-radius: 50px;
  padding: 8px 40px;
  font-weight: 600;
  color: #063150;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.webform-submission-apply-for-free-trial-add-form .form-actions .form-submit:hover {
  color: #fff;
  background: transparent;
}
.webform-submission-apply-for-free-trial-add-form .description {
  color: #e46238;
  font-size: 14px;
}
.webform-submission-apply-for-free-trial-add-form .webform-element-description strong {
  font-weight: 500;
}

@keyframes tileSlide {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes thumbSlide {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes cartSlide {
  0% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
.address-book__container--customer .address-book__profiles {
  width: 100%;
  max-width: 900px;
  overflow-y: auto;
  scrollbar-width: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 20px;
  margin: 50px auto;
  padding: 40px;
  border-radius: 12px;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.address-book__container--customer .address-book__profiles .address-book__operations .address-book__edit-link {
  text-align: center;
  background: #252e6b;
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 16px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  min-width: 55px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #fff !important;
  border: 1px solid #252e6b;
  transition: all 0.3s ease-in;
}
.address-book__container--customer .address-book__profiles .address-book__operations .address-book__edit-link:hover {
  border: 1px solid #e46238;
  background: transparent;
  border-bottom: 1px solid #e46238 !important;
  color: #e46238 !important;
}
.address-book__container--customer .address-book__profiles .address-book__operations .address-book__delete-link {
  text-align: center;
  background: #e73f4c;
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 16px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  min-width: 55px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #fff !important;
  border: 1px solid #e73f4c;
  transition: all 0.3s ease-in;
}
.address-book__container--customer .address-book__profiles .address-book__operations .address-book__delete-link:hover {
  background: transparent;
  color: #e73f4c !important;
  border-bottom: 1px solid #e73f4c !important;
}
.address-book__container--customer .address-book__profiles p.address span {
  color: #e46238;
  font-size: 14px;
}
.address-book__container--customer .address-book__profiles p.address .given-name {
  font-size: 16px;
  font-weight: 600;
  color: #252e6b;
}
.address-book__container--customer .address-book__profiles p.address .country {
  font-size: 16px;
  font-weight: 600;
  color: #252e6b;
}

.checkout-order-summary tbody tr:hover {
  background-color: transparent;
}
.checkout-order-summary tbody tr td {
  color: #fff !important;
}
.checkout-order-summary .order-total-line .order-total-line-label {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.checkout-order-summary .order-total-line .order-total-line-value {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

body.user-logged-in,
body.path-admin {
  background-color: #edf2f9;
}
body.user-logged-in main,
body.path-admin main {
  margin: 0;
}
body.user-logged-in .website-layout,
body.path-admin .website-layout {
  position: relative;
}
body.user-logged-in .website-layout .sidebar-menu,
body.path-admin .website-layout .sidebar-menu {
  width: 100%;
  max-width: 20rem;
  height: 100vh;
  position: fixed;
  z-index: 10;
  top: 90px;
  padding-bottom: 120px;
  background-color: transparent;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-image: none;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  transition: max-width 0.3s ease;
  -webkit-transition: max-width 0.3s ease;
  -moz-transition: max-width 0.3s ease;
  -ms-transition: max-width 0.3s ease;
  -o-transition: max-width 0.3s ease;
}
body.user-logged-in .website-layout .sidebar-menu::-webkit-scrollbar,
body.path-admin .website-layout .sidebar-menu::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 767px) {
  body.user-logged-in .website-layout .sidebar-menu,
  body.path-admin .website-layout .sidebar-menu {
    max-width: 0rem;
  }
}
body.user-logged-in .website-layout .website-content-area,
body.path-admin .website-layout .website-content-area {
  margin-left: 350px;
  margin-top: 30px;
  padding: 30px 30px;
  background-color: #fff;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  min-height: 100vh;
  position: relative;
  transition: margin-left 0.3s ease;
  -webkit-transition: margin-left 0.3s ease;
  -moz-transition: margin-left 0.3s ease;
  -ms-transition: margin-left 0.3s ease;
  -o-transition: margin-left 0.3s ease;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.22);
}
@media only screen and (max-width: 767px) {
  body.user-logged-in .website-layout .website-content-area,
  body.path-admin .website-layout .website-content-area {
    margin-left: 0px;
    padding: 20px 0px;
  }
}
body.user-logged-in .website-layout.hideSidebar .sidebar-menu,
body.path-admin .website-layout.hideSidebar .sidebar-menu {
  max-width: 0rem;
}
@media only screen and (max-width: 767px) {
  body.user-logged-in .website-layout.hideSidebar .sidebar-menu,
  body.path-admin .website-layout.hideSidebar .sidebar-menu {
    max-width: 100%;
    left: 0;
    top: 78px;
    background-color: #fff;
    width: 100%;
    z-index: 11;
  }
}
body.user-logged-in .website-layout.hideSidebar .website-content-area,
body.path-admin .website-layout.hideSidebar .website-content-area {
  margin-left: 0px;
}

form {
  width: 100%;
  max-width: 900px;
  margin: 0px auto;
  padding: 40px 40px;
  overflow-y: auto;
  margin-bottom: 20px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
form::-webkit-scrollbar {
  display: none;
}
form .form--inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  form .form--inline {
    justify-content: center;
  }
}
form .form-item {
  width: auto;
  min-width: 13rem;
  float: none;
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  form .form-item {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
form input[type=file].form-file::file-selector-button {
  background-color: #252e6b;
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 4px;
  cursor: pointer;
}
forminput,
form select,
form textarea,
form label {
  color: #252e6b;
  font-weight: 600;
}
form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
form textarea {
  margin: 10px 0;
}
form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
form details summary.card-header.bg-light {
  background-color: #e46238 !important;
  color: #fff;
  border: 4px solid #fff;
  border-bottom: 4px solid #fff !important;
  padding: 14px 12px;
  border-radius: 8px;
}
form details .details-wrapper .form-item {
  margin: 20px 0;
}
form details .details-wrapper .form-item input.image-button {
  background: none !important;
}
form fieldset legend {
  color: #fff;
  background: #252e6b;
  padding: 16px 16px !important;
  font-weight: 400 !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin: 12px 0 20px !important;
  text-transform: uppercase;
}
form fieldset label {
  color: #252e6b;
  font-weight: 600;
}
form fieldset .form-radios {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
form fieldset .form-radios .js-form-type-radio {
  flex-basis: 270px;
  display: flex;
  align-items: center;
  gap: 16px;
}
form fieldset .form-radios input {
  height: auto;
  width: auto;
}
form fieldset .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
form fieldset .form-checkboxes .form-type-checkbox {
  flex-basis: 270px;
  display: flex;
  align-items: center;
  gap: 16px;
}
form fieldset .form-checkboxes input {
  height: 20px;
  width: 20px;
}
form fieldset.fieldgroup legend {
  background-color: #252e6b;
  border: 2px solid #252e6b;
  font-weight: 600 !important;
  color: #fff !important;
}
form input,
form select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
  font-size: 14px;
}
form input:focus,
form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
form select {
  padding-right: 32px;
}
form .form-type-checkboxes {
  border-bottom: 2px solid #e46238;
}
form .form-type-checkboxes > label {
  color: #e46238;
}
form .form-type-checkboxes .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
form .form-type-checkboxes .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
form .form-type-checkboxes .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
form .form-type-checkboxes .form-checkboxes .form-type-checkbox label {
  font-size: 14px;
}
form .form-radios {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
form .form-radios .js-form-type-radio {
  flex-basis: 270px;
  display: flex;
  align-items: center;
  gap: 16px;
}
form .form-radios input {
  height: auto;
  width: auto;
}
form .form-type-webform-multiple .webform-multiple-add > input {
  width: auto;
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
form .form-type-webform-multiple .webform-multiple-add .form-type-number input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
}
form .form-type-webform-multiple .webform-multiple-add .form-type-number input {
  width: 100%;
  height: 40px;
  background: transparent;
  border-radius: 50px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #e46238;
  border: 2px solid #e46238;
  transition: all 0.3s ease-in;
}
form .form-type-webform-multiple .webform-multiple-add .form-type-number input:hover {
  background: transparent;
  color: #252e6b;
  border: 2px solid #252e6b;
}
form .form-type-webform-multiple table th {
  display: none;
}
form section h2.webform-section-title {
  margin-bottom: 30px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 20px 20px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
form section label {
  color: #252e6b;
  font-weight: 600;
}
form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
form .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
form .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
form .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
form .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
form .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
form .tabledrag-toggle-weight-wrapper {
  margin: 1em 0;
}
form .tabledrag-toggle-weight-wrapper button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
form .tabledrag-toggle-weight-wrapper button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
form .form-type-managed-file .description {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
form .form-item-unsubscribe-daily-email {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
form .form-item-unsubscribe-daily-email input {
  width: auto;
  height: 22px;
}
form .form-item-unsubscribe-daily-email label {
  color: #252e6b;
  font-weight: 600;
}
form .form-actions .form-submit {
  height: 40px;
  background: #e46238;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  line-height: 16px;
  color: #fff;
  margin: 0;
  border: 1px solid #e46238;
  transition: all 0.3s ease-in;
}
form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
form .form-wrapper input.form-submit {
  background: #252e6b;
  border: 1px solid #252e6b;
  border-radius: 50px;
}
@media only screen and (max-width: 767px) {
  form {
    padding: 10px 10px;
    box-shadow: none;
  }
}

.webform-submission-add-form .form-item {
  width: 100%;
  margin-right: 0;
}
.webform-submission-add-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.webform-submission-add-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.webform-submission-add-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}

form.views-exposed-form {
  max-width: max-content;
}

body.path-summary #block-chirothintracker-subtheme-page-title h1 {
  color: #e46238;
}

.view-intake-forms .view-content,
.view-report-patients .view-content,
.view-my-notes .view-content,
.view-new-patients .view-content,
.admin-views-view .view-content {
  min-height: 0.01%;
  overflow-x: auto;
  width: 100%;
  max-width: 1200px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .my-notes-page .view-content {
    min-height: 0.01%;
    overflow-x: auto;
    width: 100%;
    max-width: 1100px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

table {
  min-height: 0.01%;
  overflow-x: auto;
  border-collapse: collapse;
}
table thead {
  display: table-header-group;
  vertical-align: middle;
  unicode-bidi: isolate;
  border-color: inherit;
}
table tbody tr {
  display: table-row;
  vertical-align: inherit;
  unicode-bidi: isolate;
  border-color: inherit;
}
table tbody tr:hover {
  background-color: #edf2f9;
}
table tbody tr:hover td {
  --bs-table-bg-type: #edf2f9;
  color: #252e6b;
}
table th {
  text-align: inherit;
  background-color: #e46238 !important;
  color: #fff !important;
  font-size: 14px !important;
  padding: 16px 16px !important;
}
table th > a {
  color: #fff !important;
  font-size: 14px !important;
}
table td {
  display: table-cell;
  vertical-align: inherit;
  unicode-bidi: isolate;
  color: #252e6b !important;
  font-size: 15px;
  font-weight: 500;
  padding: 4px 4px !important;
}
table td > a {
  color: #e46238 !important;
  font-weight: 500;
}
table td.views-field .flag-intake-processed-cs a {
  display: inline-block;
  text-align: center;
  background: #252e6b;
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 16px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  min-width: 55px;
  color: #fff !important;
  border: 1px solid #252e6b;
  transition: all 0.3s ease-in;
}
table td.views-field .flag-intake-processed-cs a > span {
  color: #fff;
  padding: 0;
  background: transparent;
  border: 0;
  font-size: 12px;
  font-weight: 500;
}
table td.views-field .flag-intake-processed-cs a:hover {
  border: 1px solid #252e6b;
  background: transparent;
  border-bottom: 1px solid #044d7d !important;
  color: #044d7d !important;
}
table td.views-field .flag-intake-processed-cs a:hover > span {
  color: #252e6b;
  background: transparent;
}
table td.views-field a.popup-form-link {
  text-align: center;
  background: #e46238;
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 16px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  min-width: 55px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #fff !important;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
table td.views-field a.popup-form-link:hover {
  border: 1px solid #252e6b;
  background: transparent;
  border-bottom: 1px solid #044d7d !important;
  color: #044d7d !important;
}
table td.views-field a.view-link {
  text-align: center;
  background: #252e6b;
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 16px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  min-width: 55px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #fff !important;
  border: 1px solid #252e6b;
  transition: all 0.3s ease-in;
}
table td.views-field a.view-link:hover {
  border: 1px solid #e46238;
  background: transparent;
  border-bottom: 1px solid #e46238 !important;
  color: #e46238 !important;
}
table td.views-field a.edit-link {
  text-align: center;
  background: #252e6b;
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 16px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  min-width: 55px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #fff !important;
  border: 1px solid #252e6b;
  transition: all 0.3s ease-in;
}
table td.views-field a.edit-link:hover {
  border: 1px solid #e46238;
  background: transparent;
  border-bottom: 1px solid #e46238 !important;
  color: #e46238 !important;
}
table td.views-field a.delete-link {
  text-align: center;
  background: #e73f4c;
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 16px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  min-width: 55px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #fff !important;
  border: 1px solid #e73f4c;
  transition: all 0.3s ease-in;
}
table td.views-field a.delete-link:hover {
  background: transparent;
  color: #e73f4c !important;
  border-bottom: 1px solid #e73f4c !important;
}
table td.views-field.views-field-nothing-2 a.view-link {
  background: #e46238;
  color: #fff !important;
  border: 1px solid #e46238;
}
table td.views-field.views-field-nothing-2 a.view-link:hover {
  border: 1px solid #252e6b;
  background: transparent;
  border-bottom: 1px solid #044d7d !important;
  color: #044d7d !important;
}
table td.views-field-link-flag {
  text-align: center;
  vertical-align: middle;
}
table td.views-field-link-flag a.use-ajax:hover {
  color: #252e6b;
}

.pager .pagination li.page-item a.page-link {
  border-bottom: 1px solid #e46238 !important;
  border: 1px solid #e46238;
  color: #252e6b !important;
}
.pager .pagination li.page-item.is-active a.page-link {
  background: #252e6b !important;
  border-color: #252e6b !important;
  border-bottom: 1px solid #252e6b !important;
  color: #fff !important;
}

body.path-resources .view-resources .view-content {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  border-radius: 12px;
  padding: 40px 40px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
body.path-resources .view-resources .view-content .panel {
  border-color: #e46238;
}
body.path-resources .view-resources .view-content .panel-heading {
  background-color: #e46238;
  border-color: #e46238;
  font-size: 16px;
  font-weight: 500;
}
body.path-resources .view-resources .view-content h3.title {
  color: #252e6b;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 600;
}
body.path-resources .view-resources .panel-body p {
  color: #252e6b;
}
body.path-resources .view-resources .panel-footer table th {
  background-color: #252e6b !important;
}
body.path-resources .view-resources .panel-footer table td .file--application-pdf a {
  color: #252e6b !important;
}
body.path-resources #block-chirothintracker-subtheme-content {
  color: #fff;
}
body.path-resources .block-page-title-block h1 {
  color: #fff;
}

.recipe-header {
  display: flex;
  align-items: center;
}
.recipe-header h3 {
  color: #fff;
}

body.path-training .view-training .view-content {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  border-radius: 12px;
  padding: 40px 40px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
body.path-training .view-training .view-content .panel {
  border-color: #e46238;
}
body.path-training .view-training .view-content .panel-heading {
  background-color: #e46238;
  border-color: #e46238;
  font-size: 16px;
  font-weight: 500;
}
body.path-training .view-training .view-content .panel-body p {
  color: #252e6b;
  font-size: 16px;
}
body.path-training .view-training .view-content .panel-body p a {
  color: #e73f4c;
  font-size: 16px;
  font-weight: 600;
  padding: 0 4px;
}
body.path-training .view-training .view-content h3.title {
  color: #252e6b;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 600;
}
body.path-training #block-chirothintracker-subtheme-content {
  color: #fff;
}
body.path-training .block-page-title-block h1 {
  color: #fff;
}

.block-intake-form-link-block .field__item {
  color: #e46238;
  display: flex;
  flex-direction: row;
  padding: 8px 16px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 30px;
  white-space: nowrap;
  position: relative;
  gap: 20px;
  font-size: 18px;
  font-weight: 600;
  /*  animation: liveBlinker linear 3s infinite;
  animation-timing-function: ease-in-out; */
}
@media only screen and (max-width: 767px) {
  .block-intake-form-link-block .field__item {
    flex-direction: column;
  }
}
.block-intake-form-link-block .field__item input#intake-url {
  width: 50%;
  height: 40px;
  border-radius: 4px;
  border: 0px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 0;
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
  transition: all 0.3s ease-in;
}
.block-intake-form-link-block .field__item input#intake-url:focus-visible {
  outline: none;
  border: 0;
}
@media only screen and (max-width: 767px) {
  .block-intake-form-link-block .field__item input#intake-url {
    width: 100%;
  }
}
.block-intake-form-link-block .field__item .clipboard-btn {
  height: 40px;
  width: 70px;
  background: white;
  border-radius: 50px;
  padding: 6px 6px;
  font-weight: 600;
  color: #252e6b;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0px solid #252e6b;
  border-color: #252e6b;
  box-shadow: 0 0 0 0.25rem #252e6b;
  transition: all 0.3s ease-in;
}
.block-intake-form-link-block .field__item .clipboard-btn:hover {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
@media only screen and (max-width: 767px) {
  .block-intake-form-link-block .field__item .clipboard-btn {
    height: 24px;
    width: 50px;
  }
}

body.user-logged-in .block-welcome-block,
body.path-admin .block-welcome-block,
body.path-frontpage .block-welcome-block {
  margin-bottom: 30px;
}
body.user-logged-in .block-welcome-block > h3,
body.path-admin .block-welcome-block > h3,
body.path-frontpage .block-welcome-block > h3 {
  color: #252e6b;
  font-size: 32px;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  body.user-logged-in .block-welcome-block > h3,
  body.path-admin .block-welcome-block > h3,
  body.path-frontpage .block-welcome-block > h3 {
    font-size: 28px;
  }
}
body.user-logged-in .block-welcome-block > h3 span.welcome-user-name,
body.path-admin .block-welcome-block > h3 span.welcome-user-name,
body.path-frontpage .block-welcome-block > h3 span.welcome-user-name {
  color: #e46238;
}

.patient-logs-info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  gap: 20px;
}
.patient-logs-info .views-field {
  display: flex;
  flex-basis: 180px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  flex-grow: 1;
  height: 150px;
  position: relative;
  padding: 20px 20px;
  width: 100%;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.6px 1.8px, rgba(0, 0, 0, 0.13) 0px 3.2px 7.2px;
  border-radius: 6px;
  background-color: #252e6b;
  transition: all 0.3s ease;
}
.patient-logs-info .views-field .info-key {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.patient-logs-info .views-field .info-val {
  color: #e46238;
  font-size: 32px;
  font-weight: 600;
}
.patient-logs-info .views-field:hover {
  background-color: transparent;
}
.patient-logs-info .views-field:hover .info-key {
  color: #252e6b;
}
.patient-logs-info .views-field:hover .info-val {
  color: #252e6b;
}
.patient-logs-info .views-field:last-child {
  margin-right: 0;
}
.patient-logs-info .view-home-menu .view-content {
  display: flex;
  flex-wrap: wrap;
}
.patient-logs-info .view-home-menu .medicine-card {
  flex-basis: 23%;
  position: relative;
  margin: 10px 10px;
  width: 100%;
  cursor: pointer;
  border-radius: 6px;
  background-color: white;
  transition: all 0.3s ease;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.6px 1.8px, rgba(0, 0, 0, 0.13) 0px 3.2px 7.2px;
}
.patient-logs-info .view-home-menu .medicine-card > div {
  position: relative;
  height: 100px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.patient-logs-info .view-home-menu .medicine-card > div a {
  color: #e46238;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  padding: 10px 10px;
  text-transform: uppercase;
}
.patient-logs-info .view-home-menu .medicine-card:hover {
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.24);
}
.patient-logs-info .view-home-menu .medicine-card:after {
  content: "";
  background: url("../assets/images/viewmore.svg") top center no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 10;
}

.patients-btn {
  display: flex;
  align-items: center;
  gap: 20px;
}
.patients-btn .views-field {
  margin-top: 16px;
  border-radius: 4px;
  background-color: #252e6b;
}
.patients-btn .views-field > a {
  display: flex;
  position: relative;
  justify-content: center;
  padding: 12px 12px;
  color: #e46238;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.patients-btn .views-field:hover {
  background-color: transparent;
}
.patients-btn .views-field:hover > a {
  color: #252e6b;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.6px 1.8px, rgba(0, 0, 0, 0.13) 0px 3.2px 7.2px;
}

@keyframes liveBlinker {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.webform-submission-patient-account-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.webform-submission-patient-account-form::-webkit-scrollbar {
  display: none;
}
.webform-submission-patient-account-form .form-item {
  width: 100%;
  margin-right: 0;
}
.webform-submission-patient-account-forminput,
.webform-submission-patient-account-form select,
.webform-submission-patient-account-form textarea,
.webform-submission-patient-account-form label {
  color: #252e6b;
  font-weight: 600;
}
.webform-submission-patient-account-form input,
.webform-submission-patient-account-form select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.webform-submission-patient-account-form input:focus,
.webform-submission-patient-account-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.webform-submission-patient-account-form .form-type-radios {
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.webform-submission-patient-account-form .form-type-radios .form-radios {
  display: flex;
  align-items: flex-start;
}
.webform-submission-patient-account-form .form-type-radios .form-radios .js-form-type-radio {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-basis: 408px;
}
.webform-submission-patient-account-form .form-type-radios label {
  color: #252e6b;
  font-weight: 600;
}
.webform-submission-patient-account-form .form-type-radios input,
.webform-submission-patient-account-form .form-type-radios select {
  height: 40px;
  color: #252e6b;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.webform-submission-patient-account-form .form-type-radios input:focus,
.webform-submission-patient-account-form .form-type-radios select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0rem #e46238;
}
.webform-submission-patient-account-form .form-type-datelist {
  display: flex;
  flex-direction: column;
}
.webform-submission-patient-account-form .form-type-datelist label {
  color: #252e6b;
  font-weight: 600;
}
.webform-submission-patient-account-form .form-type-datelist input,
.webform-submission-patient-account-form .form-type-datelist select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.webform-submission-patient-account-form .form-type-datelist input:focus,
.webform-submission-patient-account-form .form-type-datelist select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.webform-submission-patient-account-form .form-type-datelist .form-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.webform-submission-patient-account-form .form-type-datelist .form-inline .js-form-type-select {
  flex-basis: 253px;
}
.webform-submission-patient-account-form .form-actions .form-submit {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.webform-submission-patient-account-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .webform-submission-patient-account-form {
    padding: 20px 20px;
  }
}

.menu-item-menu-item-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.menu-item-menu-item-form::-webkit-scrollbar {
  display: none;
}
.menu-item-menu-item-form .form-item {
  width: 100%;
  margin-right: 0;
}
.menu-item-menu-item-forminput,
.menu-item-menu-item-form select,
.menu-item-menu-item-form textarea,
.menu-item-menu-item-form label {
  color: #252e6b;
  font-weight: 600;
}
.menu-item-menu-item-form input,
.menu-item-menu-item-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.menu-item-menu-item-form input:focus,
.menu-item-menu-item-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.menu-item-menu-item-form .form-actions {
  display: inline-block;
}
.menu-item-menu-item-form .form-actions .form-submit {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.menu-item-menu-item-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .menu-item-menu-item-form {
    padding: 20px 20px;
  }
}

.view-header {
  /* margin-bottom: 50px; */
}
.view-header > a {
  color: #fff;
  width: 100%;
  max-width: 200px;
  padding: 10px 20px;
  border-radius: 50px;
  font-weight: 600;
  margin-bottom: 20px;
  background: #e46238;
  border-color: #e46238;
  border: 1px solid #e46238;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
.view-header > a:hover {
  color: #252e6b;
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #252e6b !important;
}
.view-header > a:focus-visible {
  color: #e46238;
  background: transparent;
  border: 2px solid #e46238;
  box-shadow: none;
  border-bottom: 2px solid #e46238 !important;
}

.vbo-view-form .form-actions .form-submit {
  color: #fff;
  width: 100%;
  max-width: 200px;
  padding: 10px 20px;
  border-radius: 50px;
  font-weight: 600;
  background: #e46238;
  border-color: #e46238;
  border: 1px solid #e46238;
  transition: all 0.3s ease-in;
}
.vbo-view-form .form-actions .form-submit:hover {
  color: #252e6b;
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #252e6b !important;
}

.message-view .views-infinite-scroll-content-wrapper {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.message-view .views-infinite-scroll-content-wrapper::-webkit-scrollbar {
  display: none;
}
.message-view .views-infinite-scroll-content-wrapper .panel {
  transition: all 0.2s ease-in-out;
  border: 2px solid #e46238;
  border-radius: 6px;
}
.message-view .views-infinite-scroll-content-wrapper .panel:hover {
  border: 2px solid #252e6b;
}
.message-view .views-infinite-scroll-content-wrapper .panel-heading {
  background-color: #e46238;
  border-color: #e46238;
  color: #fff;
}
.message-view .views-infinite-scroll-content-wrapper .panel-heading .message-name-wrapper {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.message-view .views-infinite-scroll-content-wrapper .panel-heading .message-name-wrapper .doctor-name {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.message-view .views-infinite-scroll-content-wrapper .panel-heading .message-name-wrapper .patient-name {
  color: #252e6b;
  font-size: 18px;
  font-weight: 600;
}
.message-view .views-infinite-scroll-content-wrapper .panel-heading > span {
  display: flex;
  flex-direction: column-reverse;
}
.message-view .views-infinite-scroll-content-wrapper .panel-heading p:first-child {
  text-align: right;
  margin-bottom: 0;
}
.message-view .views-infinite-scroll-content-wrapper .panel-heading p > time {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.message-view .views-infinite-scroll-content-wrapper .panel-heading p:last-child {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 0;
  text-align: right;
}
.message-view .views-infinite-scroll-content-wrapper .panel-heading em {
  font-style: normal;
}
.message-view .views-infinite-scroll-content-wrapper .panel-body:last-child > span {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}
.message-view .views-infinite-scroll-content-wrapper .panel-body:last-child span a {
  height: 34px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 16px;
  font-size: 13px;
  line-height: 24px;
  margin-right: 0;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.message-view .views-infinite-scroll-content-wrapper .panel-body:last-child span a:hover {
  color: #252e6b;
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #252e6b !important;
}
.message-view .views-infinite-scroll-content-wrapper .panel-body:last-child span a.use-ajax {
  display: block;
}
.message-view .views-infinite-scroll-content-wrapper .panel-body:last-child span a.use-ajax > span {
  background: no-repeat;
  border: 0;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 13px;
}
.message-view .views-infinite-scroll-content-wrapper .panel-body:last-child span a.use-ajax > span:hover {
  border: 0;
  color: #252e6b;
  background-color: transparent;
}
.message-view .views-infinite-scroll-content-wrapper .panel-body > span p {
  color: #252e6b;
}
.message-view .views-infinite-scroll-content-wrapper .panel-body > span p a {
  color: #e46238;
  text-decoration: underline;
}
.message-view .views-infinite-scroll-content-wrapper .panel-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: transparent;
}
.message-view .views-infinite-scroll-content-wrapper .panel-footer a {
  height: 34px;
  background: #e46238;
  border-radius: 50px;
  padding: 4px 16px;
  font-size: 13px;
  line-height: 24px;
  margin-right: 0;
  color: #fff;
  display: block;
  border: 1px solid #e46238;
  transition: all 0.3s ease-in;
}
.message-view .views-infinite-scroll-content-wrapper .panel-footer a span {
  color: #fff;
  padding: 0;
  background: none;
  border: 0;
  font-size: 14px;
}
.message-view .views-infinite-scroll-content-wrapper .panel-footer a:hover {
  color: #252e6b;
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #252e6b !important;
}
.message-view .views-infinite-scroll-content-wrapper .panel-footer a:hover span {
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .message-view .views-infinite-scroll-content-wrapper {
    padding: 0px 0px;
  }
}

body.user-logged-in .tabs-wrapper {
  width: 100%;
  max-width: 900px;
  margin: 0px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
body.user-logged-in .tabs-wrapper::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 767px) {
  body.user-logged-in .tabs-wrapper {
    padding: 16px 16px;
  }
}
body.user-logged-in .tabs-wrapper .nav-tabs {
  gap: 10px;
  margin-left: 0 !important;
  border-bottom: 1px solid #e46238;
}
@media only screen and (max-width: 767px) {
  body.user-logged-in .tabs-wrapper .nav-tabs {
    gap: 0px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #e46238;
  }
}
body.user-logged-in .tabs-wrapper .nav-tabs li.nav-item {
  margin-left: 0;
  transition: all 0.3s ease-in;
  border-left: 1px solid #e46238;
  border-right: 1px solid #e46238;
  border-top: 1px solid #e46238;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body.user-logged-in .tabs-wrapper .nav-tabs li.nav-item a.nav-link {
  border: 0;
  color: #252e6b;
  padding: 12px 30px;
  background-color: transparent;
  border-color: transparent;
  transition: all 0.3s ease-in;
}
body.user-logged-in .tabs-wrapper .nav-tabs li.nav-item a.nav-link:hover {
  color: #e46238;
  border-color: #e46238;
}
body.user-logged-in .tabs-wrapper .nav-tabs li.nav-item.active {
  margin-left: 0;
  background-color: #e46238;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body.user-logged-in .tabs-wrapper .nav-tabs li.nav-item.active:hover {
  border-color: #252e6b;
  background-color: #252e6b;
}
body.user-logged-in .tabs-wrapper .nav-tabs li.nav-item.active:hover a.is-active {
  color: #fff;
}
body.user-logged-in .tabs-wrapper .nav-tabs li.nav-item.active a.is-active {
  color: #fff;
  font-weight: 600;
}
body.user-logged-in .tabs-wrapper .nav-tabs li.nav-item:hover {
  border-color: #e46238;
}
@media only screen and (max-width: 767px) {
  body.user-logged-in .tabs-wrapper .nav-tabs li.nav-item {
    border-bottom: 1px solid #e46238;
    border-top: 0 !important;
  }
  body.user-logged-in .tabs-wrapper .nav-tabs li.nav-item:active {
    border-top: 1px solid #fff !important;
  }
}

.webform-submission-tracking-weight-form .webform-details-toggle-state-wrapper {
  margin-bottom: 1em;
}
.webform-submission-tracking-weight-form .webform-details-toggle-state-wrapper button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.webform-submission-tracking-weight-form .webform-details-toggle-state-wrapper button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.webform-submission-tracking-weight-form #edit-group-questions {
  margin: 50px 0;
}
.webform-submission-tracking-weight-form #edit-group-questions h2.webform-section-title {
  margin-bottom: 30px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 20px 20px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.webform-submission-tracking-weight-form #edit-group-questions label {
  margin-bottom: 16px;
}
.webform-submission-tracking-weight-form .form-actions {
  display: inline-block;
}
.webform-submission-tracking-weight-form .form-actions .form-submit {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.webform-submission-tracking-weight-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}

dl.node-type-list {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  list-style-type: disc !important;
}
dl.node-type-list dt {
  display: list-item;
  list-style-type: decimal;
  list-style-position: inside;
}
dl.node-type-list dt > a {
  color: #e46238;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
dl.node-type-list dt > a:hover {
  color: #252e6b;
  padding-left: 2px;
}

.node-daily-message-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.node-daily-message-form .form-item {
  width: 100%;
  margin-right: 0;
}
.node-daily-message-forminput,
.node-daily-message-form select,
.node-daily-message-form textarea,
.node-daily-message-form label {
  color: #252e6b;
  font-weight: 600;
}
.node-daily-message-form textarea {
  margin: 10px 0;
}
.node-daily-message-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-daily-message-form input,
.node-daily-message-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.node-daily-message-form input:focus,
.node-daily-message-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-daily-message-form #edit-body-0-format-help {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.node-daily-message-form #edit-body-0-format-help > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.node-daily-message-form #edit-body-0-format-help > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.node-daily-message-form .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-daily-message-form .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.node-daily-message-form .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
.node-daily-message-form .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
.node-daily-message-form .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
.node-daily-message-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.node-daily-message-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.node-daily-message-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .node-daily-message-form {
    padding: 20px 20px;
  }
}

.compose-tips {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.compose-tips .filter-type > h3 {
  margin-bottom: 20px;
  text-transform: uppercase;
  background: #e46238;
  padding: 20px 20px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 4px solid transparent;
  transition: all 0.3s ease;
}
.compose-tips .filter-type > h3:hover {
  border: 4px solid #252e6b;
}
.compose-tips .filter-type table td code {
  color: #e46238;
  font-size: 14px;
  font-weight: 500;
}
.compose-tips ul.tips {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.compose-tips ul.tips li {
  color: #252e6b;
  font-size: 14px;
  font-weight: 500;
  margin-left: 0 !important;
  list-style-type: decimal !important;
}
.compose-tips ul.tips li > a {
  color: #e46238;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}
.compose-tips ul.tips li > code {
  color: #e46238;
}
.compose-tips ul.tips li ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.node-recipe-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.node-recipe-form .form-item {
  width: 100%;
  margin-right: 0;
}
.node-recipe-forminput,
.node-recipe-form select,
.node-recipe-form textarea,
.node-recipe-form label {
  color: #252e6b;
  font-weight: 600;
}
.node-recipe-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.node-recipe-form textarea {
  margin: 10px 0;
}
.node-recipe-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-recipe-form input,
.node-recipe-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.node-recipe-form input:focus,
.node-recipe-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-recipe-form fieldset legend {
  color: #252e6b;
  font-weight: 600;
}
.node-recipe-form fieldset .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.node-recipe-form fieldset .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.node-recipe-form fieldset .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.node-recipe-form fieldset .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.node-recipe-form table td input {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.node-recipe-form table td input:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-recipe-form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.node-recipe-form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.node-recipe-form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.node-recipe-form .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-recipe-form .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.node-recipe-form .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
.node-recipe-form .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
.node-recipe-form .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
.node-recipe-form .tabledrag-toggle-weight-wrapper {
  margin: 1em 0;
}
.node-recipe-form .tabledrag-toggle-weight-wrapper button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.node-recipe-form .tabledrag-toggle-weight-wrapper button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-recipe-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.node-recipe-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.node-recipe-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .node-recipe-form {
    padding: 20px 20px;
  }
}

.node-chirothin-resource-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.node-chirothin-resource-form .form-item {
  width: 100%;
  margin-right: 0;
}
.node-chirothin-resource-forminput,
.node-chirothin-resource-form select,
.node-chirothin-resource-form textarea,
.node-chirothin-resource-form label {
  color: #252e6b;
  font-weight: 600;
}
.node-chirothin-resource-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.node-chirothin-resource-form textarea {
  margin: 10px 0;
}
.node-chirothin-resource-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-chirothin-resource-form input,
.node-chirothin-resource-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.node-chirothin-resource-form input:focus,
.node-chirothin-resource-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-chirothin-resource-form fieldset legend {
  color: #252e6b;
  font-weight: 600;
}
.node-chirothin-resource-form fieldset .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.node-chirothin-resource-form fieldset .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.node-chirothin-resource-form fieldset .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.node-chirothin-resource-form fieldset .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.node-chirothin-resource-form table td input#edit-field-recipe-ingredient-0-actions-delete {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.node-chirothin-resource-form table td input#edit-field-recipe-ingredient-0-actions-delete:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-chirothin-resource-form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.node-chirothin-resource-form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.node-chirothin-resource-form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.node-chirothin-resource-form .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-chirothin-resource-form .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.node-chirothin-resource-form .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
.node-chirothin-resource-form .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
.node-chirothin-resource-form .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
.node-chirothin-resource-form .tabledrag-toggle-weight-wrapper {
  margin: 1em 0;
}
.node-chirothin-resource-form .tabledrag-toggle-weight-wrapper button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.node-chirothin-resource-form .tabledrag-toggle-weight-wrapper button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-chirothin-resource-form .form-type-managed-file .description {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-chirothin-resource-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.node-chirothin-resource-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.node-chirothin-resource-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .node-chirothin-resource-form {
    padding: 20px 20px;
  }
}

.node-review-messages-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.node-review-messages-form .form-item {
  width: 100%;
  margin-right: 0;
}
.node-review-messages-forminput,
.node-review-messages-form select,
.node-review-messages-form textarea,
.node-review-messages-form label {
  color: #252e6b;
  font-weight: 600;
}
.node-review-messages-form textarea {
  margin: 10px 0;
}
.node-review-messages-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-review-messages-form input,
.node-review-messages-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.node-review-messages-form input:focus,
.node-review-messages-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-review-messages-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.node-review-messages-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.node-review-messages-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .node-review-messages-form {
    padding: 20px 20px;
  }
}

.node-training-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.node-training-form button.link-edit-summary {
  color: #e46238;
}
.node-training-form .form-item {
  width: 100%;
  margin-right: 0;
}
.node-training-forminput,
.node-training-form select,
.node-training-form textarea,
.node-training-form label {
  color: #252e6b;
  font-weight: 600;
}
.node-training-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.node-training-form textarea {
  margin: 10px 0;
}
.node-training-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-training-form input,
.node-training-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.node-training-form input:focus,
.node-training-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-training-form fieldset legend {
  color: #252e6b;
  font-weight: 600;
}
.node-training-form fieldset .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.node-training-form fieldset .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.node-training-form fieldset .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.node-training-form fieldset .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.node-training-form table td input#edit-field-recipe-ingredient-0-actions-delete {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.node-training-form table td input#edit-field-recipe-ingredient-0-actions-delete:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-training-form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.node-training-form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.node-training-form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.node-training-form .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-training-form .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.node-training-form .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
.node-training-form .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
.node-training-form .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
.node-training-form .tabledrag-toggle-weight-wrapper {
  margin: 1em 0;
}
.node-training-form .tabledrag-toggle-weight-wrapper button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.node-training-form .tabledrag-toggle-weight-wrapper button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-training-form .form-type-managed-file .description {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-training-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.node-training-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.node-training-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .node-training-form {
    padding: 20px 20px;
  }
}

.task-task-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.task-task-form .form-item {
  width: 100%;
  margin-right: 0;
}
.task-task-form .field--type-datetime .label {
  color: #252e6b;
  font-weight: 600;
}
.task-task-form .field--type-datetime input {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.task-task-form .field--type-datetime input:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.task-task-forminput,
.task-task-form select,
.task-task-form textarea,
.task-task-form label {
  color: #252e6b;
  font-weight: 600;
}
.task-task-form textarea {
  margin: 10px 0;
}
.task-task-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.task-task-form input,
.task-task-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.task-task-form input:focus,
.task-task-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.task-task-form #edit-title-0-value--description {
  color: #e46238;
  font-weight: 600;
}
.task-task-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.task-task-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.task-task-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .task-task-form {
    padding: 20px 20px;
  }
}

.view-patients .patient-body-layout {
  width: 100%;
  max-width: 1200px;
  margin: 50px auto;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .view-patients .patient-body-layout {
    overflow: hidden;
  }
}
.view-patients .patient-body-layout .patient-summary-row {
  margin-bottom: 30px;
  border-radius: 12px;
  min-height: 200px;
  border: 2px solid #e46238;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.view-patients .patient-body-layout .patient-summary-wrapper > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .view-patients .patient-body-layout .patient-summary-wrapper > div {
    flex-direction: column;
  }
}
.view-patients .patient-body-layout .patient-summary-wrapper .view-content,
.view-patients .patient-body-layout .patient-summary-wrapper .view-empty {
  background-color: transparent;
  box-shadow: none;
  color: #000000;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
}
.view-patients .patient-body-layout .patient-summary-wrapper .view-empty p {
  margin-bottom: 0;
}
.view-patients .patient-body-layout .patient-summary-wrapper .patient-profile-wrapper {
  background: #e46238;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  width: 100%;
  flex-basis: 10%;
  max-width: 200px;
  min-height: 200px;
  display: flex;
  gap: 10px;
  padding: 0px 30px;
  margin: 0;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .view-patients .patient-body-layout .patient-summary-wrapper .patient-profile-wrapper {
    flex-basis: 100%;
    max-width: none;
  }
}
.view-patients .patient-body-layout .patient-summary-wrapper .patient-profile-wrapper h3 {
  color: white;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  max-width: 130px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: center;
}
.view-patients .patient-body-layout .patient-summary-wrapper .patient-profile-wrapper div > a {
  color: #252e6b;
  font-size: 12px;
  font-weight: 600;
}
.view-patients .patient-body-layout .patient-summary-wrapper .patient-profile-wrapper span.custom-user-fill {
  display: block;
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  border-radius: 50px;
  object-fit: cover;
  border: 4px solid #252e6b;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-patients .patient-body-layout .patient-summary-wrapper .patient-details {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  max-height: 50px;
  padding: 10px 10px;
  border: 2px solid rgba(0, 51, 0, 0.2);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .view-patients .patient-body-layout .patient-summary-wrapper .patient-details {
    flex-wrap: wrap;
    gap: 10px;
    max-height: max-content;
  }
}
.view-patients .patient-body-layout .patient-summary-wrapper .patient-details .custom-dropdown {
  margin-right: 12px;
}
@media only screen and (max-width: 767px) {
  .view-patients .patient-body-layout .patient-summary-wrapper .patient-details .custom-dropdown {
    margin-right: 0px;
  }
}
.view-patients .patient-body-layout .patient-summary-wrapper .patient-details .custom-dropdown.phase-2 {
  width: auto;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
  background-color: #e46238;
  padding: 0 10px;
  margin: 0;
  color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-right: 0;
}
.view-patients .patient-body-layout .patient-summary-wrapper .patient-details a.dropdown-toggle {
  display: flex;
  align-items: center;
  width: auto;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc !important;
  background-color: #fff;
  padding: 0 10px;
  margin: 0;
  color: #252e6b;
  font-size: 12px;
  font-weight: 600;
}
.view-patients .patient-body-layout .patient-summary-wrapper .session-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.view-patients .patient-body-layout .patient-summary-wrapper .session-wrapper .view-laser-profiles-summary {
  display: flex;
  align-items: center;
  /*  padding: 20px 20px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: $normal-blue; */
}
.view-patients .patient-body-layout .patient-summary-wrapper .session-wrapper .view-laser-profiles-summary > .view-content {
  width: 100%;
}
.view-patients .patient-body-layout .patient-summary-wrapper .session-wrapper .view-laser-profiles-summary div > span {
  color: #e46238;
}
.view-patients .patient-body-layout .patient-summary-wrapper .session-wrapper .view-laser-profiles-summary a.btn {
  height: 40px;
  border-radius: 50px;
  padding: 4px 40px;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  border-bottom: 1px solid #fff !important;
  transition: all 0.3s ease-in;
  /*  &:hover {
    background: transparent;
  } */
}
.view-patients .patient-body-layout .patient-summary-wrapper .session-wrapper .view-laser-profiles-summary span.btn {
  height: 40px;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  display: inline-flex;
  align-items: center;
  border: 1px solid #fff;
  border-bottom: 1px solid #fff !important;
  transition: all 0.3s ease-in;
  /*  &:hover {
    background: transparent;
  } */
}
.view-patients .patient-body-layout .patient-summary-wrapper .session-wrapper .view-summary-laser-sessions {
  margin-top: 20px;
}
.view-patients .patient-body-layout .patient-summary-wrapper .session-wrapper .view-summary-laser-sessions .custom-wrapper .odd,
.view-patients .patient-body-layout .patient-summary-wrapper .session-wrapper .view-summary-laser-sessions .custom-wrapper .even {
  display: flex;
  gap: 10px;
  align-items: center;
}
.view-patients .patient-body-layout .patient-details-right-side {
  display: flex;
  flex-basis: 90%;
  flex-wrap: wrap;
  padding: 20px 20px;
  gap: 20px;
  position: relative;
  flex-direction: row;
}
@media only screen and (max-width: 767px) {
  .view-patients .patient-body-layout .patient-details-right-side {
    padding: 10px 10px;
  }
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu {
  background-color: #e46238;
  max-height: 220px;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu::-webkit-scrollbar {
  display: none;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu li {
  margin-left: 0 !important;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu li a.dropdown-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu li a.dropdown-item span.custom-envelope {
  width: auto;
  padding: 0;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu li a.dropdown-item span.custom-envelope svg {
  color: #fff;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu li a.dropdown-item:hover {
  background-color: transparent;
  color: #252e6b;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu li a.dropdown-item:focus {
  background: transparent;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu li a.dropdown-item:focus-visible {
  outline: none;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu span.field-content a.dropdown-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu span.field-content a.dropdown-item:hover {
  background-color: transparent;
  color: #252e6b;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu span.field-content a.dropdown-item:focus {
  background-color: transparent;
}
.view-patients .patient-body-layout .patient-details-right-side ul.dropdown-menu span.field-content span.badge {
  background: #252e6b;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 {
  display: flex;
  position: relative;
  align-items: center;
  padding: 10px 10px;
  min-height: 50px;
  max-height: 50px;
  border: 2px solid rgba(0, 51, 0, 0.2);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .view-patients .patient-body-layout .patient-details-right-side .patient-details-1 {
    flex-wrap: wrap;
    max-height: max-content;
  }
}
@media only screen and (max-width: 767px) {
  .view-patients .patient-body-layout .patient-details-right-side .patient-details-1 a.btn {
    padding: 10px 10px;
    margin-right: 0;
    min-width: 48px;
  }
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 .messages-links > a,
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 .messages-links span {
  color: #252e6b;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 .notes-details span {
  color: #252e6b;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 .review-status a {
  color: #252e6b;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .view-patients .patient-body-layout .patient-details-right-side .patient-details-1 .review-status a {
    padding: 10px 6px;
  }
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 .standard-messages-links a.dropdown-toggle {
  border: 0;
  color: #252e6b;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 .standard-messages-links a.dropdown-toggle:hover {
  color: #e46238;
  background-color: transparent;
  border: 0 !important;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 .new-messages-links a.button--primary {
  color: #252e6b;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 .new-messages-links a.button--primary .message-view .view-empty {
  margin-top: 8px;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 a.button--primary {
  background: transparent;
  border: 0;
  padding: 0.375rem 0.75rem;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-1 a.button--primary:hover {
  border: 0px;
  border-bottom: 0px !important;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-2 {
  position: relative;
  width: 100%;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-2 ul.patient-info {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
  margin-left: 0 !important;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-2 ul.patient-info li {
  color: #e46238;
  margin-left: 0;
  padding: 10px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 2px solid rgba(0, 51, 0, 0.2);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-2 ul.patient-info li > b {
  color: #252e6b;
  font-size: 12px;
  font-weight: 600;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-2 ul.patient-info li:nth-child(odd) {
  background-color: #fff;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-2 ul.patient-info li:nth-child(even) {
  background-color: #fff;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-2 ul.patient-info li:hover {
  background-color: #252e6b;
  color: #fff;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-2 ul.patient-info li:hover > b {
  color: #e46238;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-2 ul.patient-info li:hover svg {
  color: #fff;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-3 .view-content {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-3 .bd-highlight {
  display: flex;
  position: relative;
  border-radius: 12px;
  flex-wrap: wrap;
  min-width: 170px;
  min-height: 116px;
  flex-basis: 18%;
  color: #e46238;
  background-color: #fff;
  border: 2px solid #252e6b;
}
@media only screen and (max-width: 767px) {
  .view-patients .patient-body-layout .patient-details-right-side .patient-details-3 .bd-highlight {
    flex-basis: 100%;
  }
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-3 .bd-highlight > div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-3 .bd-highlight > div br {
  display: none;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-3 .bd-highlight span.weight-flag {
  color: #fff;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-3 .bd-highlight span.small {
  color: #e46238;
  font-size: 12px;
  font-weight: 600;
}
.view-patients .patient-body-layout .patient-details-right-side .patient-details-3 .bd-highlight span.small:first-child {
  color: #252e6b;
}
.view-patients .patient-body-layout .view-patient-photos img {
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  border-radius: 50px;
  object-fit: cover;
  border: 4px solid #252e6b;
}

.meal-suggestion-resource {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.meal-suggestion-resource h3.title {
  color: #252e6b;
  font-size: 22px;
  font-weight: 500;
}
.meal-suggestion-resource .view-recipes .panel {
  border: 3px solid #e46238;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.meal-suggestion-resource .panel-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 16px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #e46238;
}
.meal-suggestion-resource .panel-heading h3 {
  color: #fff;
  margin-bottom: 0;
}
.meal-suggestion-resource .panel-heading a {
  color: #fff;
}
.meal-suggestion-resource .panel-body ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.meal-suggestion-resource .panel-body ul li {
  font-size: 14px;
  color: #252e6b;
  font-weight: 600;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.meal-suggestion-resource .panel-body ul li:hover {
  color: #252e6b;
}
.meal-suggestion-resource .panel-body p {
  color: #252e6b;
  font-size: 14px;
  font-weight: 600;
}
.meal-suggestion-resource .panel-footer {
  color: #fff;
  background-color: #e46238;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.recipe-block3-block2 .view-content {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.recipe-block3-block2 h3.title {
  color: #252e6b;
  font-size: 22px;
  font-weight: 500;
}
.recipe-block3-block2 .panel {
  border: 3px solid #e46238;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.recipe-block3-block2 .panel-heading {
  display: flex;
  align-items: center;
  gap: 50px;
  color: #fff;
  padding: 16px 16px;
  background-color: #e46238;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.recipe-block3-block2 .panel-heading a.print-recipe {
  color: #fff;
}
.recipe-block3-block2 .panel-body ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.recipe-block3-block2 .panel-body ul li {
  color: #252e6b;
  font-size: 14px;
  font-weight: 600;
  list-style-type: disc !important;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.recipe-block3-block2 .panel-body p {
  color: #252e6b;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.recipe-block3-block2 .panel-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #e46238;
}

.cart-block--contents {
  width: 100% !important;
}
.cart-block--contents table td.views-field {
  font-size: 12px;
  font-weight: 600;
}
.cart-block--contents table td.views-field.views-field-total-price__number {
  color: #e46238 !important;
}
.cart-block--contents .cart-block--contents__links {
  background-color: #252e6b;
  padding: 12px 12px;
}
.cart-block--contents .cart-block--contents__links > a {
  background: #e46238;
  border-radius: 50px;
  padding: 4px 16px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  border: 1px solid #e46238;
  transition: all 0.3s ease-in;
}

details.webform-submission-information.card {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
details.webform-submission-information.card summary.card-header {
  background-color: #e46238 !important;
  padding: 16px 16px;
  color: #fff;
  border: 1px solid #e46238 !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.webform-submission--webform-patient-intake {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.webform-submission--webform-patient-intake h2.webform-section-title {
  width: 100%;
  margin-bottom: 10px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 20px 20px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.webform-submission--webform-patient-intake .webform-section {
  flex-direction: column;
}
.webform-submission--webform-patient-intake label {
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
}
.webform-submission--webform-patient-intake .form-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  color: #e46238;
}
.webform-submission--webform-patient-intake a {
  color: #e46238;
  font-size: 15px;
}
.webform-submission--webform-patient-intake .webform-section-wrapper {
  width: 100%;
}
.webform-submission--webform-patient-intake .fieldset-wrapper {
  width: 100%;
}
.webform-submission--webform-patient-intake .webform-element-type-textarea {
  flex-direction: column;
  gap: 20px;
  font-size: 14px;
  line-height: 20px;
}
.webform-submission--webform-patient-intake .webform-element-type-textarea label {
  width: 100%;
  max-width: 500px;
  background-color: #e46238;
  text-transform: uppercase;
  padding: 10px 10px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  text-align: center;
}
.webform-submission--webform-patient-intake .webform-element-type-checkbox label {
  font-size: 16px;
  font-weight: 600;
  color: #252e6b;
}
.webform-submission--webform-patient-intake .webform-element-type-checkbox .form-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  color: #e46238;
}
.webform-submission--webform-patient-intake .webform-element-type-checkbox a {
  color: #e46238;
  font-size: 15px;
}
.webform-submission--webform-patient-intake fieldset {
  display: flex;
  flex-direction: column;
}
.webform-submission--webform-patient-intake fieldset legend {
  margin: 12px 0 20px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 16px 16px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.webform-submission--webform-patient-intake .custom-operations-intake-submission {
  margin-bottom: 20px;
}
.webform-submission--webform-patient-intake .custom-operations-intake-submission a {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.webform-submission--webform-patient-intake .custom-operations-intake-submission a:hover {
  background: transparent;
  border: 1px solid #252e6b !important;
  color: #252e6b;
}
.webform-submission--webform-patient-intake .flag-intake-processed-cs a {
  display: inline-block;
  height: 40px;
  background: #e46238;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  line-height: 26px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.webform-submission--webform-patient-intake .flag-intake-processed-cs a > span {
  padding: 0;
  margin: 0;
  color: #fff;
}
.webform-submission--webform-patient-intake .flag-intake-processed-cs a:hover {
  background: transparent;
  border: 1px solid #252e6b !important;
  color: #252e6b;
}
.webform-submission--webform-patient-intake .flag-intake-processed-cs a:hover > span {
  color: #252e6b;
}

.views-bulk-operations-configure-action {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.views-bulk-operations-configure-action .vbo-info-list-wrapper > h3 {
  width: 100%;
  margin-bottom: 10px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 20px 20px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.views-bulk-operations-configure-action .vbo-info-list-wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}
.views-bulk-operations-configure-action .vbo-info-list-wrapper ul li {
  color: #e46238;
  font-size: 14px;
  font-weight: 600;
  list-style-type: disc !important;
}
.views-bulk-operations-configure-action .form-item {
  width: 100%;
  margin-right: 0;
}
.views-bulk-operations-configure-actioninput,
.views-bulk-operations-configure-action select,
.views-bulk-operations-configure-action textarea,
.views-bulk-operations-configure-action label {
  color: #252e6b;
  font-weight: 600;
  margin-bottom: 10px;
}
.views-bulk-operations-configure-action textarea {
  margin: 10px 0;
}
.views-bulk-operations-configure-action textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.views-bulk-operations-configure-action input,
.views-bulk-operations-configure-action select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.views-bulk-operations-configure-action input:focus,
.views-bulk-operations-configure-action select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.views-bulk-operations-configure-action fieldset legend {
  color: #252e6b;
  font-weight: 600;
}
.views-bulk-operations-configure-action fieldset .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.views-bulk-operations-configure-action fieldset .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.views-bulk-operations-configure-action fieldset .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.views-bulk-operations-configure-action fieldset .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.views-bulk-operations-configure-action table td input {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.views-bulk-operations-configure-action table td input:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.views-bulk-operations-configure-action .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.views-bulk-operations-configure-action .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.views-bulk-operations-configure-action .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.views-bulk-operations-configure-action .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.views-bulk-operations-configure-action .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.views-bulk-operations-configure-action .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
.views-bulk-operations-configure-action .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
.views-bulk-operations-configure-action .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
.views-bulk-operations-configure-action .tabledrag-toggle-weight-wrapper {
  margin: 1em 0;
}
.views-bulk-operations-configure-action .tabledrag-toggle-weight-wrapper button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.views-bulk-operations-configure-action .tabledrag-toggle-weight-wrapper button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.views-bulk-operations-configure-action #edit-patient-message-format-guidelines {
  display: none;
}
.views-bulk-operations-configure-action .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.views-bulk-operations-configure-action .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.views-bulk-operations-configure-action .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .views-bulk-operations-configure-action {
    padding: 20px 20px;
  }
}

.views-bulk-operations-confirm-action {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.views-bulk-operations-confirm-action .vbo-info-list-wrapper > h3 {
  width: 100%;
  margin-bottom: 10px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 20px 20px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.views-bulk-operations-confirm-action .vbo-info-list-wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}
.views-bulk-operations-confirm-action .vbo-info-list-wrapper ul li {
  color: #e46238;
  font-size: 14px;
  font-weight: 600;
  list-style-type: disc !important;
}
.views-bulk-operations-confirm-action .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.views-bulk-operations-confirm-action .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.views-bulk-operations-confirm-action .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.views-bulk-operations-confirm-action .form-actions #edit-cancel {
  background: #e73f4c;
}
.views-bulk-operations-confirm-action .form-actions #edit-cancel:hover {
  color: #252e6b;
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
}
@media only screen and (max-width: 767px) {
  .views-bulk-operations-confirm-action {
    padding: 20px 20px;
  }
}

.view-laser-links {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.view-laser-links .view-content > .first {
  display: inline-flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.view-laser-links .new-messages-notes a.btn {
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  background: #252e6b;
  border-radius: 50px !important;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.view-laser-links .new-messages-notes a.btn:hover {
  background: transparent;
  border: 1px solid #044d7d !important;
  color: #252e6b;
}
.view-laser-links .laser-details a.btn {
  width: 100%;
  margin: 0;
  flex: none;
  margin-bottom: 10px;
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  border-radius: 50px !important;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.view-laser-links .laser-details a.btn:hover {
  background: transparent;
  border: 1px solid #044d7d !important;
  color: #252e6b;
}
.view-laser-links .laser-details .view-laser-links {
  box-shadow: unset;
  margin: 0;
  padding: 0;
}
.view-laser-links .attachments a.btn {
  width: 100% !important;
  margin: 0;
  flex: none;
  margin-bottom: 10px;
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  flex: none;
  cursor: pointer;
  height: 40px;
  border-radius: 50px !important;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.view-laser-links .attachments a.btn:hover {
  background: transparent;
  border: 1px solid #044d7d !important;
  color: #252e6b;
}
.view-laser-links .meetnow-link a.btn {
  width: 100%;
  margin: 0;
  flex: none;
  margin-bottom: 10px;
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  border-radius: 50px !important;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.view-laser-links .meetnow-link a.btn:hover {
  background: transparent;
  border: 1px solid #044d7d !important;
  color: #252e6b;
}
.view-laser-links .meetnow-link .view-laser-links {
  box-shadow: unset;
  margin: 0;
  padding: 0;
}

.view-progress-chart {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.view-progress-chart.no-content {
  margin: 0;
  box-shadow: none;
  padding: 0;
}

.view-patient-details {
  width: 100%;
  max-width: 1300px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.view-patient-details table ul.list-group {
  margin-left: 0;
}
.view-patient-details table ul.list-group li.list-group-item {
  color: #e46238;
  font-size: 14px;
}
.view-patient-details table ul.list-group li.list-group-item b {
  color: #252e6b;
  display: block;
  margin-bottom: 6px;
  line-height: 18px;
  text-transform: capitalize;
}
.view-patient-details table ul.list-group li.list-group-item span.table_value {
  color: #252e6b;
  font-weight: 600;
  margin-left: 4px;
}
.view-patient-details table ul.list-group li.list-group-item a.dropdown-toggle {
  display: inline-block;
  text-align: center;
  background: #252e6b;
  border-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 14px;
  padding: 4px 16px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  text-transform: capitalize;
  min-width: 50px;
  color: #fff !important;
  border: 1px solid #252e6b;
  transition: all 0.3s ease-in;
  margin-right: 0;
}
.view-patient-details table ul.dropdown-menu {
  margin-left: 0;
}
.view-patient-details table ul.dropdown-menu li.dropdown-item {
  margin-left: 0;
}
.view-patient-details table ul.dropdown-menu li.dropdown-item a.dropdown-item {
  display: inline-block;
  text-align: center;
  background: #252e6b;
  border-radius: 50px;
  font-size: 14px;
  padding: 4px 16px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  text-transform: capitalize;
  min-width: 50px;
  color: #fff !important;
  border: 1px solid #252e6b;
  transition: all 0.3s ease-in;
}
.view-patient-details table caption .patient-personal-info {
  border-bottom: 2px solid #252e6b;
  border-top: 2px solid #252e6b;
  padding: 10px 10px;
}
.view-patient-details table caption h2 {
  width: 100%;
  color: #252e6b;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.view-patient-details table caption p {
  color: #e46238;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}
.view-patient-details table caption span.small {
  color: #e46238;
  font-size: 14px;
  font-weight: 600;
}
.view-patient-details table caption span.small time {
  color: #252e6b;
  font-size: 13px;
  font-weight: 600;
}
.view-patient-details table .patient-weight-info {
  margin: 30px 30px;
}
.view-patient-details table .patient-weight-info ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: 0 !important;
  padding: 0;
}
.view-patient-details table .patient-weight-info ul li {
  padding: 2px 0px;
  font-size: 14px;
  color: #e46238;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  margin-left: 0 !important;
  border-bottom: 1px solid #e46238;
}
.view-patient-details table .patient-weight-info ul li > b {
  color: #252e6b;
  font-size: 14px;
}
.view-patient-details.no-content {
  margin: 0;
  box-shadow: none;
  padding: 0;
}

#meeting-uid {
  display: none;
}

.webform-submission--webform-tracking-weight {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.webform-submission--webform-tracking-weight fieldset {
  display: flex;
  flex-direction: column;
}
.webform-submission--webform-tracking-weight fieldset legend {
  margin: 12px 0 20px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 16px 16px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.webform-submission--webform-tracking-weight section h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 20px 20px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.webform-submission--webform-tracking-weight section .webform-section-wrapper label {
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
}
.webform-submission--webform-tracking-weight section .webform-section-wrapper .form-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
}
.webform-submission--webform-tracking-weight section .webform-section-wrapper a {
  color: #e46238;
  font-size: 15px;
}
.webform-submission--webform-tracking-weight .fieldset-wrapper label {
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
}
.webform-submission--webform-tracking-weight .fieldset-wrapper .form-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
}
.webform-submission--webform-tracking-weight .fieldset-wrapper a {
  color: #e46238;
  font-size: 15px;
}
.webform-submission--webform-tracking-weight details summary {
  background-color: #e46238 !important;
  color: #fff;
  border: 4px solid #fff;
  border-bottom: 4px solid #fff !important;
  padding: 14px 12px;
  border-radius: 8px;
}
.webform-submission--webform-tracking-weight details .details-wrapper label {
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
}
.webform-submission--webform-tracking-weight details .details-wrapper .form-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
}
.webform-submission--webform-tracking-weight details .details-wrapper a {
  color: #e46238;
  font-size: 15px;
}

.view-my-meeting-room span.button {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #e46238;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid #e46238;
  transition: all 0.3s ease-in;
}
.view-my-meeting-room span.button:hover {
  background: transparent;
  border: 1px solid #044d7d !important;
  color: #252e6b;
}

.node-daily-message-edit-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.node-daily-message-edit-form .vbo-info-list-wrapper > h3 {
  width: 100%;
  margin-bottom: 10px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 20px 20px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.node-daily-message-edit-form .vbo-info-list-wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}
.node-daily-message-edit-form .vbo-info-list-wrapper ul li {
  color: #e46238;
  font-size: 14px;
  font-weight: 600;
  list-style-type: disc !important;
}
.node-daily-message-edit-form .form-item {
  width: 100%;
  margin-right: 0;
}
.node-daily-message-edit-forminput,
.node-daily-message-edit-form select,
.node-daily-message-edit-form textarea,
.node-daily-message-edit-form label {
  color: #252e6b;
  font-weight: 600;
  margin-bottom: 10px;
}
.node-daily-message-edit-form textarea {
  margin: 10px 0;
}
.node-daily-message-edit-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-daily-message-edit-form input,
.node-daily-message-edit-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.node-daily-message-edit-form input:focus,
.node-daily-message-edit-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-daily-message-edit-form fieldset legend {
  color: #252e6b;
  font-weight: 600;
}
.node-daily-message-edit-form fieldset .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.node-daily-message-edit-form fieldset .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.node-daily-message-edit-form fieldset .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.node-daily-message-edit-form fieldset .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.node-daily-message-edit-form table {
  width: 100%;
}
.node-daily-message-edit-form table td input {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.node-daily-message-edit-form table td input:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-daily-message-edit-form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.node-daily-message-edit-form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.node-daily-message-edit-form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.node-daily-message-edit-form .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-daily-message-edit-form .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.node-daily-message-edit-form .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
.node-daily-message-edit-form .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
.node-daily-message-edit-form .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
.node-daily-message-edit-form .tabledrag-toggle-weight-wrapper {
  margin: 1em 0;
}
.node-daily-message-edit-form .tabledrag-toggle-weight-wrapper button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.node-daily-message-edit-form .tabledrag-toggle-weight-wrapper button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-daily-message-edit-form #edit-patient-message-format-guidelines {
  display: none;
}
.node-daily-message-edit-form .vertical-tabs {
  margin: 0;
  display: flex;
  gap: 30px;
  border: 0;
  flex-direction: column;
}
.node-daily-message-edit-form .vertical-tabs ul.vertical-tabs__menu {
  border: 0;
  margin-left: 0;
}
.node-daily-message-edit-form .vertical-tabs ul.vertical-tabs__menu li {
  border: 0;
  margin-left: 0;
}
.node-daily-message-edit-form .vertical-tabs ul.vertical-tabs__menu li a {
  color: #252e6b;
}
.node-daily-message-edit-form .vertical-tabs ul.vertical-tabs__menu li a .vertical-tabs__menu-item-title {
  margin-bottom: 10px;
}
.node-daily-message-edit-form .vertical-tabs ul.vertical-tabs__menu li a .vertical-tabs__menu-item-summary {
  color: #e46238;
  margin-top: 10px;
}
.node-daily-message-edit-form .vertical-tabs .vertical-tabs__panes details > summary {
  display: block;
}
.node-daily-message-edit-form .vertical-tabs .form-item-revision {
  display: flex;
  align-items: center;
  gap: 20px;
}
.node-daily-message-edit-form .vertical-tabs .form-item-revision label.option {
  margin-bottom: 0;
}
.node-daily-message-edit-form .vertical-tabs .form-item-revision input#edit-revision {
  width: auto;
  height: 20px;
  margin: 0;
}
.node-daily-message-edit-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.node-daily-message-edit-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1 px solid #fff;
  transition: all 0.3s ease-in;
}
.node-daily-message-edit-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-daily-message-edit-form .form-actions a#edit-delete {
  height: 40px;
  width: auto;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.node-daily-message-edit-form .form-actions a#edit-delete:hover {
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .node-daily-message-edit-form {
    padding: 20px 20px;
  }
}

form.confirmation {
  width: 100%;
  flex-direction: column;
  display: flex;
  max-width: 900px;
  margin: 0px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
form.confirmation .item-list ul {
  margin-left: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}
form.confirmation .item-list ul li {
  color: #e46238;
  font-size: 14px;
  list-style-type: disc !important;
}
form.confirmation .form-actions {
  display: inline-block;
  margin-bottom: 0;
}
form.confirmation .form-actions .form-submit {
  height: 40px;
  background: #e73f4c;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #e73f4c;
  transition: all 0.3s ease-in;
}
form.confirmation .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #044d7d !important;
  color: #252e6b;
}
form.confirmation .form-actions a.dialog-cancel {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  line-height: 30px;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
form.confirmation .form-actions a.dialog-cancel:hover {
  background: transparent;
  border: 1px solid #e46238 !important;
  color: #e46238;
}

.webform-submission--view-mode-html {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.webform-submission--view-mode-html .form-item {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
}
.webform-submission--view-mode-html .form-item label {
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
  margin-bottom: 8px;
}
.webform-submission--view-mode-html .form-item a {
  color: #e46238;
  font-size: 15px;
}

.webform-submission-edit-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.webform-submission-edit-form::-webkit-scrollbar {
  display: none;
}
.webform-submission-edit-form .form-item {
  width: 100%;
  margin-right: 0;
}
.webform-submission-edit-forminput,
.webform-submission-edit-form select,
.webform-submission-edit-form textarea,
.webform-submission-edit-form label {
  color: #252e6b;
  font-weight: 600;
  margin-bottom: 10px;
}
.webform-submission-edit-form textarea {
  margin: 10px 0;
}
.webform-submission-edit-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.webform-submission-edit-form input,
.webform-submission-edit-form select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.webform-submission-edit-form input:focus,
.webform-submission-edit-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.webform-submission-edit-form .form-actions .form-submit {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.webform-submission-edit-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .webform-submission-edit-form {
    padding: 20px 20px;
  }
}

body:not(.path-faq-page) article.profile {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
body:not(.path-faq-page) article.profile .field {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  border-bottom: 1px solid #252e6b;
  padding: 12px 0px;
}
body:not(.path-faq-page) article.profile .field .field__label {
  padding: 0;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
}
body:not(.path-faq-page) article.profile .field .field__item {
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  body:not(.path-faq-page) article.profile .field .field__item {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
  }
}
body:not(.path-faq-page) article.profile .field a {
  color: #fff;
  font-size: 15px;
  background-color: #e46238;
  padding: 10px 10px;
  border-radius: 4px;
}
body:not(.path-faq-page) article.profile .form-type-item {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
  justify-content: space-between;
  border-bottom: 1px solid #252e6b;
  padding: 12px 0px;
}
body:not(.path-faq-page) article.profile .form-type-item .label {
  font-size: 14px;
  font-weight: 500;
  color: #252e6b;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  body:not(.path-faq-page) article.profile {
    margin: 20px auto;
    padding: 12px 12px;
  }
}

.commerce-payment-method-add-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.commerce-payment-method-add-form .form-item {
  width: 100%;
  margin-right: 0;
}
.commerce-payment-method-add-forminput,
.commerce-payment-method-add-form select,
.commerce-payment-method-add-form textarea,
.commerce-payment-method-add-form label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-payment-method-add-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-payment-method-add-form textarea {
  margin: 10px 0;
}
.commerce-payment-method-add-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.commerce-payment-method-add-form input,
.commerce-payment-method-add-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.commerce-payment-method-add-form input:focus,
.commerce-payment-method-add-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.commerce-payment-method-add-form fieldset legend {
  margin: 12px 0 20px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 16px 16px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.commerce-payment-method-add-form .form-type-checkboxes {
  border-bottom: 2px solid #e46238;
}
.commerce-payment-method-add-form .form-type-checkboxes > label {
  color: #e46238;
}
.commerce-payment-method-add-form .form-type-checkboxes .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.commerce-payment-method-add-form .form-type-checkboxes .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.commerce-payment-method-add-form .form-type-checkboxes .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.commerce-payment-method-add-form .form-type-checkboxes .form-checkboxes .form-type-checkbox label {
  font-size: 14px;
}
.commerce-payment-method-add-form .form-radios {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.commerce-payment-method-add-form .form-radios .js-form-type-radio {
  flex-basis: 270px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.commerce-payment-method-add-form .form-radios input {
  height: auto;
  width: auto;
}
.commerce-payment-method-add-form p.address span {
  color: #e46238;
  font-size: 14px;
}
.commerce-payment-method-add-form p.address .given-name {
  font-size: 16px;
  font-weight: 600;
  color: #252e6b;
}
.commerce-payment-method-add-form p.address .country {
  font-size: 16px;
  font-weight: 600;
  color: #252e6b;
}
.commerce-payment-method-add-form section h2.webform-section-title {
  margin-bottom: 30px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 20px 20px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.commerce-payment-method-add-form section label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-payment-method-add-form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.commerce-payment-method-add-form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.commerce-payment-method-add-form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.commerce-payment-method-add-form .form-item-unsubscribe-daily-email {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.commerce-payment-method-add-form .form-item-unsubscribe-daily-email input {
  width: auto;
  height: 22px;
}
.commerce-payment-method-add-form .form-item-unsubscribe-daily-email label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-payment-method-add-form input.address-book-edit-button {
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.commerce-payment-method-add-form input.address-book-edit-button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.commerce-payment-method-add-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.commerce-payment-method-add-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.commerce-payment-method-add-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .commerce-payment-method-add-form {
    padding: 20px 20px;
  }
}

.user-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.user-form .form-item {
  width: 100%;
  margin-right: 0;
}
.user-forminput,
.user-form select,
.user-form textarea,
.user-form label {
  color: #252e6b;
  font-weight: 600;
}
.user-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.user-form textarea {
  margin: 10px 0;
}
.user-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.user-form input,
.user-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.user-form input:focus,
.user-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.user-form fieldset legend {
  margin: 12px 0 20px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 16px 16px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.user-form .form-type-checkboxes {
  border-bottom: 2px solid #e46238;
}
.user-form .form-type-checkboxes > label {
  color: #e46238;
}
.user-form .form-type-checkboxes .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.user-form .form-type-checkboxes .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.user-form .form-type-checkboxes .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.user-form .form-type-checkboxes .form-checkboxes .form-type-checkbox label {
  font-size: 14px;
}
.user-form .form-radios {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.user-form .form-radios .js-form-type-radio {
  flex-basis: 270px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.user-form .form-radios input {
  height: auto;
  width: auto;
}
.user-form .description {
  color: #e46238;
  font-size: 12px !important;
  font-weight: 600;
}
.user-form .form-type-password {
  margin-bottom: 30px;
}
.user-form .form-type-password:nth-child(2) {
  margin-bottom: 0px;
}
.user-form .form-type-password .password-strength__meter {
  background-color: transparent;
}
.user-form .form-type-password .password-strength__title,
.user-form .form-type-password .password-confirm-message {
  color: #fff;
}
.user-form .password-suggestions {
  color: #e46238;
  padding: 12px 12px;
  font-size: 13px;
  font-weight: 600;
}
.user-form .password-suggestions ul {
  margin-top: 10px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.user-form .password-suggestions ul li {
  list-style-type: decimal !important;
  font-size: 12px;
}
.user-form section h2.webform-section-title {
  margin-bottom: 30px;
  text-transform: uppercase;
  background: #252e6b;
  padding: 20px 20px;
  color: #fff;
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.user-form section label {
  color: #252e6b;
  font-weight: 600;
}
.user-form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.user-form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.user-form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.user-form .form-item-unsubscribe-daily-email {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.user-form .form-item-unsubscribe-daily-email input {
  width: auto;
  height: 22px;
}
.user-form .form-item-unsubscribe-daily-email label {
  color: #252e6b;
  font-weight: 600;
}
.user-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.user-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.user-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .user-form {
    padding: 20px 20px;
  }
}

.customer-information {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.customer-information .field {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.customer-information .field .field__label {
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
}
.customer-information .field .field__item {
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
}
.customer-information .field a {
  color: #e46238;
  font-size: 15px;
}
.customer-information .customer-billing {
  margin-top: 10px;
}
.customer-information .customer-billing .field__label {
  margin-bottom: 10px;
  text-transform: uppercase;
  padding: 10px 10px;
  color: #fff;
  background: #252e6b;
  font-size: 16px;
  font-weight: 700;
}
.customer-information .customer-billing p.address span {
  color: #e46238;
  font-size: 14px;
}
.customer-information .customer-billing p.address .given-name {
  font-size: 16px;
  font-weight: 600;
  color: #252e6b;
}
.customer-information .customer-billing p.address .country {
  font-size: 16px;
  font-weight: 600;
  color: #252e6b;
}

.order-information {
  width: 100%;
  max-width: 1200px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.order-information .field {
  width: 100%;
  margin-bottom: 20px;
}
.order-information .field .field__label {
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
}
.order-information .field .field__item {
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
}
.order-information .field a {
  color: #e46238;
  font-size: 15px;
}
.order-information table {
  width: 100%;
}
.order-information table td.views-field-title {
  max-width: 400px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.order-information .field--name-total-price .order-total-line {
  color: #252e6b;
}
.order-information .field--name-total-price .order-total-line .order-total-line-label {
  font-size: 16px;
  font-weight: 600;
}
.order-information .field--name-total-price .order-total-line .order-total-line-value {
  font-size: 20px;
  font-weight: 700;
}
.order-information .field--name-billing-period .field__label {
  background: #252e6b;
  padding: 10px 10px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 10px;
  text-transform: uppercase;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.order-information .field--name-billing-period .field__item {
  color: #e46238;
  font-size: 15px;
  font-weight: 600;
}
.order-information .field--name-store-id .field__label {
  background: #252e6b;
  padding: 10px 10px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 10px;
  text-transform: uppercase;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.order-information .field--name-store-id .field__item {
  color: #e46238;
  font-size: 15px;
  font-weight: 600;
}

.view-commerce-user-subscriptions .dropbutton-widget {
  border: 0;
  background-color: transparent;
}
.view-commerce-user-subscriptions .dropbutton-widget ul li a {
  text-align: center;
  background: #e73f4c;
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 16px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  min-width: 55px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #fff !important;
  border: 1px solid #e73f4c;
  transition: all 0.3s ease-in;
}
.view-commerce-user-subscriptions .dropbutton-widget ul li a:hover {
  background: transparent;
  color: #e73f4c !important;
  border-bottom: 1px solid #e73f4c !important;
}

.commerce-payment-method-credit-card-edit-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.commerce-payment-method-credit-card-edit-form .form-item {
  width: 100%;
  margin-right: 0;
}
.commerce-payment-method-credit-card-edit-form .form-item.form-no-label {
  margin-top: 40px;
}
.commerce-payment-method-credit-card-edit-forminput,
.commerce-payment-method-credit-card-edit-form select,
.commerce-payment-method-credit-card-edit-form textarea,
.commerce-payment-method-credit-card-edit-form label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-payment-method-credit-card-edit-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-payment-method-credit-card-edit-form textarea {
  margin: 10px 0;
}
.commerce-payment-method-credit-card-edit-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.commerce-payment-method-credit-card-edit-form input,
.commerce-payment-method-credit-card-edit-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.commerce-payment-method-credit-card-edit-form input:focus,
.commerce-payment-method-credit-card-edit-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.commerce-payment-method-credit-card-edit-form p.address span {
  color: #e46238;
  font-size: 14px;
}
.commerce-payment-method-credit-card-edit-form p.address .given-name {
  font-size: 16px;
  font-weight: 600;
  color: #252e6b;
}
.commerce-payment-method-credit-card-edit-form p.address .country {
  font-size: 16px;
  font-weight: 600;
  color: #252e6b;
}
.commerce-payment-method-credit-card-edit-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.commerce-payment-method-credit-card-edit-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.commerce-payment-method-credit-card-edit-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.commerce-payment-method-credit-card-edit-form .form-actions .button--danger {
  height: 40px;
  width: auto;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.commerce-payment-method-credit-card-edit-form .form-actions .button--danger:hover {
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
  color: #252e6b;
}
.commerce-payment-method-credit-card-edit-form .address-book-edit-button {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.commerce-payment-method-credit-card-edit-form .address-book-edit-button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .commerce-payment-method-credit-card-edit-form {
    padding: 20px 20px;
  }
}

table.responsive-enabled td ul.links {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
table.responsive-enabled td ul.links li a {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
table.responsive-enabled td ul.links li a:hover {
  background: transparent;
  border: 1px solid #044d7d !important;
  color: #252e6b;
}
table.responsive-enabled td ul.links li a.use-ajax {
  background: #C60C46;
  border: 1px solid #C60C46;
  transition: all 0.3s ease-in;
}
table.responsive-enabled td ul.links li a.use-ajax:hover {
  background: transparent;
  border: 1px solid #044d7d !important;
  color: #252e6b;
}

/* .patient-logs-info {
  width: 100%;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  & .views-field {
    display: flex;
    align-items: center;
    padding: 12px 12px;
    justify-content: space-between;
    transition: all 0.3s ease-in;
    & .info-key {
      color: $normal-blue;
      font-size: 16px;
      font-weight: 600;
      transition: all 0.3s ease-in;
    }
    & .info-val {
      color: $normal-orange;
      font-size: 16px;
      font-weight: 600;
      transition: all 0.3s ease-in;
    }
    &:nth-child(odd) {
      background: #edf2f9;
    }
    &:nth-child(even) {
      background: #f8f8f8;
    }
    &:hover {
      background: $normal-blue;
      & .info-key {
        color: #fff;
      }
      & .info-val {
        color: #fff;
      }
    }
  }
} */
.subscription-payment-method-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.subscription-payment-method-form .form-item {
  width: 100%;
  margin-right: 0;
}
.subscription-payment-method-form .form-item.form-no-label {
  margin-top: 40px;
}
.subscription-payment-method-forminput,
.subscription-payment-method-form select,
.subscription-payment-method-form textarea,
.subscription-payment-method-form label {
  color: #252e6b;
  font-weight: 600;
}
.subscription-payment-method-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.subscription-payment-method-form textarea {
  margin: 10px 0;
}
.subscription-payment-method-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.subscription-payment-method-form input,
.subscription-payment-method-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.subscription-payment-method-form input:focus,
.subscription-payment-method-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.subscription-payment-method-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.subscription-payment-method-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.subscription-payment-method-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.subscription-payment-method-form .form-actions .button--danger {
  height: 40px;
  width: auto;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.subscription-payment-method-form .form-actions .button--danger:hover {
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
  color: #252e6b;
}
.subscription-payment-method-form .address-book-edit-button {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.subscription-payment-method-form .address-book-edit-button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .subscription-payment-method-form {
    padding: 20px 20px;
  }
}

.layout-subscription-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
}
.layout-subscription-form .layout-region-subscription-main {
  border-bottom: 3px solid #e46238;
  padding-bottom: 20px;
  width: 100%;
}
.layout-subscription-form .layout-region-subscription-secondary {
  width: 100%;
  padding-top: 20px;
}
.layout-subscription-form .entity-meta__title .field--name-state {
  color: #e46238;
  font-size: 22px;
  font-weight: 700;
}
.layout-subscription-form summary.chirothintracker-subtheme-details__summary {
  color: #e46238;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
}
.layout-subscription-form .details-wrapper {
  display: flex;
  gap: 10px;
  flex-direction: column;
  background: #edf2f9;
  border-radius: 4px;
}
.layout-subscription-form .field {
  display: flex;
  width: 100%;
  align-items: center;
}
.layout-subscription-form .field .field__label {
  color: #252e6b;
  font-size: 14px;
  width: 100%;
}
.layout-subscription-form .field .field__item {
  color: #e46238;
  font-size: 14px;
  width: 100%;
  display: flex;
}
.layout-subscription-form .field .field__item a {
  color: #e46238;
  font-size: 14px;
  width: 100%;
}
.layout-subscription-form .field time {
  margin-top: 6px;
  color: #e46238;
  font-size: 14px;
}

.node-training-edit-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.node-training-edit-form .form-item {
  width: 100%;
  margin-right: 0;
}
.node-training-edit-forminput,
.node-training-edit-form select,
.node-training-edit-form textarea,
.node-training-edit-form label {
  color: #252e6b;
  font-weight: 600;
}
.node-training-edit-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.node-training-edit-form textarea {
  margin: 10px 0;
}
.node-training-edit-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-training-edit-form input,
.node-training-edit-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.node-training-edit-form input:focus,
.node-training-edit-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-training-edit-form fieldset legend {
  color: #252e6b;
  font-weight: 600;
}
.node-training-edit-form fieldset .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.node-training-edit-form fieldset .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.node-training-edit-form fieldset .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.node-training-edit-form fieldset .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.node-training-edit-form table td input {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.node-training-edit-form table td input:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-training-edit-form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.node-training-edit-form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.node-training-edit-form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.node-training-edit-form .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-training-edit-form .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.node-training-edit-form .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
.node-training-edit-form .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
.node-training-edit-form .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
.node-training-edit-form .tabledrag-toggle-weight-wrapper {
  margin: 1em 0;
}
.node-training-edit-form .tabledrag-toggle-weight-wrapper button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.node-training-edit-form .tabledrag-toggle-weight-wrapper button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-training-edit-form .description {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 20px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-training-edit-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.node-training-edit-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.node-training-edit-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-training-edit-form .form-actions .button--danger {
  height: 40px;
  width: auto;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.node-training-edit-form .form-actions .button--danger:hover {
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .node-training-edit-form {
    padding: 20px 20px;
  }
}

.node--type-training .field--name-field-my-clinic {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0;
}
.node--type-training .field--name-field-my-clinic .field__label {
  color: #252e6b;
  font-size: 14px;
  margin-bottom: 12px;
}
.node--type-training .field--name-field-my-clinic .field__item {
  color: #e46238;
  font-size: 16px;
  font-weight: 500;
}

.clinic-clinic-edit-form {
  width: 100%;
  max-width: 900px;
  margin: 10px auto;
  padding: 20px 20px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.clinic-clinic-edit-form .form-item {
  width: 100%;
  margin-right: 0;
}
.clinic-clinic-edit-forminput,
.clinic-clinic-edit-form select,
.clinic-clinic-edit-form textarea,
.clinic-clinic-edit-form label {
  color: #252e6b;
  font-weight: 600;
}
.clinic-clinic-edit-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.clinic-clinic-edit-form textarea {
  margin: 10px 0;
}
.clinic-clinic-edit-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.clinic-clinic-edit-form input,
.clinic-clinic-edit-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.clinic-clinic-edit-form input:focus,
.clinic-clinic-edit-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.clinic-clinic-edit-form .image-widget-data .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.clinic-clinic-edit-form .image-widget-data .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.clinic-clinic-edit-form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.clinic-clinic-edit-form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.clinic-clinic-edit-form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.clinic-clinic-edit-form .description {
  padding: 2px 2px;
  color: #e46238;
  font-size: 12px;
  font-weight: 600;
}
.clinic-clinic-edit-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.clinic-clinic-edit-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.clinic-clinic-edit-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .clinic-clinic-edit-form {
    padding: 20px 20px;
  }
}

.patient-profile-lipolight-profile-edit-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.patient-profile-lipolight-profile-edit-form .form-item {
  width: 100%;
  margin-right: 0;
}
.patient-profile-lipolight-profile-edit-forminput,
.patient-profile-lipolight-profile-edit-form select,
.patient-profile-lipolight-profile-edit-form textarea,
.patient-profile-lipolight-profile-edit-form label {
  color: #252e6b;
  font-weight: 600;
}
.patient-profile-lipolight-profile-edit-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.patient-profile-lipolight-profile-edit-form textarea {
  margin: 10px 0;
}
.patient-profile-lipolight-profile-edit-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.patient-profile-lipolight-profile-edit-form input,
.patient-profile-lipolight-profile-edit-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.patient-profile-lipolight-profile-edit-form input:focus,
.patient-profile-lipolight-profile-edit-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.patient-profile-lipolight-profile-edit-form fieldset legend {
  color: #252e6b;
  font-weight: 600;
}
.patient-profile-lipolight-profile-edit-form fieldset .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.patient-profile-lipolight-profile-edit-form fieldset .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.patient-profile-lipolight-profile-edit-form fieldset .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.patient-profile-lipolight-profile-edit-form fieldset .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.patient-profile-lipolight-profile-edit-form table td input {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.patient-profile-lipolight-profile-edit-form table td input:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.patient-profile-lipolight-profile-edit-form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.patient-profile-lipolight-profile-edit-form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.patient-profile-lipolight-profile-edit-form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.patient-profile-lipolight-profile-edit-form .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.patient-profile-lipolight-profile-edit-form .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.patient-profile-lipolight-profile-edit-form .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
.patient-profile-lipolight-profile-edit-form .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
.patient-profile-lipolight-profile-edit-form .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
.patient-profile-lipolight-profile-edit-form .tabledrag-toggle-weight-wrapper {
  margin: 1em 0;
}
.patient-profile-lipolight-profile-edit-form .tabledrag-toggle-weight-wrapper button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.patient-profile-lipolight-profile-edit-form .tabledrag-toggle-weight-wrapper button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.patient-profile-lipolight-profile-edit-form .description {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 20px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.patient-profile-lipolight-profile-edit-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.patient-profile-lipolight-profile-edit-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.patient-profile-lipolight-profile-edit-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.patient-profile-lipolight-profile-edit-form .form-actions .button--danger {
  height: 40px;
  width: auto;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.patient-profile-lipolight-profile-edit-form .form-actions .button--danger:hover {
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .patient-profile-lipolight-profile-edit-form {
    padding: 20px 20px;
  }
}

.archieved-patient-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.archieved-patient-form .form-item {
  width: 100%;
  margin-right: 0;
}
.archieved-patient-forminput,
.archieved-patient-form select,
.archieved-patient-form textarea,
.archieved-patient-form label {
  color: #252e6b;
  font-weight: 600;
}
.archieved-patient-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.archieved-patient-form textarea {
  margin: 10px 0;
}
.archieved-patient-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.archieved-patient-form input,
.archieved-patient-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.archieved-patient-form input:focus,
.archieved-patient-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.archieved-patient-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.archieved-patient-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.archieved-patient-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.archieved-patient-form .form-actions .button--danger {
  height: 40px;
  width: auto;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.archieved-patient-form .form-actions .button--danger:hover {
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .archieved-patient-form {
    padding: 20px 20px;
  }
}

.webform-submission-lipolight-session-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.webform-submission-lipolight-session-form .form-item {
  width: 100%;
  margin-right: 0;
}
.webform-submission-lipolight-session-forminput,
.webform-submission-lipolight-session-form select,
.webform-submission-lipolight-session-form textarea,
.webform-submission-lipolight-session-form label {
  color: #252e6b;
  font-weight: 600;
}
.webform-submission-lipolight-session-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.webform-submission-lipolight-session-form textarea {
  margin: 10px 0;
}
.webform-submission-lipolight-session-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.webform-submission-lipolight-session-form input,
.webform-submission-lipolight-session-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.webform-submission-lipolight-session-form input:focus,
.webform-submission-lipolight-session-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.webform-submission-lipolight-session-form details {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 0;
}
.webform-submission-lipolight-session-form details summary.card-header {
  padding: 16px 16px;
  color: #252e6b;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 2px solid #e46238 !important;
  background-color: #edf2f9 !important;
  border-bottom: 0;
}
.webform-submission-lipolight-session-form details summary.card-header:focus {
  box-shadow: 0 0 2px 0.05rem #252e6b;
  border: 2px solid transparent !important;
}
.webform-submission-lipolight-session-form details .details-wrapper .form-item {
  width: 100%;
  margin-right: 0;
}
.webform-submission-lipolight-session-form details .details-wrapperinput,
.webform-submission-lipolight-session-form details .details-wrapper select,
.webform-submission-lipolight-session-form details .details-wrapper textarea,
.webform-submission-lipolight-session-form details .details-wrapper label {
  color: #252e6b;
  font-weight: 600;
}
.webform-submission-lipolight-session-form details .details-wrapper input,
.webform-submission-lipolight-session-form details .details-wrapper select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.webform-submission-lipolight-session-form details .details-wrapper input:focus,
.webform-submission-lipolight-session-form details .details-wrapper select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.webform-submission-lipolight-session-form .description p {
  padding: 2px 2px;
  color: #e46238;
  font-size: 12px;
  font-weight: 600;
}
.webform-submission-lipolight-session-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.webform-submission-lipolight-session-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.webform-submission-lipolight-session-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.webform-submission-lipolight-session-form .form-actions .button--danger {
  height: 40px;
  width: auto;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.webform-submission-lipolight-session-form .form-actions .button--danger:hover {
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .webform-submission-lipolight-session-form {
    padding: 20px 20px;
  }
}

.eck-entity {
  width: 100%;
  max-width: 900px;
  margin: 0px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.eck-entity .field--name-created {
  text-align: center;
  margin-bottom: 20px;
}
.eck-entity .field--name-created time {
  font-size: 18px;
  font-weight: 700;
  color: #252e6b;
}
.eck-entity .field {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 10px;
}
.eck-entity .field .field__label {
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
}
.eck-entity .field .field__item {
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
}
.eck-entity .field a {
  color: #e46238;
  font-size: 15px;
}
.eck-entity .form-type-item {
  display: flex;
  align-items: center;
  margin: 0;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
}
.eck-entity .form-type-item .label {
  font-size: 14px;
  font-weight: 500;
  color: #252e6b;
  margin-right: 10px;
}

input#edit-process-data {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
input#edit-process-data:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}

.view-patient-download .view-footer > h3 {
  color: #e46238;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

.view-patient-download-messages {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.view-patient-download-messages .submission-rows {
  margin-bottom: 20px;
  padding: 20px 20px !important;
}
.view-patient-download-messages .submission-rows span.views-label {
  color: #252e6b;
}
.view-patient-download-messages .views-field-webform-submission-value {
  background-color: #e46238;
  border-color: #e46238;
  color: #fff;
  padding: 12px 12px 0;
}
.view-patient-download-messages .views-field-webform-submission-value-1 {
  background-color: #e46238;
  border-color: #e46238;
  color: #fff;
  padding: 12px 12px;
}
.view-patient-download-messages .views-field-webform-submission-value-2 {
  margin-top: 20px;
}
.view-patient-download-messages .views-field-webform-submission-value-2 h2 {
  color: #252e6b;
  font-weight: 600;
  margin-top: 10px;
}
.view-patient-download-messages .views-field-webform-submission-value-2 p {
  color: #252e6b;
}

.view-patient-download-weight-submissions- {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.view-patient-download-weight-submissions- .views-field-webform-submission-value-6 {
  background-color: #e46238;
  border-color: #e46238;
  padding: 12px 12px;
  border-bottom: 0 !important;
}
.view-patient-download-weight-submissions- .views-field-webform-submission-value-6 span.views-label {
  font-weight: 700 !important;
  font-size: 16px !important;
  width: auto !important;
  margin-right: 10px;
}
.view-patient-download-weight-submissions- .views-field-webform-submission-value-6 span.field-content {
  color: #fff;
  width: auto;
  font-weight: 500;
  line-height: 18px;
}
.view-patient-download-weight-submissions- .views-field {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  border-bottom: 1px solid #252e6b;
}
.view-patient-download-weight-submissions- .views-field span.views-label {
  padding: 0;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
}
.view-patient-download-weight-submissions- .views-field .field-content {
  font-size: 15px;
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 0;
}
.view-patient-download-weight-submissions- .field-content {
  color: #252e6b;
}
.view-patient-download-weight-submissions- .submission-rows {
  margin-bottom: 20px;
  padding: 20px 20px !important;
}

body.path-download .header-top {
  display: none;
}
body.path-download .sidebar-menu {
  display: none;
}
body.path-download .website-content-area {
  margin-left: 0 !important;
}

.task-task-edit-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.task-task-edit-form::-webkit-scrollbar {
  display: none;
}
.task-task-edit-form .form-item {
  width: 100%;
  margin-right: 0;
}
.task-task-edit-form input,
.task-task-edit-form select,
.task-task-edit-form textarea,
.task-task-edit-form label {
  color: #252e6b;
  font-weight: 600;
}
.task-task-edit-form input,
.task-task-edit-form select,
.task-task-edit-form textarea {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.task-task-edit-form input:focus,
.task-task-edit-form select:focus,
.task-task-edit-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.task-task-edit-form .form-actions .form-submit {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.task-task-edit-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .task-task-edit-form {
    padding: 20px 20px;
  }
}

.field--name-field-attachments .field__label {
  color: #252e6b;
}
.field--name-field-attachments span.file--application-pdf {
  display: block;
  margin: 10px 0;
}
.field--name-field-attachments span.file--application-pdf > a {
  color: #e46238;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}

.menu-item-menu-item-edit-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.menu-item-menu-item-edit-form::-webkit-scrollbar {
  display: none;
}
.menu-item-menu-item-edit-form .form-item {
  width: 100%;
  margin-right: 0;
}
.menu-item-menu-item-edit-form input,
.menu-item-menu-item-edit-form select,
.menu-item-menu-item-edit-form textarea,
.menu-item-menu-item-edit-form label {
  color: #252e6b;
  font-weight: 600;
}
.menu-item-menu-item-edit-form input,
.menu-item-menu-item-edit-form select,
.menu-item-menu-item-edit-form textarea {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.menu-item-menu-item-edit-form input:focus,
.menu-item-menu-item-edit-form select:focus,
.menu-item-menu-item-edit-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.menu-item-menu-item-edit-form .form-actions .form-submit {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.menu-item-menu-item-edit-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.menu-item-menu-item-edit-form .form-actions .button--danger {
  height: 40px;
  width: auto;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.menu-item-menu-item-edit-form .form-actions .button--danger:hover {
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .menu-item-menu-item-edit-form {
    padding: 20px 20px;
  }
}

.node-chirothin-resource-edit-form {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.node-chirothin-resource-edit-form .form-item {
  width: 100%;
  margin-right: 0;
}
.node-chirothin-resource-edit-forminput,
.node-chirothin-resource-edit-form select,
.node-chirothin-resource-edit-form textarea,
.node-chirothin-resource-edit-form label {
  color: #252e6b;
  font-weight: 600;
}
.node-chirothin-resource-edit-form textarea {
  margin: 10px 0;
}
.node-chirothin-resource-edit-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-chirothin-resource-edit-form input,
.node-chirothin-resource-edit-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.node-chirothin-resource-edit-form input:focus,
.node-chirothin-resource-edit-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.node-chirothin-resource-edit-form #edit-body-0-format-help {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.node-chirothin-resource-edit-form #edit-body-0-format-help > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.node-chirothin-resource-edit-form #edit-body-0-format-help > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.node-chirothin-resource-edit-form fieldset legend {
  color: #252e6b;
  font-weight: 600;
}
.node-chirothin-resource-edit-form fieldset .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.node-chirothin-resource-edit-form fieldset .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.node-chirothin-resource-edit-form fieldset .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.node-chirothin-resource-edit-form fieldset .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.node-chirothin-resource-edit-form .form-type-managed-file .description {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-chirothin-resource-edit-form .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.node-chirothin-resource-edit-form .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.node-chirothin-resource-edit-form .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
.node-chirothin-resource-edit-form .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
.node-chirothin-resource-edit-form .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
.node-chirothin-resource-edit-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.node-chirothin-resource-edit-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.node-chirothin-resource-edit-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.node-chirothin-resource-edit-form .form-actions .button--danger {
  height: 40px;
  width: auto;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.node-chirothin-resource-edit-form .form-actions .button--danger:hover {
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .node-chirothin-resource-edit-form {
    padding: 20px 20px;
  }
}

body.path-faq-page .faq-content {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
body.path-faq-page .faq-content .faq-question-answer {
  margin-bottom: 20px;
}
body.path-faq-page .faq-content .faq-question {
  text-transform: uppercase;
  background: #252e6b;
  padding: 20px 20px;
  color: #fff;
  position: relative;
  border: 2px solid transparent;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  transition: all 0.3s ease;
}
body.path-faq-page .faq-content .faq-question a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  display: block;
  width: 100%;
}
body.path-faq-page .faq-content .faq-question:after {
  content: "";
  background: #fff;
  position: absolute;
  right: 30px;
  top: 28%;
  width: 3px;
  height: 40%;
  transform: translateX(33%);
  transition: opacity 0.3s ease;
}
body.path-faq-page .faq-content .faq-question:before {
  content: "";
  background: #fff;
  position: absolute;
  right: 30px;
  top: 28%;
  width: 3px;
  height: 40%;
  transform: rotate(90deg);
  transition: opacity 0.3s ease;
}
body.path-faq-page .faq-content .faq-question.faq-qa-visible:after {
  opacity: 0;
}
body.path-faq-page .faq-content .faq-question:hover {
  background: transparent;
  border: 2px solid #e46238;
}
body.path-faq-page .faq-content .faq-question:hover:after {
  background: #e46238;
}
body.path-faq-page .faq-content .faq-question:hover:before {
  background: #e46238;
}
body.path-faq-page .faq-content .faq-question:hover a {
  color: #e46238;
}
body.path-faq-page .faq-content .faq-answer {
  padding-left: 0;
}
body.path-faq-page .faq-content .faq-answer .node__submitted {
  color: #252e6b;
  font-size: 16px;
  font-weight: 600;
}
body.path-faq-page .faq-content .faq-answer .node__submitted .field--name-created {
  color: #e46238;
}
body.path-faq-page .faq-content .faq-answer .node__content p {
  color: #252e6b;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  body.path-faq-page .faq-content {
    padding: 20px 20px;
  }
}

@media only screen and (max-width: 767px) {
  body.path-frontpage header {
    padding: 0 15px;
  }
}
body.path-frontpage .container {
  padding: 0;
  margin: 0;
}
body.path-frontpage .region.region-content {
  padding: 0;
}
body.path-frontpage .layout-center {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto 40px !important;
  padding: 0 15px !important;
}
body.path-frontpage .layout-full {
  width: 100%;
}
body.path-frontpage article img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article img {
    object-fit: contain;
    height: auto;
  }
}
body.path-frontpage article h1.main-title {
  margin-bottom: 0;
  width: 100%;
  padding: 50px 0px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #202020;
  text-align: center;
  font-size: 75px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article h1.main-title {
    font-size: 36px;
    padding: 0px 0px 30px;
  }
}
body.path-frontpage article h1.main-title span.practice-wth.chirithin-tracker {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article h1.main-title span.practice-wth.chirithin-tracker {
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    font-size: 30px;
  }
}
body.path-frontpage article h1 {
  color: #202020;
  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article p {
    font-size: 14px;
  }
}
body.path-frontpage article .front-page-top-banner img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .front-page-top-banner img {
    height: auto;
    object-fit: contain;
  }
}
body.path-frontpage article .field--name-field-media-video-file {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .field--name-field-media-video-file video {
    width: 100%;
    height: auto;
  }
}
body.path-frontpage article .intro-video.layout-center {
  border-radius: 50px;
  background: #c2d2ff;
  display: flex;
  padding: 30px 30px !important;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin: 50px 0 150px 0;
}
body.path-frontpage article .intro-video.layout-center .intro-video-left video {
  border-radius: 30.712px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 42.2%, #000 100%), lightgray 50%/cover no-repeat;
  height: revert-layer;
  width: 100%;
  object-fit: cover;
}
body.path-frontpage article .intro-video.layout-center .intro-video-right {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
body.path-frontpage article .intro-video.layout-center .intro-video-right h2 {
  color: #202020;
  font-size: 29.812px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
body.path-frontpage article .intro-video.layout-center .intro-video-right .request-demo {
  border-radius: 20px;
  display: flex;
  width: 377.613px;
  height: 214.643px;
  padding: 19.874px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8.868px;
  background: rgba(255, 255, 255, 0.49);
  backdrop-filter: blur(181.5500030518px);
}
body.path-frontpage article .intro-video.layout-center .intro-video-right .request-demo p {
  color: #6a6a6a;
  font-size: 19.874px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
body.path-frontpage article .intro-video.layout-center .intro-video-right .request-demo p:nth-child(3) {
  width: 100%;
  margin-bottom: 0;
}
body.path-frontpage article .intro-video.layout-center .intro-video-right .request-demo p:nth-child(3) a {
  display: flex;
  padding: 9.937px 0px;
  justify-content: center;
  align-items: center;
  gap: 9.937px;
  border-radius: 44.717px;
  background: #252f6b;
  color: #fff;
  font-size: 15.9px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .intro-video.layout-center .intro-video-right .request-demo {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }
}
body.path-frontpage article .intro-video.layout-center .intro-video-right .subscribe-section {
  border-radius: 20px;
  display: flex;
  width: 377.613px;
  height: 214.643px;
  padding: 19.874px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8.868px;
  background: rgba(255, 228, 225, 0.83);
  backdrop-filter: blur(181.5500030518px);
}
body.path-frontpage article .intro-video.layout-center .intro-video-right .subscribe-section p {
  color: #6a6a6a;
  font-size: 19.874px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
body.path-frontpage article .intro-video.layout-center .intro-video-right .subscribe-section p:nth-child(3) {
  width: 100%;
  margin-bottom: 0;
}
body.path-frontpage article .intro-video.layout-center .intro-video-right .subscribe-section p:nth-child(3) a {
  display: flex;
  padding: 9.937px 0px;
  justify-content: center;
  align-items: center;
  gap: 9.937px;
  border-radius: 44.717px;
  background: #e36137;
  color: #fff;
  font-size: 15.9px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .intro-video.layout-center .intro-video-right .subscribe-section {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .intro-video.layout-center {
    flex-direction: column;
  }
}
body.path-frontpage article .frontpage-intro-paragraph p {
  color: #6a6a6a;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .frontpage-intro-paragraph p {
    font-size: 18px;
  }
}
body.path-frontpage article .hippa-compliance {
  padding: 80px 0;
  background: #e0e8ff;
  text-align: center;
}
body.path-frontpage article .hippa-compliance .hippa-compliance-container {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 15px;
}
body.path-frontpage article .hippa-compliance p {
  color: #6a6a6a;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 50px 0 0;
}
body.path-frontpage article .clinical-portal-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
body.path-frontpage article .clinical-portal-container h2 {
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .clinical-portal-container h2 {
    font-size: 22px;
  }
}
body.path-frontpage article .clinical-portal-container p {
  color: rgba(51, 51, 51, 0.74);
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .clinical-portal-container p {
    font-size: 18px;
  }
}
body.path-frontpage article .clinical-portal-container .clinical-portal-left {
  border-radius: 30px;
  border: 2px solid #000;
  background: #e0e8ff;
  box-shadow: 0px 13.712px 10.277px 0px rgba(171, 190, 209, 0.12);
  display: flex;
  width: 100%;
  max-width: 600px;
  padding: 44.286px;
  justify-content: center;
  align-items: center;
  gap: 22.143px;
  height: 272.71px;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .clinical-portal-container .clinical-portal-left {
    gap: 16px;
    height: auto;
    padding: 20px 20px;
    max-width: max-content;
  }
}
body.path-frontpage article .clinical-portal-container .clinical-portal-right {
  width: 100%;
  border-radius: 30px;
  border: 2px solid #000;
  background: #e0e8ff;
  box-shadow: 0px 13.712px 10.277px 0px rgba(171, 190, 209, 0.12);
  display: flex;
  max-width: 529px;
  padding: 44.286px;
  justify-content: center;
  align-items: center;
  gap: 22.143px;
  flex-direction: column;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .clinical-portal-container .clinical-portal-right {
    gap: 16px;
    height: auto;
    padding: 20px 20px;
    max-width: max-content;
  }
}
body.path-frontpage article .hippa-compliance {
  margin-bottom: 50px;
}
body.path-frontpage article .clinical-portal + .patient-doctor-portal h1 {
  margin: 0;
  text-align: center;
}
body.path-frontpage article .clinical-portal + .patient-doctor-portal h1:nth-child(3) {
  margin-bottom: 80px;
}
body.path-frontpage article .patient-doctor-portal {
  margin-bottom: 100px !important;
  margin-top: 100px !important;
}
body.path-frontpage article .patient-doctor-portal h1 {
  margin: 100px 0;
  text-align: left;
}
body.path-frontpage article .patient-doctor-portal h1:nth-child(3) {
  text-align: left !important;
  margin-bottom: 70px;
}
body.path-frontpage article .patient-doctor-portal p:nth-child(2) {
  color: #6a6a6a;
  text-align: center;
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 140%;
  margin-bottom: 70px;
}
body.path-frontpage article .patient-doctor-portal .portal-cards {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}
body.path-frontpage article .patient-doctor-portal .portal-cards .portal {
  border-radius: 30px;
  border: 2px solid #000;
  background: #fff;
  padding: 30px 28px;
  box-shadow: 0px 0px 12.1px 0px rgba(0, 0, 0, 0.1);
  flex-basis: 32%;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .patient-doctor-portal .portal-cards .portal {
    flex-basis: 100%;
  }
}
body.path-frontpage article .patient-doctor-portal .portal-cards .portal h2 {
  color: #202020;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
body.path-frontpage article .patient-doctor-portal .portal-cards .portal p {
  color: #6a6a6a;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
body.path-frontpage article .sales-capabilities {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
body.path-frontpage article .sales-capabilities .sales-capabilities-left {
  flex-basis: 50%;
  color: #252e6b;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  padding: 30px 30px;
  border: 20px solid #252e6b;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .sales-capabilities .sales-capabilities-left {
    flex-basis: 100%;
  }
}
body.path-frontpage article .sales-capabilities .sales-capabilities-right {
  flex-basis: 50%;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .sales-capabilities .sales-capabilities-right {
    flex-basis: 100%;
  }
}
body.path-frontpage article .hippa-video-conference > p {
  font-size: 20px;
  font-weight: 700;
}
body.path-frontpage article .empower-patients-container {
  display: flex;
  margin-bottom: 30px;
}
body.path-frontpage article .empower-patients p {
  color: #e46238 !important;
  font-weight: 600;
}
body.path-frontpage article .video-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 150px !important;
}
body.path-frontpage article .video-container .video-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 50px;
}
body.path-frontpage article .video-container .video-wrapper iframe {
  width: 100%;
  height: auto;
  border-radius: 30.712px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 42.2%, #000 100%), lightgray 50%/cover no-repeat;
  object-fit: cover;
}
body.path-frontpage article .video-container .video-wrapper .video-container-clinic {
  display: flex;
  flex-basis: 49%;
  flex-direction: column;
  width: 620px;
  padding: 30px 30px;
  justify-content: center;
  align-items: center;
  gap: 22.143px;
  border-radius: 30px;
  border: 2px solid #000;
  background: #fff;
  box-shadow: 0px 13.712px 10.277px 0px rgba(171, 190, 209, 0.12);
}
body.path-frontpage article .video-container .video-wrapper .video-container-clinic h2 {
  color: #333;
  text-align: center;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .video-container .video-wrapper .video-container-clinic h2 {
    font-size: 26px;
    font-weight: 600;
  }
}
body.path-frontpage article .video-container .video-wrapper .video-container-clinic p {
  color: rgba(51, 51, 51, 0.74);
  text-align: justify;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .video-container .video-wrapper .video-container-clinic p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .video-container .video-wrapper .video-container-clinic {
    flex-basis: 100%;
    width: 100%;
    padding: 30px 30px;
  }
}
body.path-frontpage article .video-container .video-wrapper .video-container-patient {
  display: flex;
  flex-basis: 49%;
  flex-direction: column;
  width: 620px;
  padding: 30px 30px;
  justify-content: center;
  align-items: center;
  gap: 22.143px;
  border-radius: 30px;
  border: 2px solid #000;
  background: #fff;
  box-shadow: 0px 13.712px 10.277px 0px rgba(171, 190, 209, 0.12);
}
body.path-frontpage article .video-container .video-wrapper .video-container-patient h2 {
  color: #333;
  text-align: center;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .video-container .video-wrapper .video-container-patient h2 {
    font-size: 26px;
    font-weight: 600;
  }
}
body.path-frontpage article .video-container .video-wrapper .video-container-patient p {
  color: rgba(51, 51, 51, 0.74);
  text-align: justify;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .video-container .video-wrapper .video-container-patient p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .video-container .video-wrapper .video-container-patient {
    flex-basis: 100%;
    width: 100%;
    padding: 30px 30px;
  }
}
body.path-frontpage article .video-container > h2 {
  color: #202020;
  text-align: center;
  font-family: Inter;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
body.path-frontpage article .video-container p {
  color: #6a6a6a;
  text-align: center;
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media only screen and (max-width: 767px) {
  body.path-frontpage article .video-container {
    flex-direction: column;
  }
}
body.path-frontpage article .why-choose-heading {
  margin: 100px 0 80px;
}
body.path-frontpage article .why-choose-heading p {
  color: #6a6a6a;
  text-align: center;
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
body.path-frontpage article .video-container-clinic h2,
body.path-frontpage article .video-container-clinic h3 {
  color: #333 !important;
  text-align: center;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
body.path-frontpage article .video-container-clinic p {
  color: rgba(51, 51, 51, 0.74) !important;
  text-align: justify;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body.path-frontpage article .video-container-clinic a {
  display: inline-flex;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  background-color: #252e6b;
  padding: 8px 16px;
  border-radius: 50px;
  margin-top: 16px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
body.path-frontpage article .video-container-clinic a strong {
  font-weight: 400;
}
body.path-frontpage article .video-container-clinic a:hover {
  border: 2px solid #252e6b;
  background: transparent;
  border-bottom: 2px solid #252e6b !important;
}

@media only screen and (max-width: 767px) {
  .frontpage-main-container {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  button.navbar-toggler {
    color: #252e6b;
    background: #252e6b;
  }
}
button.navbar-toggler:focus {
  box-shadow: none;
}

.about-us-main-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1177px;
  margin: 20px auto;
  padding: 0 15px;
}
.about-us-main-container p {
  color: #252e6b;
  font-size: 16px;
  font-weight: 500;
}
.about-us-main-container .about-doctor {
  display: flex;
  height: 100%;
  width: 100%;
  flex-flow: row;
  flex-wrap: wrap;
}
.about-us-main-container .about-doctor img {
  max-width: 100%;
}
.about-us-main-container .about-doctor p {
  color: #fff !important;
  font-weight: 600;
}
.about-us-main-container .about-doctor:first-child .doctor-intro.box-rigth {
  flex-basis: 50%;
  padding: 30px 30px;
  background: #e46238;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .about-us-main-container .about-doctor:first-child .doctor-intro.box-rigth {
    flex-basis: 100%;
  }
}
.about-us-main-container .about-doctor:nth-child(2) .doctor-image.box-left:nth-child(1) {
  flex-basis: 50%;
  padding: 30px 30px;
  background: #e46238;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .about-us-main-container .about-doctor:nth-child(2) .doctor-image.box-left:nth-child(1) {
    flex-basis: 100%;
  }
}
.about-us-main-container .doctor-career {
  margin: 50px 0;
}
.about-us-main-container .doctor-career img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .about-us-main-container .doctor-career {
    display: flex;
    flex-wrap: wrap;
  }
}
.about-us-main-container .chirothin-idea {
  display: flex;
  flex-wrap: wrap;
}
.about-us-main-container .chirothin-idea .idea-image {
  flex-basis: 50%;
  padding: 30px 30px;
  background: #252e6b;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .about-us-main-container .chirothin-idea .idea-image {
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .about-us-main-container .chirothin-idea .idea-image img {
    max-width: 100%;
    object-fit: contain;
  }
}
.about-us-main-container .chirothin-idea .idea-origin {
  flex-basis: 50%;
  padding: 30px 30px;
  background: #e46238;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about-us-main-container .chirothin-idea .idea-origin p {
  color: #fff;
}
.about-us-main-container .chirothin-idea .idea-origin p > span {
  display: block;
  text-align: center;
  margin: 10px 0;
}
@media only screen and (max-width: 767px) {
  .about-us-main-container .chirothin-idea .idea-origin {
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .about-us-main-container .chirothin-idea {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}

.contact-us-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 15px;
}
.contact-us-container img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .contact-us-container img {
    object-fit: contain;
  }
}
.contact-us-container .contact-info {
  flex-basis: 50%;
  padding: 30px 30px;
  background: #e46238;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 20px;
}
.contact-us-container .contact-info h2 {
  font-size: 26px;
  color: #fff;
  margin-bottom: 0;
  width: 100%;
}
.contact-us-container .contact-info p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.contact-us-container .contact-info p strong {
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .contact-us-container .contact-info {
    flex-basis: 100%;
  }
}
.contact-us-container .contact-us-img {
  flex-basis: 50%;
  padding: 30px 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .contact-us-container .contact-us-img {
    flex-basis: 100%;
  }
}

.choose-plain-subscription {
  width: 100%;
  max-width: 1200px;
  margin: 100px auto;
}
.choose-plain-subscription h2 {
  color: #565656;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .choose-plain-subscription {
    padding: 0 15px;
  }
}

#block-chirothintracker-subtheme-views-block-faqs-block-1 {
  width: 100%;
  max-width: 1200px;
  margin: 100px auto;
}
#block-chirothintracker-subtheme-views-block-faqs-block-1 h2 {
  text-align: center;
  color: #565656;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  #block-chirothintracker-subtheme-views-block-faqs-block-1 {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .view-faqs {
    padding: 0 15px;
  }
}
.view-faqs .view-content > .views-row {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .view-faqs .view-content > .views-row {
    flex-wrap: wrap;
  }
}
.view-faqs .view-content > .views-row .views-row {
  flex-basis: 48%;
}
@media only screen and (max-width: 767px) {
  .view-faqs .view-content > .views-row .views-row {
    flex-basis: 100%;
  }
}
.view-faqs .view-content > .views-row .views-accordion-header {
  display: flex;
  width: 626.39px;
  height: 135.017px;
  padding: 22px 36px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  border-radius: 17.707px;
  background: #fff;
  box-shadow: 0px 5.533px 17.707px 0px rgba(8, 15, 52, 0.06);
  color: #202020;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  border: 0;
}
.view-faqs .view-content > .views-row .views-accordion-header:before {
  content: "";
  background: #4d4d4d;
  position: absolute;
  right: 30px;
  top: 36%;
  width: 3px;
  height: 22%;
  transform: rotate(90deg);
  transition: opacity 0.3s ease;
}
.view-faqs .view-content > .views-row .views-accordion-header:after {
  content: "";
  background: #4d4d4d;
  position: absolute;
  right: 30px;
  top: 36%;
  width: 3px;
  height: 22%;
  transform: translateX(33%);
  transition: opacity 0.3s ease;
}
.view-faqs .view-content > .views-row .views-accordion-header.ui-state-active {
  border: 0;
  box-shadow: 0px -14.467px 17.707px 0px rgba(8, 15, 52, 0.06);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.view-faqs .view-content > .views-row .views-accordion-header.ui-state-active:after {
  opacity: 0;
}
.view-faqs .view-content > .views-row .views-accordion-header.ui-state-active + .ui-accordion-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.view-faqs .view-content > .views-row .views-accordion-header .ui-accordion-header-icon {
  display: none;
}
.view-faqs .view-content > .views-row .views-accordion-header p {
  color: #4d4d4d;
  font-size: 19.921px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.201px;
}
@media only screen and (max-width: 767px) {
  .view-faqs .view-content > .views-row .views-accordion-header span {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .view-faqs .view-content > .views-row .views-accordion-header {
    font-size: 16px;
    width: 100%;
    max-width: 626.39px;
    padding: 20px 20px;
  }
}
.view-faqs .view-content > .views-row .ui-accordion-content {
  border: 0 !important;
  border-radius: 17.707px;
  background: #fff;
  box-shadow: 0px 5.533px 17.707px 0px rgba(8, 15, 52, 0.06);
}

.view-subscription-product .view-header {
  margin-bottom: 80px;
}
.view-subscription-product .view-header p {
  color: #6a6a6a;
  text-align: center;
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media only screen and (max-width: 767px) {
  .view-subscription-product .view-header p {
    font-size: 22px;
  }
}

body:not(.administrator) .commerce-product-form .layout-region--commerce-secondary {
  display: none;
}

.commerce-product-form {
  width: 100%;
  max-width: 1200px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.commerce-product-form .form-item {
  width: 100%;
  margin-right: 0;
}
.commerce-product-forminput,
.commerce-product-form select,
.commerce-product-form textarea,
.commerce-product-form label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-product-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-product-form textarea {
  margin: 10px 0;
}
.commerce-product-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.commerce-product-form input,
.commerce-product-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.commerce-product-form input:focus,
.commerce-product-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.commerce-product-form fieldset legend {
  color: #252e6b;
  font-weight: 600;
}
.commerce-product-form fieldset .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.commerce-product-form fieldset .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.commerce-product-form fieldset .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.commerce-product-form fieldset .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-product-form table td input#edit-field-recipe-ingredient-0-actions-delete {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.commerce-product-form table td input#edit-field-recipe-ingredient-0-actions-delete:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.commerce-product-form .js-filter-wrapper .form-wrapper {
  margin: 30px 0;
  text-transform: uppercase;
  padding: 20px 0px;
  color: #fff;
  border-top: 2px solid #252e6b;
  border-bottom: 2px solid #252e6b;
}
.commerce-product-form .js-filter-wrapper .form-wrapper > a {
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in;
}
.commerce-product-form .js-filter-wrapper .form-wrapper > a:hover {
  color: #e46238;
  background: transparent;
  border: 1px solid #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.commerce-product-form .filter-guidelines-item {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}
.commerce-product-form .filter-guidelines-item ul.tips {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.commerce-product-form .filter-guidelines-item ul.tips li {
  margin-left: 0;
  font-size: 14px;
  text-transform: capitalize;
}
.commerce-product-form .filter-guidelines-item ul.tips li > a {
  color: #252e6b;
  font-weight: 600;
  font-size: 13px;
}
.commerce-product-form .filter-guidelines-item:hover {
  border: 4px solid #252e6b;
}
.commerce-product-form .tabledrag-toggle-weight-wrapper {
  margin: 1em 0;
}
.commerce-product-form .tabledrag-toggle-weight-wrapper button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.commerce-product-form .tabledrag-toggle-weight-wrapper button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.commerce-product-form .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.commerce-product-form .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.commerce-product-form .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.commerce-product-form .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-product-form .form-type-checkbox .form-checkbox {
  width: auto;
  height: 22px;
  margin: 0;
  margin-right: 10px;
}
.commerce-product-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.commerce-product-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.commerce-product-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
.commerce-product-form .form-actions a#edit-actions-delete {
  border-radius: 50px;
  padding: 6px 40px;
}
.commerce-product-form .layout-commerce-form {
  grid-template-columns: auto !important;
}
@media only screen and (max-width: 767px) {
  .commerce-product-form {
    padding: 20px 20px;
  }
}

.view-free-trial a.button.button-primary {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  display: inline;
  text-align: center;
}
.view-free-trial a.button.button-primary svg {
  margin-right: 12px;
}
.view-free-trial a.button.button-primary:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
  border-bottom: 1px solid #252e6b !important;
}

.commerce-product-variation-form {
  width: 100%;
  max-width: 1200px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.commerce-product-variation-form .form-item {
  width: 100%;
  margin-right: 0;
}
.commerce-product-variation-forminput,
.commerce-product-variation-form select,
.commerce-product-variation-form textarea,
.commerce-product-variation-form label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-product-variation-form .form-type-textarea label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-product-variation-form textarea {
  margin: 10px 0;
}
.commerce-product-variation-form textarea:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.commerce-product-variation-form input,
.commerce-product-variation-form select {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.commerce-product-variation-form input:focus,
.commerce-product-variation-form select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.commerce-product-variation-form .form-checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.commerce-product-variation-form .form-checkboxes .form-type-checkbox {
  flex-basis: 273px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.commerce-product-variation-form .form-checkboxes .form-type-checkbox input {
  width: auto;
  height: 22px;
}
.commerce-product-variation-form .form-checkboxes .form-type-checkbox label {
  color: #252e6b;
  font-weight: 600;
}
.commerce-product-variation-form .form-type-checkbox .form-checkbox {
  width: auto;
  height: 22px;
  margin: 0;
  margin-right: 10px;
}
.commerce-product-variation-form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.commerce-product-variation-form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.commerce-product-variation-form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .commerce-product-variation-form {
    padding: 20px 20px;
  }
}

.clinician-orders form .form-wrapperinput,
.clinician-orders form .form-wrapper select,
.clinician-orders form .form-wrapper textarea,
.clinician-orders form .form-wrapper label {
  color: #252e6b;
  font-weight: 600;
}
.clinician-orders form .form-wrapper input,
.clinician-orders form .form-wrapper select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
}
.clinician-orders form .form-wrapper input:focus,
.clinician-orders form .form-wrapper select:focus {
  border-color: #e46238;
  box-shadow: 0 0 0 0.25rem #e46238;
}
.clinician-orders form .form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.clinician-orders form .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.clinician-orders form .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
}
@media only screen and (max-width: 767px) {
  .clinician-orders form {
    padding: 20px 20px;
  }
}

.action-links li a {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  display: inline;
  text-align: center;
}
.action-links li a:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
  border-bottom: 1px solid #252e6b !important;
}

.shipment-details {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  padding: 40px 40px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.shipment-details .field {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 600;
  color: #e46238;
  margin-bottom: 16px;
}
.shipment-details .field .field__label {
  font-size: 14px;
  font-weight: 600;
  color: #252e6b;
  margin-bottom: 8px;
}
.shipment-details .field .field__item {
  color: #e46238;
  font-size: 15px;
}
.shipment-details .form-wrapper a.button {
  height: 40px;
  background: #252e6b;
  border-radius: 50px;
  font-weight: 600;
  color: #fff;
  padding: 6px 30px;
  font-size: 14px;
  line-height: 26px;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.shipment-details .form-wrapper a.button:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
  border-bottom: 1px solid #252e6b !important;
}

.form-item-upload label {
  color: #252e6b;
  font-weight: 600;
}
.form-item-upload input.form-file {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  margin: 10px 0;
}

.form-type-managed-file .description {
  text-transform: uppercase;
  background: #e46238;
  padding: 30px 30px;
  color: #fff;
  margin: 30px 0;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 4px solid transparent;
}

.view-media-library .view-header a.views-display-link {
  text-align: center;
  border: 0;
  color: #252e6b !important;
  padding: 12px 30px;
  background-color: transparent !important;
  border-color: transparent;
  border-radius: 0px;
  transition: all 0.3s ease-in;
}
.view-media-library .view-header a.views-display-link.is-active {
  background-color: #e46238 !important;
  border-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #fff !important;
}
.view-media-library .view-header a.views-display-link:hover {
  border: 1px solid #252e6b !important;
  border-radius: 0;
}
.view-media-library .view-filters {
  margin-top: 50px;
}

.ui-dialog .ui-widget-header {
  background-color: #e46238 !important;
  color: #fff !important;
  padding: 16px 16px;
}
.ui-dialog .ui-dialog-buttonpane {
  background-color: #e46238;
}
.ui-dialog .ui-dialog-buttonpane button.form-submit {
  height: 40px;
  font-weight: 600;
  color: #fff;
  background: transparent;
  border-radius: 50px;
  padding: 4px 40px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
  transition: 0.3s ease-in;
}
.ui-dialog .ui-dialog-buttonpane button.form-submit:hover {
  border-color: #252e6b;
  color: #252e6b;
}

form.js-media-library-views-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 50px 0;
}
form.js-media-library-views-form .js-media-library-item {
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  flex-basis: 23%;
  min-width: 23%;
  min-height: 250px;
  padding: 20px 20px;
  border-radius: 12px;
  outline: 2px solid transparent;
}
form.js-media-library-views-form .js-media-library-item:hover {
  outline: 2px solid #252e6b;
}
form.js-media-library-views-form .js-media-library-item article div + div {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  max-width: 300px;
}

table td.views-field .flag-new-order-personal a {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
  min-width: 55px;
  color: rgb(255, 255, 255) !important;
  background: rgb(37, 46, 107);
  border-radius: 50px;
  padding: 4px 16px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(37, 46, 107);
  border-image: initial;
  transition: 0.3s ease-in;
}
table td.views-field .flag-new-order-personal a > span {
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-weight: 500;
  padding: 0px;
  background: transparent;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
}

.view-id-commerce_products.view-display-id-page_3 .views-infinite-scroll-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.view-id-commerce_products.view-display-id-page_3 .views-infinite-scroll-content-wrapper .views-row {
  flex-basis: 23%;
  overflow-y: auto;
  scrollbar-width: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 20px;
  padding: 40px;
  border-radius: 12px;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  cursor: pointer;
}
.view-id-commerce_products.view-display-id-page_3 .views-infinite-scroll-content-wrapper .views-row .views-field-field-subscription-image .field--name-field-media-image {
  min-height: 397px;
}
.view-id-commerce_products.view-display-id-page_3 .views-infinite-scroll-content-wrapper .views-row .views-field-title {
  margin-bottom: 12px;
}
.view-id-commerce_products.view-display-id-page_3 .views-infinite-scroll-content-wrapper .views-row .views-field-title a {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.view-id-commerce_products.view-display-id-page_3 .views-infinite-scroll-content-wrapper .views-row .views-field-price__number span.field-content {
  font-size: 18px;
  font-weight: 700;
  color: #252e6b;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .view-id-commerce_products.view-display-id-page_3 .views-infinite-scroll-content-wrapper .views-row {
    flex-basis: 44%;
  }
}
@media only screen and (max-width: 767px) {
  .view-id-commerce_products.view-display-id-page_3 .views-infinite-scroll-content-wrapper .views-row {
    flex-basis: 100%;
  }
}
.view-id-commerce_products.view-display-id-page_3 .views-infinite-scroll-content-wrapper .views-row:hover {
  transform: translateY(-10px);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
}

.navbar-brand img {
  margin-left: 16px;
}

.profile-customer-address-book-edit-form {
  width: 100%;
  max-width: max-content;
  margin: 0px auto;
  padding: 20px 20px;
  overflow-y: auto;
  margin-bottom: 20px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.profile-customer-address-book-edit-form::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 767px) {
  .profile-customer-address-book-edit-form {
    padding: 20px 20px;
    box-shadow: none;
  }
}

@media only screen and (max-width: 767px) {
  .address-container-inline > .form-item {
    width: 100%;
  }
}

label {
  color: #252e6b;
  font-weight: 600;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=date],
input[type=time],
select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0 10px;
  margin: 10px 0;
  font-size: 14px;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=time]:focus,
select:focus {
  border-color: #e46238 !important;
  box-shadow: 0 0 0 0.25rem #e46238 !important;
}

input[type=submit] {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
input[type=submit]:hover {
  background: transparent !important;
  border: 1px solid #252e6b;
  color: #252e6b;
}

input[type=file] {
  height: 50px;
  border-radius: 4px;
  border: 2px solid #252e6b;
  background-color: #fff;
  padding: 8px 8px;
  margin: 10px 0;
  font-size: 14px;
}
input[type=file]::file-selector-button {
  background-color: #252e6b;
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 4px;
  cursor: pointer;
}
input[type=file]::file-selector-button:hover {
  background-color: #e46238;
}

a.button--danger {
  height: 40px;
  width: auto;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
a.button--danger:hover {
  background: transparent;
  border: 1px solid #252e6b;
  border-bottom: 1px solid #044d7d !important;
  color: #252e6b;
}

a.button--primary {
  height: auto;
  background: #044d7d;
  border-radius: 50px;
  padding: 8px 40px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #044d7d;
  transition: all 0.3s ease-in;
}
a.button--primary:hover {
  color: #044d7d;
  background: transparent;
  border: 1px solid #044d7d;
  border-bottom: 1px solid #044d7d !important;
}

.webform-submission-form .webform-details-toggle-state {
  height: 40px;
  width: auto;
  background: #252e6b;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.webform-submission-form .webform-details-toggle-state:hover {
  background: transparent;
  border: 1px solid #252e6b;
  color: #252e6b;
  text-decoration: none;
}
.webform-submission-form details {
  border: 0;
}
.webform-submission-form summary.card-header.bg-light {
  padding: 12px 12px;
  color: rgb(255, 255, 255);
  font-weight: 400;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #e46238 !important;
}
.webform-submission-form .form-type-checkbox {
  display: flex;
  align-items: center;
}
.webform-submission-form .form-type-checkbox input[type=checkbox] {
  width: 1em;
  height: 1em;
  padding: 0;
}
.webform-submission-form .form-type-checkbox input[type=checkbox]:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.webform-submission-form .form-type-checkbox label {
  margin-bottom: 0px;
  margin-left: 10px;
}

.contact-message-form ul.vertical-tabs__menu li {
  margin-left: 0;
  padding: 8px 8px;
  background: transparent;
}
.contact-message-form ul.vertical-tabs__menu li.is-selected {
  background: #e46238;
}
.contact-message-form ul.vertical-tabs__menu li.is-selected strong {
  color: #fff;
}
.contact-message-form ul.vertical-tabs__menu li a {
  color: #252e6b;
  font-weight: 600;
}
.contact-message-form ul.vertical-tabs__menu li a:hover {
  outline: unset;
  color: #e46238;
}
.contact-message-form .form-wrapper .form-item > label {
  margin-bottom: 10px;
}

.intake-buttons-containers {
  display: flex;
  align-items: center;
  margin: 20px 0;
  gap: 12px;
}
.intake-buttons-containers a.use-ajax {
  display: flex;
  align-items: center;
  height: 40px;
  background: #e46238;
  border-radius: 50px;
  padding: 4px 24px;
  font-weight: 500;
  color: #fff;
  margin-right: 0;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.intake-buttons-containers a.use-ajax span {
  color: #fff;
}
.intake-buttons-containers a.use-ajax:hover {
  background: transparent;
  border: 1px solid #e46238;
  color: #e46238;
  border-bottom: 1px solid #e46238 !important;
}
.intake-buttons-containers a.use-ajax:hover span {
  color: #e46238;
}
.intake-buttons-containers a.print-recipe {
  color: #e46238;
  font-size: 1.5rem;
}

.credit-card-form__expiration {
  flex-wrap: wrap;
}
.credit-card-form__expiration .form-item {
  width: 100%;
}

.clinic-video video {
  border-radius: 30.712px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 42.2%, #000 100%), lightgray 50%/cover no-repeat;
  height: revert-layer;
  width: 100%;
  object-fit: cover;
}

.patient-video video {
  border-radius: 30.712px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 42.2%, #000 100%), lightgray 50%/cover no-repeat;
  height: revert-layer;
  width: 100%;
  object-fit: cover;
}

table.field-multiple-table {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 3px solid #e46238;
  margin-bottom: 30px;
}
table.field-multiple-table tbody td.field-multiple-drag {
  padding: 16px 16px !important;
}
table.field-multiple-table tbody td {
  padding: 16px 16px;
}
table.field-multiple-table tbody td .form-item input[type=text],
table.field-multiple-table tbody td .form-item input[type=number],
table.field-multiple-table tbody td .form-item select {
  border: 1px solid rgb(204, 204, 204);
  background: transparent;
  border-radius: 4px;
}

.new-messages-links {
  display: flex;
  align-items: center;
  gap: 10px;
}
.new-messages-links a.button--primary {
  padding: 0 !important;
}

.contact-message-form .field--name-field-author {
  display: none;
}

@media only screen and (max-width: 767px) {
  div#block-chirothintracker-subtheme-page-title {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
  }
}

* {
  scrollbar-width: thin;
  scrollbar-color: #063150 #f1f1f1;
  -ms-overflow-style: scrollbar;
}

.bg-dark {
  background-color: #fff !important;
}

.weight-flag-3 {
  border: 0.2em solid #b77a22;
  background-color: #b77a22;
  color: white;
}

.weight-flag-4 {
  border: 0.2em solid #9a3347;
  background-color: #9a3347;
  color: white;
}

.weight-flag-5 {
  color: #fff !important;
  border: 0.2em solid #c9688c;
  background-color: #c9688c;
}

.weight-flag-84 {
  color: #fff !important;
  border: 0.2em solid #5f8dcc;
  background-color: #5f8dcc;
}

.weight-flag-7 {
  color: #fff !important;
  border: 0.2em solid #fbd005;
  background-color: #fbd005;
}

.weight-flag-8 {
  border: 0.2em solid #4b8060;
  background-color: #4b8060;
  color: white;
}

.weight-flag-9 {
  border: 0.2em solid #715090;
  background-color: #715090;
  color: white;
}

.weight-flag-10 {
  border: 0.2em solid #2298a9;
  background-color: #2298a9;
  color: white;
}

.weight-flag-11 {
  border: 0.2em solid #a03884;
  background-color: #a03884;
  color: white;
}

.weight-flag-15 {
  border: 0.2em solid #000;
}

.weight-flag-18 {
  border: 0.2em solid #ef2125;
}

.ui-dialog.ui-corner-all {
  top: 100px !important;
  max-height: 480px;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.ui-dialog.ui-corner-all::-webkit-scrollbar {
  display: none;
}
.ui-dialog.ui-corner-all div#drupal-modal {
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.ui-dialog.ui-corner-all div#drupal-modal::-webkit-scrollbar {
  display: none;
}
.ui-dialog.ui-corner-all .ui-dialog-titlebar {
  background: #e46238;
  color: #fff;
  padding: 20px 20px;
}
.ui-dialog.ui-corner-all .ui-dialog-content {
  max-height: 450px !important;
  padding-bottom: 50px;
}
.ui-dialog.ui-corner-all .webform-submission-add-form {
  margin: 10px auto;
  padding: 20px 20px;
  margin-bottom: 40px;
}
.ui-dialog.ui-corner-all .webform-submission-add-form .js-filter-wrapper .form-wrapper {
  margin: 0px 0;
  padding: 0px 0px;
  border-top: 0px solid #044d7d;
  border-bottom: 0px solid #044d7d;
}
@media only screen and (max-width: 767px) {
  .ui-dialog.ui-corner-all .webform-submission-add-form {
    padding: 10px 10px;
  }
}
.ui-dialog.ui-corner-all .ui-dialog-buttonpane {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999999;
}
.ui-dialog.ui-corner-all .webform-element-description {
  text-transform: uppercase;
  background: #e46238;
  padding: 10px 10px;
  color: #fff;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.ui-dialog.ui-corner-all button.ui-dialog-titlebar-close {
  right: 1rem !important;
  color: #fff !important;
  background-color: #fff !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50px !important;
  opacity: 1 !important;
}
.ui-dialog.ui-corner-all .ui-dialog-buttonpane {
  background: white;
}
.ui-dialog.ui-corner-all .ui-dialog-buttonpane .webform-button--submit {
  height: 40px;
  width: auto;
  background: #044d7d;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.ui-dialog.ui-corner-all .ui-dialog-buttonpane .webform-button--submit:hover {
  background: transparent;
  border: 1px solid #044d7d;
  color: #044d7d;
}
.ui-dialog.ui-corner-all .ck-reset.ck-editor {
  margin-top: 12px;
}
.ui-dialog.ui-corner-all .form-actions .form-submit {
  height: 40px;
  width: auto;
  background: #044d7d;
  border-radius: 50px;
  padding: 4px 40px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease-in;
}
.ui-dialog.ui-corner-all .form-actions .form-submit:hover {
  background: transparent;
  border: 1px solid #044d7d;
  color: #044d7d;
}

html {
  box-sizing: border-box;
}

body, html {
  position: relative;
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
  color: #333;
  background-color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  vertical-align: baseline;
}

a:link, a:visited {
  border-bottom: 0 !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none !important;
}

a img {
  border: 0;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
td,
th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
}

h1 {
  color: #111;
  font-size: 1.5em;
}

h2 {
  font-size: 1.25em;
  color: #333;
}

h3 {
  font-size: 1.125em;
  color: #333;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.75em;
}

h6 {
  font-size: 0.75em;
}

a {
  color: #1196ca;
  text-decoration-color: #13a4dd;
  text-underline-offset: 4px;
}
a.action {
  border-bottom-color: #CCC;
}

p {
  line-height: 1.5;
}
p.important {
  padding: 20px;
  background-color: #111;
  width: 80%;
  margin: 20px auto;
}

em {
  font-style: italic;
}

strong {
  font-weight: 700;
}

ul.inline li, ul.inline dd, dl.inline li, dl.inline dd, ol.inline li, ol.inline dd {
  display: inline-block;
}

hr {
  border: none;
  border-top: 4px dotted #C0C0C0;
  margin-top: 20px;
  margin-bottom: 20px;
}
hr.blue {
  border-top: 4px solid #056585;
  position: relative;
  right: 20%;
  width: 100%;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
hr.red {
  position: relative;
  right: 20%;
  border-top: 4px solid #C60C46;
  width: 100%;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}

picture {
  display: block;
}

h1 {
  color: #C60C46;
  margin-bottom: 10px;
}
h1.no-bottom-margin {
  margin-bottom: 0;
}

h2 {
  margin-bottom: 10px;
}

p {
  font-size: 1.1875em;
  margin-bottom: 10px;
}

ul li {
  list-style-type: none !important;
  margin-left: 1.2rem;
}

ul, ol {
  margin-left: 1rem;
}

a {
  text-decoration: none;
  border-bottom: 1px solid white;
}

h1 {
  font-weight: 700;
  margin-bottom: 10px;
  color: #333;
}
h1 a {
  color: inherit;
}
h1.no-bottom-margin {
  margin-bottom: 0;
}

h2 {
  margin-bottom: 10px;
  font-weight: 600;
  color: #333;
}
h2 a {
  color: inherit;
}

h3 {
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #C60C46;
  font-weight: 400;
}
a:link, a:visited {
  border-bottom: 1px solid rgb(240.7714285714, 20.2285714286, 89);
}
a.action {
  display: inline-block;
  border-bottom-color: #CCC;
  margin-top: 20px;
  font-size: 1.125em;
}

iframe {
  max-width: 100%;
}

input, select, textarea, label {
  font-size: 1em;
}

p {
  font-size: 1em;
  margin-bottom: 10px;
}
p a {
  font-weight: normal;
  border-bottom: 1px solid rgba(19, 164, 221, 0.4);
}

/* ul:not(.grid):not(.unformatted), ol {
	margin-left: 1rem;
} */
ol {
  list-style-type: decimal;
}
ol.lower-alpha {
  list-style-type: lower-alpha;
}

.strong {
  font-weight: 700;
}

.stronger {
  font-weight: 900;
}

ul:not(.grid):not(.unformatted) {
  font-size: 1rem;
  list-style-type: circle;
  /* li {
  	margin-left: 1.2rem;
  } */
}
ul:not(.grid):not(.unformatted).large {
  font-size: 1.25rem;
}
ul:not(.grid):not(.unformatted).no-icon {
  list-style-type: none;
  margin-left: 0;
}
ul:not(.grid):not(.unformatted).no-icon li {
  margin-left: 0;
}
ul:not(.grid):not(.unformatted).no-icon .no-icon li {
  margin-left: 1.2rem;
}

.inverse {
  color: #FFF;
}
.inverse h1 {
  color: inherit;
}

/*# sourceMappingURL=style.css.map */