@import url(https://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:400,700);
@charset "UTF-8";
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*color1*/
/*color2*/
/*color3*/
/*color4*/
/*color5*/
.main-sidebar.main-sidebar-sticky {
  background: #fff;
}

.bg-primary {
  background-color: #afb2f4 !important;
}

table .badge {
  padding: 10px 20px 9px !important;
}

.badge-success-light {
  background: #d7eedf;
}

.badge-warning-light {
  background: #fcf5e4;
}

.badge-danger-light {
  background: #fbe8e8;
}

.badge-dark {
  background: #e9e9e9;
  color: #a8a8a8;
}

.badge-info-light {
  background: #d3f0fd;
}

.badge-delivered {
  background: #e5e2ff;
  color: #5a50c6;
}

.badge-special {
  background: #ea6b77;
  color: #fff;
}

.badge-planfie {
  background: #d3f0fd;
  color: #01bffe;
}

.main-content-title {
  color: #626464;
  text-transform: uppercase;
}

.badge {
  font-size: 85%;
  padding: 10px 20px 10px;
}

label {
  color: #000;
}

.form-group label {
  color: #000;
}
.form-group input,
.form-group select {
  color: #585858;
  font-weight: 600;
}

.col-form-label {
  color: #000;
}

.listing-orders span.error {
  color: #fd6074;
  display: block;
  font-weight: 500;
}
.listing-orders span.error:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  float: right;
  font-weight: 600;
}

.panel.profile-cover .profile-cover__img {
  top: 20px;
}
.panel.profile-cover .profile-cover__action {
  background: url(../../img/media/crypto.jpg) no-repeat;
  background-size: cover;
}

.profile-cover__action.bg-img.profileStyle {
  padding: 170px 30px 0px 180px;
  background: url(../../img/dots.jpg) repeat;
  background-size: auto;
}

.btn-profile.newstyle {
  bottom: 30px;
}

.main-content-body-profile .form-label,
.main-content-body-profile .media-body {
  color: #333;
}

.main-content-body-profile .form-control {
  color: #333;
}

.main-header .main-header-center {
  visibility: hidden;
}

.weekSlots {
  cursor: pointer;
}
.weekSlots.activeSlot {
  background: #e6e6e6;
  color: #62b774;
  font-weight: 700;
}
.weekSlots.activeSlot .badge.badge-success {
  background-color: #62b774 !important;
}

.stopaction {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  background: rgba(255, 255, 255, 0.7);
}

.frontCalendar .clientCalendarContainer > .container > .row > .col-md-4 h6.error-message {
  color: #bb4040;
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #b76262;
  padding: 1rem;
  text-align: center;
  line-height: 1.4;
  background-color: rgba(183, 98, 98, 0.14);
}

#notify_conseiller,
#notify_CIR {
  float: left;
  width: 20px;
}

@media only screen and (max-width: 767px) {
  .filtersWrapper .form-row.m-0 .col {
    flex-basis: 100%;
    margin-bottom: 10px;
  }
  .filtersWrapper .d-flex.filtersContainer {
    display: block !important;
  }
  .filtersWrapper .d-flex.filtersContainer > div {
    margin-bottom: 1rem;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
  }
}
select option {
  color: #585858;
}
select option:disabled {
  color: #aaaaaa;
}

.campaignTable {
  width: 100%;
  text-align: center;
}
.campaignTable th,
.campaignTable td {
  text-align: center;
}
.campaignTable thead {
  text-align: center;
  font-weight: bold;
  background-color: #939090;
  color: #fff;
}
.campaignTable thead tr,
.campaignTable thead th {
  text-align: center;
}
.campaignTable thead th {
  padding: 0.5rem;
}

.listing-orders table td a {
  white-space: normal;
}
.listing-orders table td.clientName a {
  white-space: inherit;
}

.paginationContainer {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.paginationContainer .pagination-caption {
  font-style: italic;
  font-weight: 400;
}

.input-group.month h5 {
  color: #000 !important;
}

.main-content .container-fluid {
  padding-bottom: 25px;
}

.orderDetailsDescription {
  max-width: 250px;
  white-space: pre-wrap;
}

.commandDetailsActions .btn,
.commandDetailsActions .btn.btn-sm {
  color: #fff !important;
}

.modal .modal-header .modal-title {
  line-height: inherit;
  padding-right: 2rem;
}

.removeField {
  align-items: center;
  display: flex;
  color: #fff;
  margin-left: 1rem;
}

.forceW {
  color: #fff !important;
}

.toUapperCase {
  text-transform: uppercase !important;
}

.table thead th {
  vertical-align: middle;
  white-space: nowrap;
}
.table thead th a {
  display: flex;
}

.table thead th,
.table thead td {
  letter-spacing: 0;
}

.ecommDashboard .custom-card .card-body .card-order {
  flex-direction: column;
}
.ecommDashboard .custom-card .card-body label {
  min-height: 70px;
}
.ecommDashboard .custom-card .card-body .details {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}
.ecommDashboard .custom-card .card-body .details ul li {
  font-weight: 600;
}
.ecommDashboard .custom-card .card-body .details ul li span {
  font-weight: 600;
}
.ecommDashboard .showList {
  display: inline-block;
  margin-left: 1rem;
  font-weight: 500;
}
.ecommDashboard .table {
  text-align: center;
}
.ecommDashboard .table th,
.ecommDashboard .table td {
  text-align: center;
}
.ecommDashboard .table.contactsTable th,
.ecommDashboard .table .newsletterTable th {
  height: 3.75rem;
}
.ecommDashboard .table thead th {
  white-space: normal;
}
.ecommDashboard .listing-orders .filter {
  padding: 1rem;
  justify-content: space-between;
}
.ecommDashboard .listing-orders .filter label,
.ecommDashboard .listing-orders .filter .multiselect {
  flex: 1;
}
.ecommDashboard .listing-orders .filter label {
  color: #6259ca;
}
.ecommDashboard .ajaxTableWrapper {
  position: relative;
}
.ecommDashboard .ajaxTableWrapper #global-loader {
  position: absolute;
}
.ecommDashboard .ajaxTableWrapper #global-loader .loader-img {
  top: 100px;
}
.ecommDashboard .newsletter h2,
.ecommDashboard .contact h2 {
  color: #6259ca;
}

.main-footer {
  margin-top: 2rem;
}

.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid #6259ca;
  border-color: #6259ca transparent #6259ca transparent;
  -webkit-animation: lds-hourglass 1.2s infinite;
          animation: lds-hourglass 1.2s infinite;
}

@-webkit-keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}
.tableWrapper {
  max-height: 550px;
  padding-bottom: 25px;
  overflow-y: auto;
}

.cd-timeline.lneTimeLine {
  background-color: #e8e6fe;
}
.cd-timeline.lneTimeLine .cd-timeline__content h5 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.cd-timeline.lneTimeLine .cd-timeline__content h3 {
  font-size: 1rem;
}
.cd-timeline.lneTimeLine .cd-timeline__content h3 a {
  text-decoration: underline;
}
.cd-timeline.lneTimeLine .cd-timeline__content h3 a:hover {
  text-decoration: none;
}
.cd-timeline.lneTimeLine .cd-timeline__content .cd-timeline__date {
  margin: 0 1.5rem;
  font-weight: 500;
  text-transform: capitalize;
  color: #6259ca;
  font-size: 0.95rem;
}
.cd-timeline.lneTimeLine .cd-timeline__block {
  margin-bottom: 2rem;
}

.cd-timeline__container::before {
  background: #fff;
}

.timelineFilters {
  width: 100% !important;
}
.timelineFilters .filterYear {
  text-align: right;
}
.timelineFilters .filterYear,
.timelineFilters .filterCategory {
  padding: 0 1.5rem;
}
.timelineFilters .filterYear select,
.timelineFilters .filterCategory select {
  min-width: 55%;
}

.contact-details .table-responsive table th,
.contact-details .table-responsive table td {
  padding: 1rem;
}

#pills-profile .customer-subscription,
#pills-profile .customer-invoices {
  display: block;
}

.listing-orders .filtersWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.listing-orders .filtersWrapper .select-filter {
  display: flex;
  align-items: center;
}
.listing-orders .filtersWrapper .select-filter label {
  font-weight: 500;
  text-transform: uppercase;
}
.listing-orders .filtersWrapper .select-filter .select-wrapper {
  flex: 1;
  min-width: 200px;
}

#pills-tab .nav-pills .nav-link {
  font-weight: 500;
  text-transform: uppercase;
}

.importBtn {
  margin-bottom: 1rem;
}

.importBox {
  margin-bottom: 1rem;
}

.exportOrders {
  margin-top: 1rem;
}

.clientNameTh,
.clientNameTd {
  max-width: 200px;
  word-wrap: break-word;
}
.clientNameTh a,
.clientNameTd a {
  white-space: normal !important;
}

.importBox {
  background-color: #f1f1f1;
  padding: 30px;
  border-radius: 10px;
}

.uploadFile input[type=file],
.uploadFile .uploadInput {
  position: absolute;
  top: 0;
  z-index: 99;
  opacity: 0;
  cursor: pointer;
}
.uploadFile .custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  min-width: 50%;
  background-color: #fff;
}

#more-filters-fields label {
  font-weight: 500;
}

.filterSearchDate h5 {
  margin-top: 0 !important;
  padding-bottom: 1.5rem;
}

.fromTo {
  padding-bottom: 2rem;
}
.fromTo .from,
.fromTo .to {
  display: flex;
  align-items: center;
}
.fromTo .from label,
.fromTo .to label {
  font-weight: 500 !important;
  padding-right: 1rem !important;
  width: auto !important;
}
.fromTo.commande {
  padding-bottom: 0 !important;
}

.searchReset {
  text-align: center;
  display: block !important;
}
.searchReset button {
  padding-right: 2.2rem;
  padding-left: 2.2rem;
}

.importExport {
  margin-bottom: 1.5rem;
}
.importExport button {
  margin-bottom: 0 !important;
  margin-right: 1rem;
}

.resetBtn {
  border-color: gray;
}

.clientNameTh a {
  white-space: nowrap !important;
}

.main-header .main-header-center a,
.btn-primary {
  transition: all 0.5s;
  position: relative;
}
.main-header .main-header-center a:before,
.btn-primary:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s;
}
.main-header .main-header-center a:hover::before,
.btn-primary:hover::before {
  opacity: 0;
  transform: scale(0.5, 0.5);
}
.main-header .main-header-center a:after,
.btn-primary:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transform: scale(1.2, 1.2);
}
.main-header .main-header-center a:hover::after,
.btn-primary:hover::after {
  opacity: 1;
  transform: scale(1, 1);
}

.switch {
  width: 53px;
  height: 25px;
  margin-right: 0.5rem;
}

.slider:before {
  height: 18px;
  width: 20px;
}

.newUserAcc label {
  font-weight: 500;
}
.newUserAcc > label {
  margin-bottom: 1rem;
  font-size: 1.01rem;
}

.no-items-found {
  font-style: italic;
}
.no-items-found .icon-magnifier {
  display: none;
}

.sync {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
}

#app {
  min-height: calc(100vh - 145px);
}

.contact-details .subscriptions-plans ul li b[hidden] {
  display: block !important;
  visibility: hidden !important;
}

.contact-details .subscriptions-plans h4 {
  display: block;
  width: 100%;
  text-align: center;
}

.contact-details .subscriptions-plans ul li span.currency {
  visibility: hidden;
  display: none !important;
}

.contact-details .subscriptions-plans ul {
  width: 100%;
}

.contact-details .subscriptions-plans ul li {
  align-items: normal;
}

.card.contact .create-new-contact label {
  font-weight: 500;
}

.page .side-menu .nav-sub a.nav-link {
  font-weight: 500;
}

.contact-details .table-responsive table th {
  font-weight: 500;
}

.nopadding {
  padding: 0 !important;
}

.leftmenu .sidebarClient .d-flex {
  align-items: center;
  align-content: space-between;
  background-color: #fff;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.leftmenu .sidebarClient .d-flex img {
  max-width: 100px;
  max-height: 35px;
  filter: contrast(0.5);
}
.leftmenu .sidebarClient .d-flex span {
  text-transform: uppercase;
  font-size: 14px;
  padding-right: 0.5rem;
  font-weight: 500;
  flex: 1;
  padding-left: 1rem;
}
.leftmenu.main-sidebar-hide .sidebarClient {
  display: none;
}
.leftmenu.main-sidebar-hide .side-menu .main-logo .icon-logo {
  max-width: 65px;
}

.side-menu .header-brand-img {
  max-width: 80px;
}

.main-header-right .clientLogo {
  padding-right: 1rem;
  border-right: 1px solid #e8e8f7;
}
.main-header-right .clientLogo img {
  max-width: 100px;
  max-height: 35px;
  filter: contrast(0.5);
}
.main-header-right .main-header-notification {
  display: none;
}
.main-header-right .main-profile-menu a {
  padding: 0.6rem 0.6rem;
}

.welcomeCard {
  overflow-y: hidden;
  background: #212121 !important;
}
.welcomeCard img {
  max-height: 100%;
  bottom: auto;
  left: 1rem;
  max-width: 125px;
}
.welcomeCard .img-bg {
  border-left: 1px solid gray;
  padding-left: 2rem;
}
.welcomeCard:hover {
  background: #212121 !important;
}

.card.addNewOffer {
  background-color: #4c29cb;
  color: #fff;
}
.card.addNewOffer label {
  font-size: 21px;
  text-transform: uppercase;
  padding-bottom: 0.9rem;
  color: #403fad;
}
.card.addNewOffer .text-muted {
  color: #fff !important;
}
.card.addNewOffer:hover label {
  color: #fff !important;
}

.addOfferBtnIcon img {
  max-height: 90px;
}

.recentBuying .card .card-header,
.allStores .card .card-header {
  display: flex;
  justify-content: space-between;
}

.statistics .card-item .card-item-title {
  margin-bottom: 0.5rem;
}
.statistics .card-item h4 {
  font-size: 1.5rem;
}
.statistics .card-item-icon {
  font-size: 1.1rem;
}
.statistics .card-item-icon.sendCard {
  background: rgba(247, 197, 68, 0.3) !important;
  color: #f7c544;
}
.statistics .card-item-icon.validateCard {
  background: rgba(1, 184, 255, 0.3) !important;
  color: #01b8ff;
}
.statistics .card-item-icon.cardSign {
  background: rgba(98, 183, 116, 0.3) !important;
  color: #62b774;
}
.statistics .card-item-icon.cardRejected {
  background: rgba(168, 168, 168, 0.3) !important;
  color: #a8a8a8;
}
.statistics .card-item-icon.pendingsCard {
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  background-color: #403fad;
}

.appointments .appointmentTitle {
  padding-bottom: 1rem;
  padding-top: 1rem;
  margin-bottom: 0.5rem;
}
.appointments .appointmentTitle label {
  padding-top: 0 !important;
}
.appointments .btnsContainer {
  padding-top: 0.5rem;
}
.appointments .btnsContainer .btn {
  text-transform: uppercase;
}
.appointments .btnsContainer .btn i {
  font-size: 1.1rem;
}

.zoneChart .legend table tr {
  padding-bottom: 0.2rem;
}
.zoneChart .legend table tr .legendColorBox div div {
  border-radius: 5px;
  width: 15px !important;
  border-width: 10px !important;
  margin-right: 0.5rem;
}
.zoneChart .legend table tr .legendLabel {
  font-size: 1rem;
  font-weight: 600;
}
.zoneChart .pieLabel div {
  font-size: 0.75rem !important;
  font-weight: 500;
}

.dashboardChart .chartInnerCard .card-body {
  padding-bottom: 58px;
}
.dashboardChart .chartInnerCard .card-body .legend {
  opacity: 0.75;
}

.salesTimeLine .custom-card {
  min-height: 500px;
}

.input-group-addon i {
  display: none;
}

.card {
  margin-top: 50px;
}

input.form-control.input.flatpickr.flatpickr-input {
  border-radius: 5px;
}

.card-footer {
  display: flex;
  justify-content: center;
}

table .col-auto {
  margin: 0 10px 0 0;
}

.main-signin-wrapper .signpages .details .header-brand-img {
  max-width: 90px !important;
  filter: brightness(0) invert(1);
}

#interestsModal .form-check {
  padding: 11px 1rem !important;
  margin-right: 0 !important;
  display: flex;
}

.card.contact .card-header {
  font-size: 24px;
  font-weight: 500;
}
.card.contact .card-header i {
  margin-right: 10px;
}
.card.contact .create-new-contact #address_pilling,
.card.contact .create-new-contact #address_delivery {
  width: 100%;
  float: left;
}
.card.contact .create-new-contact #address_pilling input,
.card.contact .create-new-contact #address_delivery input {
  margin: 0;
}
.card.contact .create-new-contact .form-check {
  padding-left: 15px !important;
  margin-right: 15px;
}
.card.contact .create-new-contact .form-check input[type=radio] {
  position: relative;
  left: 0;
  margin: 0;
}
.card.contact .create-new-contact .offer {
  padding-left: 15px;
}
.card.contact .create-new-contact .offer input[type=checkbox] {
  margin: 3px 10px 0 0;
}
.card.contact .create-new-contact .main-content-contacts {
  text-align: center;
}
.card.contact .create-new-contact .main-content-contacts input {
  display: inline-block;
  margin: 5px 10px;
}
.card.contact .create-new-contact .hide {
  display: none;
}
.card.contact .create-new-contact .main-content-contacts {
  margin: 0 0 30px 0;
}
.card.contact .create-new-contact .main-content-contacts label.switch.switch-primary {
  margin: 0 30px 0 0;
}
.card.contact .create-new-contact .main-content-left-contacts {
  background-color: #f5f5f5;
  border: 0;
  border-radius: 5px;
  margin-top: 0;
}
.card.contact .create-new-contact .main-content-left-contacts .tab-content {
  padding: 0 15px;
}
.card.contact .create-new-contact .main-content-left-contacts ul.nav {
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0 !important;
}
.card.contact .create-new-contact .main-content-left-contacts ul.nav li {
  flex-basis: 50%;
  height: 100%;
  padding: 0 !important;
}
.card.contact .create-new-contact .main-content-left-contacts ul.nav li a {
  background-color: #ffffff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  color: #c1c1c1;
}
.card.contact .create-new-contact .main-content-left-contacts ul.nav li a.active {
  background-color: #f5f5f5;
  color: #6259ca;
}
.card.contact .create-new-contact input[type=date]::-webkit-inner-spin-button,
.card.contact .create-new-contact input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.card.contact .create-new-contact input,
.card.contact .create-new-contact select,
.card.contact .create-new-contact textarea {
  border-radius: 3px;
}
.card.contact .create-new-contact input.form-control-success,
.card.contact .create-new-contact select.form-control-success,
.card.contact .create-new-contact textarea.form-control-success {
  border-color: #cccccc;
}
.card.contact .create-new-contact textarea {
  min-height: 100px;
}
.card.contact .create-new-contact .form-check {
  padding: 15px !important;
}
.card.contact .create-new-contact .form-check input[type=radio] {
  margin: 0;
  position: relative;
}
.card.contact .create-new-contact .form-check input[type=radio] + label {
  padding: 0 0 0 5px;
  line-height: 25px;
}
.card.contact .create-new-contact label {
  font-weight: 400;
}
.card.contact .create-new-contact label input[type=checkbox] {
  margin: 0 10px 0 0 !important;
  position: relative;
  top: 2px;
}
.card.contact .create-new-contact select {
  background: #ffffff url(../../img/chevron-down-solid.svg) no-repeat 97% center;
  background-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.collapse.in {
  display: block !important;
}

.panel-danger,
.panel-default {
  background-color: #f7f7f7;
  padding: 20px 15px;
  margin: 0 0 30px 0;
  border-radius: 5px;
}

.card-header:first-child {
  padding-bottom: 15px !important;
}

.welcomeCard img {
  max-width: 90px;
  filter: brightness(0) invert(1);
}

img.header-brand-img.mb-2 {
  margin: 0 0 50px 0 !important;
}

.main-header .main-header-center a {
  background-color: #6259ca;
  color: #fff;
  border-radius: 5px;
  height: 40px;
  padding: 0;
  text-align: center;
  width: auto;
  padding: 7px 30px;
  margin-right: 30px;
  font-weight: 600;
  min-width: 220px;
}

.main-header .main-header-center a span {
  display: block;
  text-align: center;
  /* min-width: 60px; */
  text-align: center;
  padding: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-header-center .input-group label {
  display: none;
}

.main-header-center input.form-control[type=search] {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.main-header-center .form-outline select {
  display: none;
}
.main-header-center .form-outline .select2-container {
  width: 100% !important;
}
.main-header-center .form-outline .select2-container span {
  width: inherit;
}
.main-header-center .form-outline .select2-container span.select2-selection__arrow {
  width: 10px !important;
  margin-left: auto;
}
.main-header-center .form-outline .select2-container .select2-selection--single {
  display: flex;
  border: 1px solid #cccccc !important;
  border-radius: 5px !important;
}
.main-header-center .form-outline .select2-container .select2-selection--single b {
  margin-left: auto;
}
.main-header-center .form-outline button {
  display: none;
}

.main-header .main-header-center {
  visibility: visible;
  visibility: visible;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.page .side-menu .nav-item {
  margin: 0 0 15px 0;
}

.page .side-menu .nav-sub a.nav-link {
  font-size: 13px;
}

.page .side-menu .nav-sub li {
  margin: 0;
}

.page .main-sidebar-body li.nav-item.active .nav-link {
  margin: 0;
}

.page .side-menu .nav-sub a.nav-link svg {
  width: 24px;
  height: 24px;
}

.main-content-contacts.table {
  flex-wrap: wrap;
  text-align: center;
  background-color: #f5f5f5;
  padding: 30px;
  margin: 30px 0 0 0;
}
.main-content-contacts.table h4 {
  width: 100%;
  margin-bottom: 1.5rem;
}
.main-content-contacts.table label {
  padding: 0;
}
.main-content-contacts.table .form-group .row {
  margin: 20px 0 0 auto;
}
.main-content-contacts.table .form-group.row .auto input, .main-content-contacts.table .form-group.offer .auto input {
  margin: 0px 10px;
}
.main-content-contacts.table table {
  margin: 15px 0 0 0;
  width: 100%;
  border: 1px solid #ccc;
  table-layout: fixed;
}
.main-content-contacts.table table th {
  text-align: center;
  background-color: #939090;
  color: #fff;
}
.main-content-contacts.table table td {
  border: 1px solid #ccc;
  padding: 0;
  white-space: normal;
  padding: 0.2rem;
}
.main-content-contacts.table table td input {
  max-width: 125px;
  text-align: center;
}

input[type=checkbox] {
  width: 17px;
  margin: 0 10px 0 0;
  height: 20px;
}

.offer.form-group {
  display: flex;
  margin: 30px 0 0 0;
}
.offer.form-group label {
  padding: 0;
}

span.main-img-user svg {
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}

.sidemenu-logo {
  margin-bottom: 30px;
}

.create-new-contact .main-content-app {
  height: auto;
}

.create-new-contact .main-content-app .panel-body {
  height: 500px;
}

.main-sidebar-body .nav-link svg {
  width: 32px;
  height: 32px;
  margin: 0 10px 0 0;
}

.form-group.actions ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
.form-group.actions ul li {
  list-style-type: none;
  margin: 0 15px 15px 0;
}
.form-group.actions ul li.cancel a {
  background-color: #ffffff;
  color: #4c29cb;
  border: 1px solid #4c29cb;
}
.form-group.actions ul li.save-create button {
  background-color: rgba(76, 41, 203, 0.7);
  border: 0;
}
.form-group.actions ul li button,
.form-group.actions ul li a {
  display: inline-block;
  color: #ffffff;
  background-color: #000000;
  border-color: #000;
  padding: 8px 15px;
  border-radius: 5px;
}
.form-group.actions ul li button p,
.form-group.actions ul li a p {
  display: inline-block;
}

.form-check {
  padding-left: 0 !important;
}

.edit-fields {
  background-color: #f1f1f1;
  padding: 50px 15px 50px 30px;
  margin: 0 auto;
  border-radius: 10px;
}
.edit-fields .form-check {
  margin: 0 30px 0 0;
  padding: 0;
}
.edit-fields label.col-form-label {
  padding-left: 0;
}
.edit-fields .form-group {
  width: 100%;
  margin: 0 0 20px 0;
}
.edit-fields input[type=checkbox],
.edit-fields input[type=radio] {
  margin-left: 0;
}
.edit-fields input[type=checkbox] + label,
.edit-fields input[type=radio] + label {
  padding-left: 25px;
}

.search-filters h4 {
  margin: 0 0 10px 0;
}
.search-filters h4.more {
  margin: 30px 0 40px 0;
}
.search-filters h4.more:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin: 0 10px 0 0;
}
.search-filters h4.more.showed:before {
  content: "";
}
.search-filters h5 {
  margin: 30px 0 10px 0;
}
.search-filters .gray-box {
  background-color: #f1f1f1;
  padding: 30px 0;
  border-radius: 10px;
}
.search-filters .input-group {
  margin: 0 0 30px 0;
}
.search-filters .input-group.month, .search-filters .input-group.day {
  display: flex;
  align-items: flex-end;
}
.search-filters .input-group.month h5, .search-filters .input-group.day h5 {
  line-height: 1.5;
  margin: 0;
  width: 100%;
  font-size: 0.875rem;
  color: #626464;
  font-weight: 400;
}
.search-filters .input-group.month label, .search-filters .input-group.day label {
  width: 15%;
  margin: 0 0 10px 0;
}
.search-filters .input-group.month select, .search-filters .input-group.day select {
  width: 85%;
}
.search-filters .input-group span.redheart {
  font-size: 16px;
}
.search-filters .input-group label {
  width: 100%;
  padding: 0;
  margin: 0 0 5px 0;
}
.search-filters .input-group label i {
  color: red;
  display: inline-block;
  margin: 0 5px;
  font-style: normal;
}
.search-filters .input-group label[data-toggle=modal] {
  position: absolute;
  bottom: 0;
}
.search-filters .input-group .select2-search__field {
  height: 29px !important;
}
.search-filters .input-group select,
.search-filters .input-group .select2-selection--multiple {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #ffffff url(../../img/chevron-down-solid.svg) no-repeat 97% center;
  background-size: 16px;
}
.search-filters .input-group input,
.search-filters .input-group select,
.search-filters .input-group .select2-selection--multiple {
  width: 100%;
  height: 40px;
  flex: initial;
}
.search-filters .input-group .multiselect__tags {
  border: 1px solid #cfcfcf;
  display: flex;
}
.search-filters .input-group .multiselect__tags input {
  border: 0;
  font-size: 14px;
  height: auto;
}
.search-filters .input-group .multiselect__tags .multiselect__tags-wrap {
  display: flex;
}
.search-filters .input-group input,
.search-filters .input-group select,
.search-filters .input-group .select2-selection--multiple {
  border: 1px solid #cfcfcf;
  border-radius: 5px !important;
}
.search-filters .input-group textarea {
  width: 100%;
  border: 1px solid #cfcfcf;
  border-radius: 5px !important;
}
.search-filters .input-group input {
  padding: 5px 10px;
}
.search-filters .input-group input[type=checkbox] {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 15px;
}
.search-filters .input-group input[type=checkbox] + label {
  width: auto;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 55px;
}

.card.listing-orders a.certificate {
  display: flex;
  width: 30px;
  height: 30px;
  background-color: #6259ca;
  justify-content: center;
  border-radius: 5px;
  align-items: center;
}
.card.listing-orders a.certificate i {
  color: #ffffff;
}
.card.listing-orders #trackingModal .modal-dialog {
  width: 600px;
  min-width: 600px;
}
.card.listing-orders #trackingModal .modal-dialog .modal-header {
  display: flex;
  justify-content: flex-end;
}
.card.listing-orders #trackingModal .modal-dialog input {
  width: 100%;
  height: 35px;
  margin-bottom: 15px;
  border-radius: 5px !important;
  border: 1px solid #ccc;
  padding: 5px 10px;
}
.card.listing-orders #trackingModal .modal-dialog a {
  background-color: #fff;
  color: #6259ca;
  border-color: #6259ca;
}
.card.listing-orders #trackingModal .modal-dialog button[type=submit] {
  background-color: #6259ca;
  border-color: #6259ca;
}
.card.listing-orders #trackingModal .modal-dialog form {
  display: flex;
  flex-wrap: wrap;
}
.card.listing-orders a.to-add {
  background-color: #6259ca;
  color: #fffff;
  display: block;
  color: #fff;
}
.card.listing-orders a.header-search {
  color: #000;
  margin: -10px 0 15px 0;
}
.card.listing-orders button.dropdown-toggle {
  border: 1px solid #cfcfcf;
  border-radius: 5px;
}
.card.listing-orders .filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 30px 0;
}
.card.listing-orders .filter-btn button.reset-filters {
  margin: 0 10px 30px 0;
  color: #000 !important;
  background-color: #ffffff;
  border-color: #000;
}
.card.listing-orders .filter-btn button.research {
  margin: 0 0 30px 0;
  border-color: #6259ca;
  background-color: #6259ca;
  color: #fff;
}
.card.listing-orders .filter-btn h4 {
  width: 100%;
  text-align: center;
}
.card.listing-orders .search-filters #more-filters-fields {
  margin: 0 15px 30px 15px;
}
.card.listing-orders .search-filters .gray-box {
  display: flex;
  width: 100%;
}
.card.listing-orders .search-filters .gray-box .row {
  margin: 0;
}
.card.listing-orders .search-filters .gray-box .input-group {
  min-height: 69px;
}
.card.listing-orders .search-filters .gray-box .subscriber {
  display: flex;
  align-items: flex-end;
  padding-bottom: 10px !important;
}
.card.listing-orders .search-filters .gray-box .subscriber .tracking.number,
.card.listing-orders .search-filters .gray-box .subscriber .active-subscriber {
  display: flex;
  margin: 0 30px 0 0;
}
.card.listing-orders .search-filters .gray-box .subscriber .tracking.number label,
.card.listing-orders .search-filters .gray-box .subscriber .tracking.number input,
.card.listing-orders .search-filters .gray-box .subscriber .active-subscriber label,
.card.listing-orders .search-filters .gray-box .subscriber .active-subscriber input {
  position: relative;
  left: 0;
}
.card.listing-orders .search-filters .gray-box .subscriber .tracking.number label,
.card.listing-orders .search-filters .gray-box .subscriber .active-subscriber label {
  margin-left: 0;
}
.card.listing-orders .search-filters .gray-box .subscriber .tracking.number .active-subscriber,
.card.listing-orders .search-filters .gray-box .subscriber .active-subscriber .active-subscriber {
  margin-right: 0;
}
.card.listing-orders .search-filters .gray-box .date .row,
.card.listing-orders .search-filters .gray-box .client .row {
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}
.card.listing-orders .search-filters .gray-box .date .row div,
.card.listing-orders .search-filters .gray-box .client .row div {
  width: 50%;
}
.card.listing-orders .search-filters .gray-box .date .row div:first-child,
.card.listing-orders .search-filters .gray-box .client .row div:first-child {
  margin: 0 30px 0 0;
}
.card.listing-orders .no-gutters .col-auto {
  display: flex;
  margin: 0;
}
.card.listing-orders .no-gutters a {
  background-color: #6259ca;
  border-color: #6259ca;
}
.card.listing-orders .no-gutters button,
.card.listing-orders .no-gutters a {
  margin: 0 10px 0 0;
}
.card.order-create {
  padding-bottom: 30px;
}
.card.order-create a.guest-user {
  display: block;
  background-color: #f1f1f1;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 10px 15px;
  margin-top: 30px;
}
.card.order-create a.guest-user ~ div.collapse {
  background-color: #f1f1f1;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.card.order-create a.guest-user ~ div.collapse.show {
  display: block !important;
}
.card.order-create .panel-warning {
  border-color: #f1f1f1;
  margin-bottom: 30px;
}
.card.order-create .panel-warning .panel-heading {
  color: #000;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  padding: 5px;
  border-radius: 5px;
}
.card.order-create .panel-warning .panel-heading h4 {
  font-size: 16px;
  margin: 0;
  padding: 5px 15px;
  display: flex;
  cursor: pointer;
}
.card.order-create .panel-warning .panel-heading h4:after {
  content: "";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  margin-left: auto;
  font-size: 18px;
}
.card.order-create .panel-warning .panel-heading h4 a {
  pointer-events: none;
}
.card.order-create .panel-warning .panel-title {
  position: relative;
}
.card.order-create .panel-warning .panel-title span {
  position: absolute;
  right: 0;
}
.card.order-create .panel-warning .collapse {
  background-color: #f9f9f9;
  padding: 15px;
}
.card.order-create .card-footer {
  border-top: 0;
}
.card.order-create .rightblock {
  padding-right: 0;
  width: 100%;
  margin: 0;
}
.card.order-create .rightblock #cartModal .modal-dialog {
  width: 100%;
  margin: 0;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content {
  box-shadow: none;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-header {
  padding: 15px;
  border-bottom: 1px solid #6259ca;
  background-color: #6259ca;
  color: #fff !important;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-header h4.modal-title {
  color: #fff;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-body table tr.name-full-width {
  border-bottom: 1px solid #cccccc;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-body table tr.name-full-width td {
  border-width: 0;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-body table td {
  border-width: 0px 0px 1px 0px;
  vertical-align: middle;
  white-space: normal;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-body table td.price {
  white-space: pre;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-body table td.item-username {
  font-weight: 500;
  color: #6259ca;
  background-color: #f1f1f1;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-body table td input[type=number] {
  border: 0;
  box-shadow: none;
  background-color: #f5f5f5;
  border-radius: 0;
  margin-left: 5px;
  -webkit-appearance: unset;
     -moz-appearance: unset;
          appearance: unset;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-body table td button {
  background-color: transparent;
  border: 0;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-body table td button i {
  font-size: 20px;
  color: #6259ca;
}
.card.order-create .rightblock #cartModal .modal-dialog .modal-content .modal-footer {
  display: none;
}
.card.order-create #duplicateClient .modal-dialog {
  width: 700px !important;
  max-width: 700px !important;
}
.card.order-create #duplicateClient .modal-dialog .nopadding {
  margin: 0 0 15px 0;
  display: flex;
}
.card.order-create #duplicateClient .modal-dialog a.btn.btn-primary {
  margin: 47px auto !important;
  display: flex;
  float: none;
  color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  justify-content: center;
  position: relative;
  top: 30px;
}
.card.order-create .card-footer {
  padding-top: 30px;
}
.card.order-create .card-footer .validate-duplicate {
  margin: 0 10px 0 0;
  color: #000 !important;
  background-color: #ffffff;
  border-color: #000;
}
.card.order-create .card-footer button {
  border-color: #6259ca;
  background-color: #6259ca;
  color: #fff;
}
.card.order-create .priceDetails {
  width: 100%;
  padding: 15px;
  background-color: #e5e5e5;
  border-radius: 10px;
}
.card.order-create .priceDetails table {
  width: inherit;
}
.card.order-create .priceDetails table td,
.card.order-create .priceDetails table th {
  border: 0;
  height: 40px;
}
.card.order-create .priceDetails table td {
  padding-right: 60px;
  white-space: nowrap;
  vertical-align: middle;
}
.card.order-create .priceDetails table td.alignright {
  padding-right: 0 !important;
}
.card.order-create .priceDetails table input,
.card.order-create .priceDetails table select {
  background-color: #fff;
}
.card.order-create .priceDetails table span {
  line-height: 30px;
  margin-right: 3px;
}
.card.order-create .priceDetails table input {
  margin: 0 15px 0 0;
  width: 90px;
}
.card.order-create label {
  padding-left: 0;
}
.card.order-create label ~ div {
  padding-right: 0;
}
.card.order-create .add-cart {
  display: table;
  margin: 30px auto;
  position: relative;
  top: 15px;
  border-color: #6259ca;
  background-color: #6259ca;
  color: #fff;
}
.card.order-create .form-group {
  width: 100%;
  margin: 0 0 15px 0 !important;
}
.card.order-create .form-group > div {
  width: 100%;
}
.card.order-create .form-group input#abo_from ~ label {
  margin: 0 auto;
  text-align: center;
  padding: 5px 0 0 0;
}
.card.order-create .form-group .nopadding {
  margin: 0 0 20px 0;
  display: flex;
}
.card.order-create .form-group .nopadding > div {
  width: 100%;
  display: flex;
}
.card.order-create .form-group .input-group input {
  background-color: transparent !important;
}
.card.order-create .form-group .input-group.date {
  position: relative;
}
.card.order-create .form-group .input-group.date:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #000;
  z-index: 0;
}
.card.order-create a.header-search {
  width: auto;
  height: auto;
  display: block;
}
.card.order-create textarea {
  border-radius: 5px !important;
  height: 100px;
}
.card.order-create select.js-example-basic-multiple-tier {
  display: none;
}
.card.order-create input[type=checkbox].check-single-order {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  padding: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  box-shadow: none;
  position: absolute;
  top: 10px;
  left: 0;
}
.card.order-create select,
.card.order-create input,
.card.order-create .select2-selection--single {
  height: 35px;
  line-height: 35px;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 10px;
  font-size: 14px;
  background-color: transparent;
}
.card.order-create .select2-selection__rendered {
  padding-left: 0;
  line-height: 32px;
}
.card.order-create .select2-selection__arrow {
  width: auto;
  height: auto;
  top: -5px;
  right: -15px;
}
.card.order-create .select-wrapper,
.card.order-create .select2-selection__arrow {
  z-index: 9;
}
.card.order-create .select-wrapper:after,
.card.order-create .select2-selection__arrow:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: -1;
}
.card.order-create .select-wrapper b,
.card.order-create .select2-selection__arrow b {
  display: none;
}
.card.order-create .select2-selection__arrow {
  right: 0;
}
.card.order-create #cList {
  display: none;
}
.card.order-create #cList ~ span {
  margin: 0 0 15px 0;
}
.card.order-create label[for=customer_id] {
  margin-bottom: auto;
}
.card.order-create .input-group-addon {
  padding: 6px 20px;
}

.input-group[class*=col-] {
  padding: 0 15px !important;
}

.select2.select2-container {
  width: 100% !important;
}

.showed.collapse {
  display: block !important;
}

.table-responsive {
  overflow-x: auto !important;
}

table thead th a {
  font-size: 14px;
  border: 0;
  display: inline-block;
}

table.table.table-hover.table-listing {
  width: 100%;
  overflow-x: scroll;
  display: inline-table;
  border: 1px solid #ccc;
}

table td,
table th {
  border: 1px solid #ccc;
}

table th {
  white-space: pre;
}

table tr {
  position: relative;
}

table .bulk-checkbox input[type=checkbox] + label {
  display: none;
}

table .bulk-checkbox {
  min-width: 50px;
  position: relative;
}

table .bulk-checkbox input[type=checkbox] {
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
}

td.bg-bulk-info {
  position: absolute;
  background-color: #fff;
  max-width: 200px;
  z-index: 99;
  left: 100px;
  top: 13px;
  border: 1px solid #ccc !important;
}

table .no-gutters {
  display: flex;
  min-width: 75px;
}
table .no-gutters a,
table .no-gutters button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 0;
}
table .no-gutters a.validate,
table .no-gutters button.validate {
  width: auto;
  height: auto;
  color: #ffffff;
  padding: 7px 30px;
}

span.input-group-append button {
  padding: 5px 30px;
}

form.form-edit input[type=checkbox] + label,
form.form-create input[type=checkbox] + label {
  padding-left: 30px;
}

button.btn.dropdown-toggle.btn-light.bs-placeholder {
  background-color: #fff;
  margin: 0 0 15px 0;
}

a.nav-link.icon.header-search {
  text-align: right;
  padding: 0;
}

input.form-control.input.flatpickr.flatpickr-input.form-control.input {
  background-color: #fff;
}

form.order button.btn.btn-primary.dummy {
  position: absolute;
  top: 0;
  right: -125px;
  background-color: transparent;
  border: 0;
  color: #6259ca;
}

form.order .form-group.row {
  position: relative;
}

.form-edit .radio-btn,
.form-create .radio-btn {
  display: flex;
  padding-left: 35px;
}

.form-edit .radio-btn .form-check,
.form-create .radio-btn .form-check {
  margin-right: 30px;
}

.card-body.campaigns span i {
  font-style: normal;
  color: #4c29cb;
  margin: 0 0 0 5px;
}
.card-body.campaigns button.btn {
  height: 36px;
}
.card-body.campaigns .generated {
  background-color: #ebebeb;
}
.card-body.campaigns .generated > div {
  padding: 15px 0;
}
.card-body.campaigns .generated .right {
  padding-left: 0;
}

.my-account {
  margin-bottom: 50px;
}
.my-account h6 {
  float: left;
  margin: 30px 0 15px 0;
}
.my-account .row {
  width: 100%;
}
.my-account .changePassword,
.my-account .toggle-password {
  background-color: #ffffff;
  border-color: #6259ca;
  color: #6259ca !important;
}
.my-account .changePassword:hover,
.my-account .toggle-password:hover {
  background-color: #6259ca;
  color: #ffffff !important;
}
.my-account input[type=submit] {
  margin: 50px auto 20px auto;
  padding: 7px 50px;
  display: flex;
  background-color: #6259ca;
  border-color: #6259ca;
}
.my-account .form-group {
  margin: 20px -15px;
}
.my-account .form-group label {
  margin: 0;
}
.my-account .form-group input[disabled=disabled] + i {
  display: block;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 20px;
  color: #939393;
}
.my-account .form-group input.newPassword, .my-account .form-group input.confirmPassword {
  margin: 0 0 20px 0;
}
.my-account .form-group input.d-none + i {
  display: none;
}

.tab-pane.show {
  opacity: 1;
}

.modal.show {
  display: block;
}

.dashboard-contents .newsletter-contact,
.dashboard-contents .filter-years {
  width: 100%;
  margin-top: 50px;
}
.dashboard-contents .newsletter-contact h2,
.dashboard-contents .filter-years h2 {
  text-align: center;
  margin: 0 0 15px 0;
}
.dashboard-contents .newsletter-contact .filter,
.dashboard-contents .filter-years .filter {
  display: flex;
  align-items: center;
}
.dashboard-contents .newsletter-contact .filter label,
.dashboard-contents .filter-years .filter label {
  font-size: 20px;
  font-weight: 400;
}
.dashboard-contents .newsletter-contact .filter select,
.dashboard-contents .filter-years .filter select {
  font-size: 16px;
  width: 40%;
  height: 40px;
  margin-left: auto;
}
.dashboard-contents table {
  background: #ffffff;
  border: 1px solid #ccc;
  margin: 30px 0;
}
.dashboard-contents .order-validate .card-order {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.dashboard-contents .order-validate .card-order button {
  background-color: #6259ca;
  border: 0;
  padding: 7px 30px;
  margin: 0 0 0 50px;
  color: #ffffff;
  text-align: center;
}
.dashboard-contents .custom-card {
  margin-top: 0;
  height: 100%;
}
.dashboard-contents .custom-card .card-body {
  padding: 0;
}
.dashboard-contents .custom-card .card-body label {
  background-color: #6259ca;
  color: #ffffff;
  width: 100%;
  padding: 6px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 50px;
}
.dashboard-contents .custom-card .card-body label span {
  font-weight: 400;
  width: 100%;
}
.dashboard-contents .custom-card .card-body div.data {
  font-size: 46px;
  text-align: center;
}
.dashboard-contents .custom-card .card-body ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dashboard-contents .custom-card .card-body ul li {
  color: #6259ca;
}
.dashboard-contents .custom-card .card-body ul li:first-child {
  margin: 0 20px 0 0;
}
.dashboard-contents .custom-card .card-body ul li i {
  background-color: transparent;
  color: #6259ca;
}

.btn.btn-primary {
  background-color: #6259ca;
  border-color: #6259ca;
  color: #ffffff !important;
}

.filter-table {
  display: flex;
  align-items: center;
  margin: 30px 0;
}
.filter-table .btn-primary {
  margin-right: auto;
}

.card.client-order-details {
  padding: 30px;
}
.card.client-order-details ul {
  padding: 0;
  list-style-type: none;
}
.card.client-order-details ul li {
  margin: 0 0 5px 0;
}
.card.client-order-details ul li span {
  font-weight: 600;
}
.card.client-order-details .table-responsive {
  margin: 0 0 30px 0;
}
.card.client-order-details table th {
  background-color: #f1f1f1;
}
.card.client-order-details .actions .left form {
  background-color: #f1f1f1;
  padding: 30px;
}
.card.client-order-details .actions .left form label {
  display: flex;
  flex-wrap: wrap;
}
.card.client-order-details .actions .left form label .edit-input {
  margin-left: auto;
}
.card.client-order-details .actions .left form label .edit-input i {
  font-size: 20px;
  color: #6259ca;
}
.card.client-order-details .actions .left form label input {
  width: 100%;
  margin-top: 10px;
}
.card.client-order-details .actions .right {
  display: flex;
  justify-content: right;
  align-items: center;
}
.card.client-order-details .actions .right a.modify {
  background-color: #ffffff;
  border: 1px solid #6259ca;
  border-radius: 5px;
  color: #6259ca;
  margin: 0 30px 0 0;
  padding: 7px 30px;
}
.card.client-order-details .individual-discount-management {
  margin: 0 0 30px 0;
}
.card.client-order-details .individual-discount-management .shipping-cost {
  border: 1px solid #ccc;
  padding: 15px;
  margin: 0 0 20px 0;
  display: inline-block;
  float: right;
  font-weight: 600;
}
.card.client-order-details .individual-discount-management .type-delivery {
  padding: 30px;
  background-color: #f1f1f1;
}
.card.client-order-details .individual-discount-management .type-delivery ul {
  margin: 0 0 20px 0;
}
.card.client-order-details .individual-discount-management .type-delivery ul li {
  margin: 0 0 10px 0;
}
.card.client-order-details .individual-discount-management .type-delivery ul li i {
  margin: 0 10px 0 0;
  font-size: 20px;
}
.card.client-order-details .individual-discount-management .type-delivery textarea {
  height: 100px;
}
.card .order-no {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 30px 0;
}
.card .order-no h4 {
  margin: 0;
}
.card .order-no button {
  background-color: #fff;
  margin: 0 0 0 15px;
  padding: 5px 15px;
  color: #6259ca;
  border: 2px solid #6259ca !important;
  box-shadow: none;
  border-radius: 5px;
}
.card .order-no button i {
  margin: 0 10px 0 0;
}
.card .client-info {
  background-color: #f1f1f1;
  padding: 30px 15px;
  margin: 0 0 30px 0;
}
.card .client-info .delivery-address h4,
.card .client-info .billing-address h4 {
  margin: 0 0 10px 0;
}
.card .client-info .delivery-address ul,
.card .client-info .billing-address ul {
  background-color: #ffffff;
  height: 85%;
  padding: 15px;
}

.form-control-feedback.form-text {
  position: relative;
  width: 100%;
  text-align: left;
  margin: 0 0 10px 0;
}

table td {
  white-space: nowrap;
}

#element-to-print table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#element-to-print td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  height: 40px;
}

#element-to-print th {
  background-color: #ebebeb;
}

#element-to-print h2 {
  color: #212121;
  text-align: center;
}

#element-to-print .createPDF {
  font-size: 14px;
}

#element-to-print img {
  width: 250px;
  display: block;
  margin: 30px auto 50px auto;
}

#element-to-print ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#element-to-print table.dark th {
  background-color: #000;
  color: #fff;
}

#element-to-print table.dark {
  margin-top: 50px;
}

#element-to-print button.btn.btn-primary {
  display: block;
  float: none;
}

#element-to-print footer {
  margin-top: 50px;
}

#element-to-print footer li {
  font-size: 12px;
  text-align: center;
}

#element-to-print ul.gray {
  background-color: #ebebeb;
  float: right;
  margin-top: 50px;
  padding: 30px;
}

#element-to-print ul.gray li {
  display: flex;
  margin-bottom: 5px;
}

#element-to-print ul.gray li span {
  margin-left: auto;
}

#element-to-print ul.id {
  margin: 0 0 30px 0;
}

ul.page-links {
  display: flex;
  list-style-type: none;
  padding: 0 15px;
  margin: 30px 0 60px 0;
}
ul.page-links li {
  margin: 0 30px 0 0;
}
ul.page-links li a {
  padding: 7px 30px;
  border-radius: 5px;
}
ul.page-links li.active a {
  background-color: #6259ca;
  color: #ffffff;
}

.order-details {
  padding: 30px 0;
}
.order-details .customer-subscription,
.order-details .customer-invoices {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.order-details .customer-invoices {
  margin: 50px 0 0 0;
}
.order-details h3 {
  margin: 0 30px 0 0;
  width: 100%;
}
.order-details ul.actions {
  display: flex;
  list-style-type: none;
  float: right;
  margin-left: auto;
  margin-bottom: 30px;
  margin-top: 30px;
}
.order-details ul.actions li {
  margin-right: 10px;
}
.order-details ul.actions li button {
  background-color: #fff;
  border-radius: 5px;
  color: #6259ca;
  border: 1px solid #6259ca;
  padding: 5px 15px;
}
.order-details .select-filter {
  display: inline-block;
  margin: 0 30px 0 0;
}
.order-details .select-filter label {
  float: left;
  margin: 0 30px 0 0;
}
.order-details .select-filter .select-wrapper {
  float: left;
}
.order-details .select-filter .select-wrapper select {
  min-width: 150px;
  height: 35px;
}
.order-details table {
  width: 100%;
  margin: 30px auto;
}
.order-details table td {
  height: 40px;
  pad: 5px 10px;
}

.contact-details {
  margin-bottom: 30px;
}
.contact-details .row {
  margin: 0;
}
.contact-details .table-responsive {
  overflow-x: hidden !important;
  max-height: 217px;
}
.contact-details .table-responsive table {
  width: 100%;
}
.contact-details .table-responsive table td {
  padding: 5px 10px;
}
.contact-details .table-responsive table th {
  white-space: pre;
  background-color: #f5f5f5;
  border: 0;
  color: #6259ca;
}
.contact-details .subscriptions-plans .row {
  margin: 0 30px 0 0;
  flex-wrap: nowrap;
}
.contact-details .subscriptions-plans div.gray {
  background-color: #444444;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 30px 10px;
  margin-right: 30px;
}
.contact-details .subscriptions-plans div.violet {
  background-color: #625aca;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 30px 10px;
}
.contact-details .subscriptions-plans div.violet span.currency i {
  color: #625aca !important;
}
.contact-details .subscriptions-plans h4 {
  font-size: 46px;
  margin: 0 0 30px 0;
}
.contact-details .subscriptions-plans ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}
.contact-details .subscriptions-plans ul li {
  width: 50%;
  margin: 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.contact-details .subscriptions-plans ul li span,
.contact-details .subscriptions-plans ul li i {
  margin: 0 0 10px 0;
  width: 100%;
  font-size: 28px;
}
.contact-details .subscriptions-plans ul li b {
  width: 100%;
  margin: 0 0 10px 0;
}
.contact-details .subscriptions-plans ul li span.currency {
  background-color: #fff;
  width: 45px !important;
  height: 45px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-details .subscriptions-plans ul li span.currency i {
  color: #444444;
  margin: 0;
}

.disabled,
a[disabled=disabled] {
  pointer-events: none;
  cursor: default;
}

input.form-control-danger,
textarea.form-control-danger,
select.form-control-danger {
  border: 1px solid red !important;
}

.modal-dialog {
  max-width: 700px;
  width: 700px;
}

#exampleModal h4 {
  margin: 30px 0;
}
#exampleModal .form-group.row {
  margin: 0 0 30px 0;
}
#exampleModal .modal-footer a {
  display: flex;
  height: 40px;
  color: #6259ca;
  border-color: #6259ca;
  background-color: #ffffff;
}

table#basic-1 td {
  padding: 5px 10px;
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

#cd-timeline::before {
  /* this is the vertical line */
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}
.cd-timeline-block {
  position: relative;
  margin: 2em 0;
  *zoom: 1;
}

.cd-timeline-block:before,
.cd-timeline-block:after {
  content: " ";
  display: table;
}

.cd-timeline-block:after {
  clear: both;
}

.cd-timeline-block:first-child {
  margin-top: 0;
}

.cd-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }

  .cd-timeline-block:first-child {
    margin-top: 0;
  }

  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}

.cd-timeline-img.cd-picture {
  background: #75ce66;
}

.cd-timeline-img.cd-movie {
  background: #c03b44;
}

.cd-timeline-img.cd-location {
  background: #f0ca45;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }

  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }

  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}
@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
  *zoom: 1;
}

.cd-timeline-content:before,
.cd-timeline-content:after {
  content: " ";
  display: table;
}

.cd-timeline-content:after {
  clear: both;
}

.cd-timeline-content h2 {
  color: #303e49;
}

.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}

.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  display: inline-block;
}

.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}

.cd-timeline-content .cd-read-more {
  float: right;
  padding: 0.8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}

.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
  float: left;
  padding: 0.8em 0;
  opacity: 0.7;
}

.cd-timeline-content::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }

  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }

  .cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }

  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }

  .cd-timeline-content .cd-read-more {
    float: left;
  }

  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }

  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }

  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}
@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0);
  }
}
*,
*::after,
*::before {
  box-sizing: inherit;
}

* {
  font: inherit;
}

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

html {
  box-sizing: border-box;
}

body {
  background-color: white;
  background-color: var(--color-bg, white);
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

button,
input,
textarea,
select {
  margin: 0;
}

select.form-control::-ms-expand {
  display: none;
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
}

input::-ms-clear {
  display: none;
}

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

img,
video,
svg {
  max-width: 100%;
}

[data-theme] {
  background-color: white;
  background-color: var(--color-bg, #fff);
  color: #313135;
  color: var(--color-contrast-high, #313135);
}

.container {
  width: calc(100% - 1.25em);
  width: calc(100% - 2 * var(--component-padding));
  margin-left: auto;
  margin-right: auto;
}

.max-width-xxs {
  max-width: 32rem;
  max-width: var(--max-width-xxs);
}

.max-width-xs {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}

.max-width-sm {
  max-width: 48rem;
  max-width: var(--max-width-sm);
}

.max-width-md {
  max-width: 64rem;
  max-width: var(--max-width-md);
}

.max-width-lg {
  max-width: 80rem;
  max-width: var(--max-width-lg);
}

.max-width-xl {
  max-width: 90rem;
  max-width: var(--max-width-xl);
}

.max-width-xxl {
  max-width: 120rem;
  max-width: var(--max-width-xxl);
}

.max-width-adaptive-sm {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}

@media (min-width: 64rem) {
  .max-width-adaptive-sm {
    max-width: 48rem;
    max-width: var(--max-width-sm);
  }
}
.max-width-adaptive-md {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}

@media (min-width: 64rem) {
  .max-width-adaptive-md {
    max-width: 64rem;
    max-width: var(--max-width-md);
  }
}
.max-width-adaptive,
.max-width-adaptive-lg {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}

@media (min-width: 64rem) {
  .max-width-adaptive,
.max-width-adaptive-lg {
    max-width: 64rem;
    max-width: var(--max-width-md);
  }
}
@media (min-width: 90rem) {
  .max-width-adaptive,
.max-width-adaptive-lg {
    max-width: 80rem;
    max-width: var(--max-width-lg);
  }
}
.max-width-adaptive-xl {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}

@media (min-width: 64rem) {
  .max-width-adaptive-xl {
    max-width: 64rem;
    max-width: var(--max-width-md);
  }
}
@media (min-width: 90rem) {
  .max-width-adaptive-xl {
    max-width: 90rem;
    max-width: var(--max-width-xl);
  }
}
.grid {
  --grid-gap: 0px;
  display: flex;
  flex-wrap: wrap;
}

.grid > * {
  flex-basis: 100%;
}

[class*=grid-gap] {
  margin-bottom: -1em;
  margin-bottom: calc(var(--grid-gap, 1em) * -1);
  margin-right: -1em;
  margin-right: calc(var(--grid-gap, 1em) * -1);
}

[class*=grid-gap] > * {
  margin-bottom: 1em;
  margin-bottom: var(--grid-gap, 1em);
  margin-right: 1em;
  margin-right: var(--grid-gap, 1em);
}

.grid-gap-xxxxs {
  --grid-gap: var(--space-xxxxs);
}

.grid-gap-xxxs {
  --grid-gap: var(--space-xxxs);
}

.grid-gap-xxs {
  --grid-gap: var(--space-xxs);
}

.grid-gap-xs {
  --grid-gap: var(--space-xs);
}

.grid-gap-sm {
  --grid-gap: var(--space-sm);
}

.grid-gap-md {
  --grid-gap: var(--space-md);
}

.grid-gap-lg {
  --grid-gap: var(--space-lg);
}

.grid-gap-xl {
  --grid-gap: var(--space-xl);
}

.grid-gap-xxl {
  --grid-gap: var(--space-xxl);
}

.grid-gap-xxxl {
  --grid-gap: var(--space-xxxl);
}

.grid-gap-xxxxl {
  --grid-gap: var(--space-xxxxl);
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-1 {
  flex-basis: calc(8.33% - 0.01px - 1em);
  flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(8.33% - 0.01px - 1em);
  max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
}

.col-2 {
  flex-basis: calc(16.66% - 0.01px - 1em);
  flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(16.66% - 0.01px - 1em);
  max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
}

.col-3 {
  flex-basis: calc(25% - 0.01px - 1em);
  flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(25% - 0.01px - 1em);
  max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
}

.col-4 {
  flex-basis: calc(33.33% - 0.01px - 1em);
  flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(33.33% - 0.01px - 1em);
  max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
}

.col-5 {
  flex-basis: calc(41.66% - 0.01px - 1em);
  flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(41.66% - 0.01px - 1em);
  max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
}

.col-6 {
  flex-basis: calc(50% - 0.01px - 1em);
  flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(50% - 0.01px - 1em);
  max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
}

.col-7 {
  flex-basis: calc(58.33% - 0.01px - 1em);
  flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(58.33% - 0.01px - 1em);
  max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
}

.col-8 {
  flex-basis: calc(66.66% - 0.01px - 1em);
  flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(66.66% - 0.01px - 1em);
  max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
}

.col-9 {
  flex-basis: calc(75% - 0.01px - 1em);
  flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(75% - 0.01px - 1em);
  max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
}

.col-10 {
  flex-basis: calc(83.33% - 0.01px - 1em);
  flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(83.33% - 0.01px - 1em);
  max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
}

.col-11 {
  flex-basis: calc(91.66% - 0.01px - 1em);
  flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(91.66% - 0.01px - 1em);
  max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
}

.col-12 {
  flex-basis: calc(100% - 0.01px - 1em);
  flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(100% - 0.01px - 1em);
  max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
}

@media (min-width: 32rem) {
  .col\@xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-1\@xs {
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-2\@xs {
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-3\@xs {
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
  }

  .col-4\@xs {
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-5\@xs {
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-6\@xs {
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
  }

  .col-7\@xs {
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-8\@xs {
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-9\@xs {
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
  }

  .col-10\@xs {
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-11\@xs {
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-12\@xs {
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
  }
}
@media (min-width: 48rem) {
  .col\@sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-1\@sm {
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-2\@sm {
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-3\@sm {
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
  }

  .col-4\@sm {
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-5\@sm {
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-6\@sm {
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
  }

  .col-7\@sm {
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-8\@sm {
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-9\@sm {
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
  }

  .col-10\@sm {
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-11\@sm {
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-12\@sm {
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
  }
}
@media (min-width: 64rem) {
  .col\@md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-1\@md {
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-2\@md {
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-3\@md {
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
  }

  .col-4\@md {
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-5\@md {
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-6\@md {
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
  }

  .col-7\@md {
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-8\@md {
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-9\@md {
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
  }

  .col-10\@md {
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-11\@md {
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-12\@md {
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
  }
}
@media (min-width: 80rem) {
  .col\@lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-1\@lg {
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-2\@lg {
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-3\@lg {
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
  }

  .col-4\@lg {
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-5\@lg {
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-6\@lg {
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
  }

  .col-7\@lg {
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-8\@lg {
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-9\@lg {
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
  }

  .col-10\@lg {
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-11\@lg {
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-12\@lg {
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
  }
}
@media (min-width: 90rem) {
  .col\@xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-1\@xl {
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-2\@xl {
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-3\@xl {
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
  }

  .col-4\@xl {
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-5\@xl {
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-6\@xl {
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
  }

  .col-7\@xl {
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-8\@xl {
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-9\@xl {
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
  }

  .col-10\@xl {
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  }

  .col-11\@xl {
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  }

  .col-12\@xl {
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
  }
}
.text-component {
  --component-body-line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1));
  --component-heading-line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
}

.text-component h1,
.text-component h2,
.text-component h3,
.text-component h4 {
  line-height: 1.2;
  line-height: var(--component-heading-line-height, 1.2);
  margin-bottom: 0.25em;
  margin-bottom: calc(var(--space-xxxs) * var(--text-vspace-multiplier, 1));
}

.text-component h2,
.text-component h3,
.text-component h4 {
  margin-top: 0.75em;
  margin-top: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));
}

.text-component p,
.text-component blockquote,
.text-component ul li,
.text-component ol li {
  line-height: 1.4;
  line-height: var(--component-body-line-height);
}

.text-component ul,
.text-component ol,
.text-component p,
.text-component blockquote,
.text-component .text-component__block {
  margin-bottom: 0.75em;
  margin-bottom: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));
}

.text-component ul,
.text-component ol {
  padding-left: 1em;
}

.text-component ul {
  list-style-type: disc;
}

.text-component ol {
  list-style-type: decimal;
}

.text-component img {
  display: block;
  margin: 0 auto;
}

.text-component figcaption {
  text-align: center;
  margin-top: 0.5em;
  margin-top: var(--space-xs);
}

.text-component em {
  font-style: italic;
}

.text-component hr {
  margin-top: 2em;
  margin-top: calc(var(--space-lg) * var(--text-vspace-multiplier, 1));
  margin-bottom: 2em;
  margin-bottom: calc(var(--space-lg) * var(--text-vspace-multiplier, 1));
  margin-left: auto;
  margin-right: auto;
}

.text-component > *:first-child {
  margin-top: 0;
}

.text-component > *:last-child {
  margin-bottom: 0;
}

.text-component__block--full-width {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

@media (min-width: 48rem) {
  .text-component__block--left,
.text-component__block--right {
    width: 45%;
  }

  .text-component__block--left img,
.text-component__block--right img {
    width: 100%;
  }

  .text-component__block--left {
    float: left;
    margin-right: 0.75em;
    margin-right: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));
  }

  .text-component__block--right {
    float: right;
    margin-left: 0.75em;
    margin-left: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));
  }
}
@media (min-width: 90rem) {
  .text-component__block--outset {
    width: calc(100% + 10.5em);
    width: calc(100% + 2 * var(--space-xxl));
  }

  .text-component__block--outset img {
    width: 100%;
  }

  .text-component__block--outset:not(.text-component__block--right) {
    margin-left: -5.25em;
    margin-left: calc(-1 * var(--space-xxl));
  }

  .text-component__block--left,
.text-component__block--right {
    width: 50%;
  }

  .text-component__block--right.text-component__block--outset {
    margin-right: -5.25em;
    margin-right: calc(-1 * var(--space-xxl));
  }
}
.icon {
  display: inline-block;
  color: inherit;
  fill: currentColor;
  height: 1em;
  width: 1em;
  line-height: 1;
  flex-shrink: 0;
}

.icon--xxs {
  font-size: 12px;
  font-size: var(--icon-xxs);
}

.icon--xs {
  font-size: 16px;
  font-size: var(--icon-xs);
}

.icon--sm {
  font-size: 24px;
  font-size: var(--icon-sm);
}

.icon--md {
  font-size: 32px;
  font-size: var(--icon-md);
}

.icon--lg {
  font-size: 48px;
  font-size: var(--icon-lg);
}

.icon--xl {
  font-size: 64px;
  font-size: var(--icon-xl);
}

.icon--xxl {
  font-size: 128px;
  font-size: var(--icon-xxl);
}

.icon--is-spinning {
  -webkit-animation: icon-spin 1s infinite linear;
  animation: icon-spin 1s infinite linear;
}

@-webkit-keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.icon use {
  color: inherit;
  fill: currentColor;
}

.form-control {
  background-color: white;
  background-color: var(--color-bg, #f2f2f2);
  padding-top: 0.5em;
  padding-top: var(--form-control-padding-y, 0.5em);
  padding-bottom: 0.5em;
  padding-bottom: var(--form-control-padding-y, 0.5em);
  padding-left: 0.75em;
  padding-left: var(--form-control-padding-x, 0.75em);
  padding-right: 0.75em;
  padding-right: var(--form-control-padding-x, 0.75em);
  border-radius: 0.25em;
  border-radius: var(--form-control-radius, 0.25em);
}

.form-control::-webkit-input-placeholder {
  color: #79797c;
  color: var(--color-contrast-medium, #79797c);
}

.form-control::-moz-placeholder {
  opacity: 1;
  color: #79797c;
  color: var(--color-contrast-medium, #79797c);
}

.form-control:-ms-input-placeholder {
  color: #79797c;
  color: var(--color-contrast-medium, #79797c);
}

.form-control:-moz-placeholder {
  color: #79797c;
  color: var(--color-contrast-medium, #79797c);
}

.form-control[disabled],
.form-control[readonly] {
  cursor: not-allowed;
}

.form-legend {
  color: #1c1c21;
  color: var(--color-contrast-higher, #1c1c21);
  line-height: 1.2;
  font-size: 1.2em;
  font-size: var(--text-md, 1.2em);
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs);
}

.form-label {
  display: inline-block;
}

.form__msg-error {
  background-color: #f54251;
  background-color: var(--color-error, #f54251);
  color: white;
  color: var(--color-white, #fff);
  font-size: 0.83333em;
  font-size: var(--text-sm, 0.833em);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.5em;
  padding: var(--space-xs);
  margin-top: 0.75em;
  margin-top: var(--space-sm);
  border-radius: 0.25em;
  border-radius: var(--radius-md, 0.25em);
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

.form__msg-error::before {
  content: "";
  position: absolute;
  left: 0.75em;
  left: var(--space-sm);
  top: 0;
  transform: translateY(-100%);
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #f54251;
  border-bottom-color: var(--color-error);
}

.form__msg-error--is-visible {
  position: relative;
  clip: auto;
}

.radio-list > *,
.checkbox-list > * {
  position: relative;
  display: flex;
  align-items: baseline;
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs);
}

.radio-list > *:last-of-type,
.checkbox-list > *:last-of-type {
  margin-bottom: 0;
}

.radio-list label,
.checkbox-list label {
  line-height: 1.4;
  line-height: var(--body-line-height);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-list input,
.checkbox-list input {
  vertical-align: top;
  margin-right: 0.25em;
  margin-right: var(--space-xxxs);
  flex-shrink: 0;
}

@media not all and (min-width: 32rem) {
  .display\@xs {
    display: none !important;
  }
}
@media (min-width: 32rem) {
  .hide\@xs {
    display: none !important;
  }
}
@media not all and (min-width: 48rem) {
  .display\@sm {
    display: none !important;
  }
}
@media (min-width: 48rem) {
  .hide\@sm {
    display: none !important;
  }
}
@media not all and (min-width: 64rem) {
  .display\@md {
    display: none !important;
  }
}
@media (min-width: 64rem) {
  .hide\@md {
    display: none !important;
  }
}
@media not all and (min-width: 80rem) {
  .display\@lg {
    display: none !important;
  }
}
@media (min-width: 80rem) {
  .hide\@lg {
    display: none !important;
  }
}
@media not all and (min-width: 90rem) {
  .display\@xl {
    display: none !important;
  }
}
@media (min-width: 90rem) {
  .hide\@xl {
    display: none !important;
  }
}
.is-visible {
  display: block !important;
  display: var(--display) !important;
}

.is-hidden {
  display: none !important;
}

.sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

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

.items-center {
  align-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

@media (min-width: 32rem) {
  .flex-wrap\@xs {
    flex-wrap: wrap;
  }

  .flex-column\@xs {
    flex-direction: column;
  }

  .flex-row\@xs {
    flex-direction: row;
  }

  .flex-center\@xs {
    justify-content: center;
    align-items: center;
  }

  .justify-start\@xs {
    justify-content: flex-start;
  }

  .justify-end\@xs {
    justify-content: flex-end;
  }

  .justify-center\@xs {
    justify-content: center;
  }

  .justify-between\@xs {
    justify-content: space-between;
  }

  .items-center\@xs {
    align-items: center;
  }

  .items-start\@xs {
    align-items: flex-start;
  }

  .items-end\@xs {
    align-items: flex-end;
  }
}
@media (min-width: 48rem) {
  .flex-wrap\@sm {
    flex-wrap: wrap;
  }

  .flex-column\@sm {
    flex-direction: column;
  }

  .flex-row\@sm {
    flex-direction: row;
  }

  .flex-center\@sm {
    justify-content: center;
    align-items: center;
  }

  .justify-start\@sm {
    justify-content: flex-start;
  }

  .justify-end\@sm {
    justify-content: flex-end;
  }

  .justify-center\@sm {
    justify-content: center;
  }

  .justify-between\@sm {
    justify-content: space-between;
  }

  .items-center\@sm {
    align-items: center;
  }

  .items-start\@sm {
    align-items: flex-start;
  }

  .items-end\@sm {
    align-items: flex-end;
  }
}
@media (min-width: 64rem) {
  .flex-wrap\@md {
    flex-wrap: wrap;
  }

  .flex-column\@md {
    flex-direction: column;
  }

  .flex-row\@md {
    flex-direction: row;
  }

  .flex-center\@md {
    justify-content: center;
    align-items: center;
  }

  .justify-start\@md {
    justify-content: flex-start;
  }

  .justify-end\@md {
    justify-content: flex-end;
  }

  .justify-center\@md {
    justify-content: center;
  }

  .justify-between\@md {
    justify-content: space-between;
  }

  .items-center\@md {
    align-items: center;
  }

  .items-start\@md {
    align-items: flex-start;
  }

  .items-end\@md {
    align-items: flex-end;
  }
}
@media (min-width: 80rem) {
  .flex-wrap\@lg {
    flex-wrap: wrap;
  }

  .flex-column\@lg {
    flex-direction: column;
  }

  .flex-row\@lg {
    flex-direction: row;
  }

  .flex-center\@lg {
    justify-content: center;
    align-items: center;
  }

  .justify-start\@lg {
    justify-content: flex-start;
  }

  .justify-end\@lg {
    justify-content: flex-end;
  }

  .justify-center\@lg {
    justify-content: center;
  }

  .justify-between\@lg {
    justify-content: space-between;
  }

  .items-center\@lg {
    align-items: center;
  }

  .items-start\@lg {
    align-items: flex-start;
  }

  .items-end\@lg {
    align-items: flex-end;
  }
}
@media (min-width: 90rem) {
  .flex-wrap\@xl {
    flex-wrap: wrap;
  }

  .flex-column\@xl {
    flex-direction: column;
  }

  .flex-row\@xl {
    flex-direction: row;
  }

  .flex-center\@xl {
    justify-content: center;
    align-items: center;
  }

  .justify-start\@xl {
    justify-content: flex-start;
  }

  .justify-end\@xl {
    justify-content: flex-end;
  }

  .justify-center\@xl {
    justify-content: center;
  }

  .justify-between\@xl {
    justify-content: space-between;
  }

  .items-center\@xl {
    align-items: center;
  }

  .items-start\@xl {
    align-items: flex-start;
  }

  .items-end\@xl {
    align-items: flex-end;
  }
}
.flex-grow {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-gap-xxxs {
  margin-bottom: -0.25em;
  margin-bottom: calc(-1 * var(--space-xxxs));
  margin-right: -0.25em;
  margin-right: calc(-1 * var(--space-xxxs));
}

.flex-gap-xxxs > * {
  margin-bottom: 0.25em;
  margin-bottom: var(--space-xxxs);
  margin-right: 0.25em;
  margin-right: var(--space-xxxs);
}

.flex-gap-xxs {
  margin-bottom: -0.375em;
  margin-bottom: calc(-1 * var(--space-xxs));
  margin-right: -0.375em;
  margin-right: calc(-1 * var(--space-xxs));
}

.flex-gap-xxs > * {
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs);
  margin-right: 0.375em;
  margin-right: var(--space-xxs);
}

.flex-gap-xs {
  margin-bottom: -0.5em;
  margin-bottom: calc(-1 * var(--space-xs));
  margin-right: -0.5em;
  margin-right: calc(-1 * var(--space-xs));
}

.flex-gap-xs > * {
  margin-bottom: 0.5em;
  margin-bottom: var(--space-xs);
  margin-right: 0.5em;
  margin-right: var(--space-xs);
}

.flex-gap-sm {
  margin-bottom: -0.75em;
  margin-bottom: calc(-1 * var(--space-sm));
  margin-right: -0.75em;
  margin-right: calc(-1 * var(--space-sm));
}

.flex-gap-sm > * {
  margin-bottom: 0.75em;
  margin-bottom: var(--space-sm);
  margin-right: 0.75em;
  margin-right: var(--space-sm);
}

.flex-gap-md {
  margin-bottom: -1.25em;
  margin-bottom: calc(-1 * var(--space-md));
  margin-right: -1.25em;
  margin-right: calc(-1 * var(--space-md));
}

.flex-gap-md > * {
  margin-bottom: 1.25em;
  margin-bottom: var(--space-md);
  margin-right: 1.25em;
  margin-right: var(--space-md);
}

.flex-gap-lg {
  margin-bottom: -2em;
  margin-bottom: calc(-1 * var(--space-lg));
  margin-right: -2em;
  margin-right: calc(-1 * var(--space-lg));
}

.flex-gap-lg > * {
  margin-bottom: 2em;
  margin-bottom: var(--space-lg);
  margin-right: 2em;
  margin-right: var(--space-lg);
}

.flex-gap-xl {
  margin-bottom: -3.25em;
  margin-bottom: calc(-1 * var(--space-xl));
  margin-right: -3.25em;
  margin-right: calc(-1 * var(--space-xl));
}

.flex-gap-xl > * {
  margin-bottom: 3.25em;
  margin-bottom: var(--space-xl);
  margin-right: 3.25em;
  margin-right: var(--space-xl);
}

.flex-gap-xxl {
  margin-bottom: -5.25em;
  margin-bottom: calc(-1 * var(--space-xxl));
  margin-right: -5.25em;
  margin-right: calc(-1 * var(--space-xxl));
}

.flex-gap-xxl > * {
  margin-bottom: 5.25em;
  margin-bottom: var(--space-xxl);
  margin-right: 5.25em;
  margin-right: var(--space-xxl);
}

.margin-xxxxs {
  margin: 0.125em;
  margin: var(--space-xxxxs);
}

.margin-xxxs {
  margin: 0.25em;
  margin: var(--space-xxxs);
}

.margin-xxs {
  margin: 0.375em;
  margin: var(--space-xxs);
}

.margin-xs {
  margin: 0.5em;
  margin: var(--space-xs);
}

.margin-sm {
  margin: 0.75em;
  margin: var(--space-sm);
}

.margin-md {
  margin: 1.25em;
  margin: var(--space-md);
}

.margin-lg {
  margin: 2em;
  margin: var(--space-lg);
}

.margin-xl {
  margin: 3.25em;
  margin: var(--space-xl);
}

.margin-xxl {
  margin: 5.25em;
  margin: var(--space-xxl);
}

.margin-xxxl {
  margin: 8.5em;
  margin: var(--space-xxxl);
}

.margin-xxxxl {
  margin: 13.75em;
  margin: var(--space-xxxxl);
}

.margin-auto {
  margin: auto;
}

.margin-top-xxxxs {
  margin-top: 0.125em;
  margin-top: var(--space-xxxxs);
}

.margin-top-xxxs {
  margin-top: 0.25em;
  margin-top: var(--space-xxxs);
}

.margin-top-xxs {
  margin-top: 0.375em;
  margin-top: var(--space-xxs);
}

.margin-top-xs {
  margin-top: 0.5em;
  margin-top: var(--space-xs);
}

.margin-top-sm {
  margin-top: 0.75em;
  margin-top: var(--space-sm);
}

.margin-top-md {
  margin-top: 1.25em;
  margin-top: var(--space-md);
}

.margin-top-lg {
  margin-top: 2em;
  margin-top: var(--space-lg);
}

.margin-top-xl {
  margin-top: 3.25em;
  margin-top: var(--space-xl);
}

.margin-top-xxl {
  margin-top: 5.25em;
  margin-top: var(--space-xxl);
}

.margin-top-xxxl {
  margin-top: 8.5em;
  margin-top: var(--space-xxxl);
}

.margin-top-xxxxl {
  margin-top: 13.75em;
  margin-top: var(--space-xxxxl);
}

.margin-top-auto {
  margin-top: auto;
}

.margin-bottom-xxxxs {
  margin-bottom: 0.125em;
  margin-bottom: var(--space-xxxxs);
}

.margin-bottom-xxxs {
  margin-bottom: 0.25em;
  margin-bottom: var(--space-xxxs);
}

.margin-bottom-xxs {
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs);
}

.margin-bottom-xs {
  margin-bottom: 0.5em;
  margin-bottom: var(--space-xs);
}

.margin-bottom-sm {
  margin-bottom: 0.75em;
  margin-bottom: var(--space-sm);
}

.margin-bottom-md {
  margin-bottom: 1.25em;
  margin-bottom: var(--space-md);
}

.margin-bottom-lg {
  margin-bottom: 2em;
  margin-bottom: var(--space-lg);
}

.margin-bottom-xl {
  margin-bottom: 3.25em;
  margin-bottom: var(--space-xl);
}

.margin-bottom-xxl {
  margin-bottom: 5.25em;
  margin-bottom: var(--space-xxl);
}

.margin-bottom-xxxl {
  margin-bottom: 8.5em;
  margin-bottom: var(--space-xxxl);
}

.margin-bottom-xxxxl {
  margin-bottom: 13.75em;
  margin-bottom: var(--space-xxxxl);
}

.margin-bottom-auto {
  margin-bottom: auto;
}

.margin-right-xxxxs {
  margin-right: 0.125em;
  margin-right: var(--space-xxxxs);
}

.margin-right-xxxs {
  margin-right: 0.25em;
  margin-right: var(--space-xxxs);
}

.margin-right-xxs {
  margin-right: 0.375em;
  margin-right: var(--space-xxs);
}

.margin-right-xs {
  margin-right: 0.5em;
  margin-right: var(--space-xs);
}

.margin-right-sm {
  margin-right: 0.75em;
  margin-right: var(--space-sm);
}

.margin-right-md {
  margin-right: 1.25em;
  margin-right: var(--space-md);
}

.margin-right-lg {
  margin-right: 2em;
  margin-right: var(--space-lg);
}

.margin-right-xl {
  margin-right: 3.25em;
  margin-right: var(--space-xl);
}

.margin-right-xxl {
  margin-right: 5.25em;
  margin-right: var(--space-xxl);
}

.margin-right-xxxl {
  margin-right: 8.5em;
  margin-right: var(--space-xxxl);
}

.margin-right-xxxxl {
  margin-right: 13.75em;
  margin-right: var(--space-xxxxl);
}

.margin-right-auto {
  margin-right: auto;
}

.margin-left-xxxxs {
  margin-left: 0.125em;
  margin-left: var(--space-xxxxs);
}

.margin-left-xxxs {
  margin-left: 0.25em;
  margin-left: var(--space-xxxs);
}

.margin-left-xxs {
  margin-left: 0.375em;
  margin-left: var(--space-xxs);
}

.margin-left-xs {
  margin-left: 0.5em;
  margin-left: var(--space-xs);
}

.margin-left-sm {
  margin-left: 0.75em;
  margin-left: var(--space-sm);
}

.margin-left-md {
  margin-left: 1.25em;
  margin-left: var(--space-md);
}

.margin-left-lg {
  margin-left: 2em;
  margin-left: var(--space-lg);
}

.margin-left-xl {
  margin-left: 3.25em;
  margin-left: var(--space-xl);
}

.margin-left-xxl {
  margin-left: 5.25em;
  margin-left: var(--space-xxl);
}

.margin-left-xxxl {
  margin-left: 8.5em;
  margin-left: var(--space-xxxl);
}

.margin-left-xxxxl {
  margin-left: 13.75em;
  margin-left: var(--space-xxxxl);
}

.margin-left-auto {
  margin-left: auto;
}

.margin-x-xxxxs {
  margin-left: 0.125em;
  margin-left: var(--space-xxxxs);
  margin-right: 0.125em;
  margin-right: var(--space-xxxxs);
}

.margin-x-xxxs {
  margin-left: 0.25em;
  margin-left: var(--space-xxxs);
  margin-right: 0.25em;
  margin-right: var(--space-xxxs);
}

.margin-x-xxs {
  margin-left: 0.375em;
  margin-left: var(--space-xxs);
  margin-right: 0.375em;
  margin-right: var(--space-xxs);
}

.margin-x-xs {
  margin-left: 0.5em;
  margin-left: var(--space-xs);
  margin-right: 0.5em;
  margin-right: var(--space-xs);
}

.margin-x-sm {
  margin-left: 0.75em;
  margin-left: var(--space-sm);
  margin-right: 0.75em;
  margin-right: var(--space-sm);
}

.margin-x-md {
  margin-left: 1.25em;
  margin-left: var(--space-md);
  margin-right: 1.25em;
  margin-right: var(--space-md);
}

.margin-x-lg {
  margin-left: 2em;
  margin-left: var(--space-lg);
  margin-right: 2em;
  margin-right: var(--space-lg);
}

.margin-x-xl {
  margin-left: 3.25em;
  margin-left: var(--space-xl);
  margin-right: 3.25em;
  margin-right: var(--space-xl);
}

.margin-x-xxl {
  margin-left: 5.25em;
  margin-left: var(--space-xxl);
  margin-right: 5.25em;
  margin-right: var(--space-xxl);
}

.margin-x-xxxl {
  margin-left: 8.5em;
  margin-left: var(--space-xxxl);
  margin-right: 8.5em;
  margin-right: var(--space-xxxl);
}

.margin-x-xxxxl {
  margin-left: 13.75em;
  margin-left: var(--space-xxxxl);
  margin-right: 13.75em;
  margin-right: var(--space-xxxxl);
}

.margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-y-xxxxs {
  margin-top: 0.125em;
  margin-top: var(--space-xxxxs);
  margin-bottom: 0.125em;
  margin-bottom: var(--space-xxxxs);
}

.margin-y-xxxs {
  margin-top: 0.25em;
  margin-top: var(--space-xxxs);
  margin-bottom: 0.25em;
  margin-bottom: var(--space-xxxs);
}

.margin-y-xxs {
  margin-top: 0.375em;
  margin-top: var(--space-xxs);
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs);
}

.margin-y-xs {
  margin-top: 0.5em;
  margin-top: var(--space-xs);
  margin-bottom: 0.5em;
  margin-bottom: var(--space-xs);
}

.margin-y-sm {
  margin-top: 0.75em;
  margin-top: var(--space-sm);
  margin-bottom: 0.75em;
  margin-bottom: var(--space-sm);
}

.margin-y-md {
  margin-top: 1.25em;
  margin-top: var(--space-md);
  margin-bottom: 1.25em;
  margin-bottom: var(--space-md);
}

.margin-y-lg {
  margin-top: 2em;
  margin-top: var(--space-lg);
  margin-bottom: 2em;
  margin-bottom: var(--space-lg);
}

.margin-y-xl {
  margin-top: 3.25em;
  margin-top: var(--space-xl);
  margin-bottom: 3.25em;
  margin-bottom: var(--space-xl);
}

.margin-y-xxl {
  margin-top: 5.25em;
  margin-top: var(--space-xxl);
  margin-bottom: 5.25em;
  margin-bottom: var(--space-xxl);
}

.margin-y-xxxl {
  margin-top: 8.5em;
  margin-top: var(--space-xxxl);
  margin-bottom: 8.5em;
  margin-bottom: var(--space-xxxl);
}

.margin-y-xxxxl {
  margin-top: 13.75em;
  margin-top: var(--space-xxxxl);
  margin-bottom: 13.75em;
  margin-bottom: var(--space-xxxxl);
}

.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}

@media not all and (min-width: 32rem) {
  .has-margin\@xs {
    margin: 0 !important;
  }
}
@media not all and (min-width: 48rem) {
  .has-margin\@sm {
    margin: 0 !important;
  }
}
@media not all and (min-width: 64rem) {
  .has-margin\@md {
    margin: 0 !important;
  }
}
@media not all and (min-width: 80rem) {
  .has-margin\@lg {
    margin: 0 !important;
  }
}
@media not all and (min-width: 90rem) {
  .has-margin\@xl {
    margin: 0 !important;
  }
}
.padding-md {
  padding: 1.25em;
  padding: var(--space-md);
}

.padding-xxxxs {
  padding: 0.125em;
  padding: var(--space-xxxxs);
}

.padding-xxxs {
  padding: 0.25em;
  padding: var(--space-xxxs);
}

.padding-xxs {
  padding: 0.375em;
  padding: var(--space-xxs);
}

.padding-xs {
  padding: 0.5em;
  padding: var(--space-xs);
}

.padding-sm {
  padding: 0.75em;
  padding: var(--space-sm);
}

.padding-lg {
  padding: 2em;
  padding: var(--space-lg);
}

.padding-xl {
  padding: 3.25em;
  padding: var(--space-xl);
}

.padding-xxl {
  padding: 5.25em;
  padding: var(--space-xxl);
}

.padding-xxxl {
  padding: 8.5em;
  padding: var(--space-xxxl);
}

.padding-xxxxl {
  padding: 13.75em;
  padding: var(--space-xxxxl);
}

.padding-component {
  padding: 1.25em;
  padding: var(--component-padding);
}

.padding-top-md {
  padding-top: 1.25em;
  padding-top: var(--space-md);
}

.padding-top-xxxxs {
  padding-top: 0.125em;
  padding-top: var(--space-xxxxs);
}

.padding-top-xxxs {
  padding-top: 0.25em;
  padding-top: var(--space-xxxs);
}

.padding-top-xxs {
  padding-top: 0.375em;
  padding-top: var(--space-xxs);
}

.padding-top-xs {
  padding-top: 0.5em;
  padding-top: var(--space-xs);
}

.padding-top-sm {
  padding-top: 0.75em;
  padding-top: var(--space-sm);
}

.padding-top-lg {
  padding-top: 2em;
  padding-top: var(--space-lg);
}

.padding-top-xl {
  padding-top: 3.25em;
  padding-top: var(--space-xl);
}

.padding-top-xxl {
  padding-top: 5.25em;
  padding-top: var(--space-xxl);
}

.padding-top-xxxl {
  padding-top: 8.5em;
  padding-top: var(--space-xxxl);
}

.padding-top-xxxxl {
  padding-top: 13.75em;
  padding-top: var(--space-xxxxl);
}

.padding-top-component {
  padding-top: 1.25em;
  padding-top: var(--component-padding);
}

.padding-bottom-md {
  padding-bottom: 1.25em;
  padding-bottom: var(--space-md);
}

.padding-bottom-xxxxs {
  padding-bottom: 0.125em;
  padding-bottom: var(--space-xxxxs);
}

.padding-bottom-xxxs {
  padding-bottom: 0.25em;
  padding-bottom: var(--space-xxxs);
}

.padding-bottom-xxs {
  padding-bottom: 0.375em;
  padding-bottom: var(--space-xxs);
}

.padding-bottom-xs {
  padding-bottom: 0.5em;
  padding-bottom: var(--space-xs);
}

.padding-bottom-sm {
  padding-bottom: 0.75em;
  padding-bottom: var(--space-sm);
}

.padding-bottom-lg {
  padding-bottom: 2em;
  padding-bottom: var(--space-lg);
}

.padding-bottom-xl {
  padding-bottom: 3.25em;
  padding-bottom: var(--space-xl);
}

.padding-bottom-xxl {
  padding-bottom: 5.25em;
  padding-bottom: var(--space-xxl);
}

.padding-bottom-xxxl {
  padding-bottom: 8.5em;
  padding-bottom: var(--space-xxxl);
}

.padding-bottom-xxxxl {
  padding-bottom: 13.75em;
  padding-bottom: var(--space-xxxxl);
}

.padding-bottom-component {
  padding-bottom: 1.25em;
  padding-bottom: var(--component-padding);
}

.padding-right-md {
  padding-right: 1.25em;
  padding-right: var(--space-md);
}

.padding-right-xxxxs {
  padding-right: 0.125em;
  padding-right: var(--space-xxxxs);
}

.padding-right-xxxs {
  padding-right: 0.25em;
  padding-right: var(--space-xxxs);
}

.padding-right-xxs {
  padding-right: 0.375em;
  padding-right: var(--space-xxs);
}

.padding-right-xs {
  padding-right: 0.5em;
  padding-right: var(--space-xs);
}

.padding-right-sm {
  padding-right: 0.75em;
  padding-right: var(--space-sm);
}

.padding-right-lg {
  padding-right: 2em;
  padding-right: var(--space-lg);
}

.padding-right-xl {
  padding-right: 3.25em;
  padding-right: var(--space-xl);
}

.padding-right-xxl {
  padding-right: 5.25em;
  padding-right: var(--space-xxl);
}

.padding-right-xxxl {
  padding-right: 8.5em;
  padding-right: var(--space-xxxl);
}

.padding-right-xxxxl {
  padding-right: 13.75em;
  padding-right: var(--space-xxxxl);
}

.padding-right-component {
  padding-right: 1.25em;
  padding-right: var(--component-padding);
}

.padding-left-md {
  padding-left: 1.25em;
  padding-left: var(--space-md);
}

.padding-left-xxxxs {
  padding-left: 0.125em;
  padding-left: var(--space-xxxxs);
}

.padding-left-xxxs {
  padding-left: 0.25em;
  padding-left: var(--space-xxxs);
}

.padding-left-xxs {
  padding-left: 0.375em;
  padding-left: var(--space-xxs);
}

.padding-left-xs {
  padding-left: 0.5em;
  padding-left: var(--space-xs);
}

.padding-left-sm {
  padding-left: 0.75em;
  padding-left: var(--space-sm);
}

.padding-left-lg {
  padding-left: 2em;
  padding-left: var(--space-lg);
}

.padding-left-xl {
  padding-left: 3.25em;
  padding-left: var(--space-xl);
}

.padding-left-xxl {
  padding-left: 5.25em;
  padding-left: var(--space-xxl);
}

.padding-left-xxxl {
  padding-left: 8.5em;
  padding-left: var(--space-xxxl);
}

.padding-left-xxxxl {
  padding-left: 13.75em;
  padding-left: var(--space-xxxxl);
}

.padding-left-component {
  padding-left: 1.25em;
  padding-left: var(--component-padding);
}

.padding-x-md {
  padding-left: 1.25em;
  padding-left: var(--space-md);
  padding-right: 1.25em;
  padding-right: var(--space-md);
}

.padding-x-xxxxs {
  padding-left: 0.125em;
  padding-left: var(--space-xxxxs);
  padding-right: 0.125em;
  padding-right: var(--space-xxxxs);
}

.padding-x-xxxs {
  padding-left: 0.25em;
  padding-left: var(--space-xxxs);
  padding-right: 0.25em;
  padding-right: var(--space-xxxs);
}

.padding-x-xxs {
  padding-left: 0.375em;
  padding-left: var(--space-xxs);
  padding-right: 0.375em;
  padding-right: var(--space-xxs);
}

.padding-x-xs {
  padding-left: 0.5em;
  padding-left: var(--space-xs);
  padding-right: 0.5em;
  padding-right: var(--space-xs);
}

.padding-x-sm {
  padding-left: 0.75em;
  padding-left: var(--space-sm);
  padding-right: 0.75em;
  padding-right: var(--space-sm);
}

.padding-x-lg {
  padding-left: 2em;
  padding-left: var(--space-lg);
  padding-right: 2em;
  padding-right: var(--space-lg);
}

.padding-x-xl {
  padding-left: 3.25em;
  padding-left: var(--space-xl);
  padding-right: 3.25em;
  padding-right: var(--space-xl);
}

.padding-x-xxl {
  padding-left: 5.25em;
  padding-left: var(--space-xxl);
  padding-right: 5.25em;
  padding-right: var(--space-xxl);
}

.padding-x-xxxl {
  padding-left: 8.5em;
  padding-left: var(--space-xxxl);
  padding-right: 8.5em;
  padding-right: var(--space-xxxl);
}

.padding-x-xxxxl {
  padding-left: 13.75em;
  padding-left: var(--space-xxxxl);
  padding-right: 13.75em;
  padding-right: var(--space-xxxxl);
}

.padding-x-component {
  padding-left: 1.25em;
  padding-left: var(--component-padding);
  padding-right: 1.25em;
  padding-right: var(--component-padding);
}

.padding-y-md {
  padding-top: 1.25em;
  padding-top: var(--space-md);
  padding-bottom: 1.25em;
  padding-bottom: var(--space-md);
}

.padding-y-xxxxs {
  padding-top: 0.125em;
  padding-top: var(--space-xxxxs);
  padding-bottom: 0.125em;
  padding-bottom: var(--space-xxxxs);
}

.padding-y-xxxs {
  padding-top: 0.25em;
  padding-top: var(--space-xxxs);
  padding-bottom: 0.25em;
  padding-bottom: var(--space-xxxs);
}

.padding-y-xxs {
  padding-top: 0.375em;
  padding-top: var(--space-xxs);
  padding-bottom: 0.375em;
  padding-bottom: var(--space-xxs);
}

.padding-y-xs {
  padding-top: 0.5em;
  padding-top: var(--space-xs);
  padding-bottom: 0.5em;
  padding-bottom: var(--space-xs);
}

.padding-y-sm {
  padding-top: 0.75em;
  padding-top: var(--space-sm);
  padding-bottom: 0.75em;
  padding-bottom: var(--space-sm);
}

.padding-y-lg {
  padding-top: 2em;
  padding-top: var(--space-lg);
  padding-bottom: 2em;
  padding-bottom: var(--space-lg);
}

.padding-y-xl {
  padding-top: 3.25em;
  padding-top: var(--space-xl);
  padding-bottom: 3.25em;
  padding-bottom: var(--space-xl);
}

.padding-y-xxl {
  padding-top: 5.25em;
  padding-top: var(--space-xxl);
  padding-bottom: 5.25em;
  padding-bottom: var(--space-xxl);
}

.padding-y-xxxl {
  padding-top: 8.5em;
  padding-top: var(--space-xxxl);
  padding-bottom: 8.5em;
  padding-bottom: var(--space-xxxl);
}

.padding-y-xxxxl {
  padding-top: 13.75em;
  padding-top: var(--space-xxxxl);
  padding-bottom: 13.75em;
  padding-bottom: var(--space-xxxxl);
}

.padding-y-component {
  padding-top: 1.25em;
  padding-top: var(--component-padding);
  padding-bottom: 1.25em;
  padding-bottom: var(--component-padding);
}

@media not all and (min-width: 32rem) {
  .has-padding\@xs {
    padding: 0 !important;
  }
}
@media not all and (min-width: 48rem) {
  .has-padding\@sm {
    padding: 0 !important;
  }
}
@media not all and (min-width: 64rem) {
  .has-padding\@md {
    padding: 0 !important;
  }
}
@media not all and (min-width: 80rem) {
  .has-padding\@lg {
    padding: 0 !important;
  }
}
@media not all and (min-width: 90rem) {
  .has-padding\@xl {
    padding: 0 !important;
  }
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-replace {
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

@media (min-width: 32rem) {
  .text-center\@xs {
    text-align: center;
  }

  .text-left\@xs {
    text-align: left;
  }

  .text-right\@xs {
    text-align: right;
  }
}
@media (min-width: 48rem) {
  .text-center\@sm {
    text-align: center;
  }

  .text-left\@sm {
    text-align: left;
  }

  .text-right\@sm {
    text-align: right;
  }
}
@media (min-width: 64rem) {
  .text-center\@md {
    text-align: center;
  }

  .text-left\@md {
    text-align: left;
  }

  .text-right\@md {
    text-align: right;
  }
}
@media (min-width: 80rem) {
  .text-center\@lg {
    text-align: center;
  }

  .text-left\@lg {
    text-align: left;
  }

  .text-right\@lg {
    text-align: right;
  }
}
@media (min-width: 90rem) {
  .text-center\@xl {
    text-align: center;
  }

  .text-left\@xl {
    text-align: left;
  }

  .text-right\@xl {
    text-align: right;
  }
}
.color-inherit {
  color: inherit;
}

.color-contrast-medium {
  color: #79797c;
  color: var(--color-contrast-medium, #79797c);
}

.color-contrast-high {
  color: #313135;
  color: var(--color-contrast-high, #313135);
}

.color-contrast-higher {
  color: #1c1c21;
  color: var(--color-contrast-higher, #1c1c21);
}

.color-primary {
  color: #2a6df4;
  color: var(--color-primary, #2a6df4);
}

.color-accent {
  color: #f54251;
  color: var(--color-accent, #f54251);
}

.color-success {
  color: #88c559;
  color: var(--color-success, #88c559);
}

.color-warning {
  color: #ffd138;
  color: var(--color-warning, #ffd138);
}

.color-error {
  color: #f54251;
  color: var(--color-error, #f54251);
}

.width-100\% {
  width: 100%;
}

.height-100\% {
  height: 100%;
}

.media-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.media-wrapper iframe,
.media-wrapper video,
.media-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.media-wrapper video,
.media-wrapper img {
  -o-object-fit: cover;
  object-fit: cover;
}

.media-wrapper--4\:3 {
  padding-bottom: 75%;
}

:root,
[data-theme=default] {
  --color-primary-darker: hsl(220, 90%, 36%);
  --color-primary-darker-h: 220;
  --color-primary-darker-s: 90%;
  --color-primary-darker-l: 36%;
  --color-primary-dark: hsl(220, 90%, 46%);
  --color-primary-dark-h: 220;
  --color-primary-dark-s: 90%;
  --color-primary-dark-l: 46%;
  --color-primary: hsl(220, 90%, 56%);
  --color-primary-h: 220;
  --color-primary-s: 90%;
  --color-primary-l: 56%;
  --color-primary-light: hsl(220, 90%, 66%);
  --color-primary-light-h: 220;
  --color-primary-light-s: 90%;
  --color-primary-light-l: 66%;
  --color-primary-lighter: hsl(220, 90%, 76%);
  --color-primary-lighter-h: 220;
  --color-primary-lighter-s: 90%;
  --color-primary-lighter-l: 76%;
  --color-accent-darker: hsl(355, 90%, 41%);
  --color-accent-darker-h: 355;
  --color-accent-darker-s: 90%;
  --color-accent-darker-l: 41%;
  --color-accent-dark: hsl(355, 90%, 51%);
  --color-accent-dark-h: 355;
  --color-accent-dark-s: 90%;
  --color-accent-dark-l: 51%;
  --color-accent: hsl(355, 90%, 61%);
  --color-accent-h: 355;
  --color-accent-s: 90%;
  --color-accent-l: 61%;
  --color-accent-light: hsl(355, 90%, 71%);
  --color-accent-light-h: 355;
  --color-accent-light-s: 90%;
  --color-accent-light-l: 71%;
  --color-accent-lighter: hsl(355, 90%, 81%);
  --color-accent-lighter-h: 355;
  --color-accent-lighter-s: 90%;
  --color-accent-lighter-l: 81%;
  --color-black: hsl(240, 8%, 12%);
  --color-black-h: 240;
  --color-black-s: 8%;
  --color-black-l: 12%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-success-darker: hsl(94, 48%, 36%);
  --color-success-darker-h: 94;
  --color-success-darker-s: 48%;
  --color-success-darker-l: 36%;
  --color-success-dark: hsl(94, 48%, 46%);
  --color-success-dark-h: 94;
  --color-success-dark-s: 48%;
  --color-success-dark-l: 46%;
  --color-success: hsl(94, 48%, 56%);
  --color-success-h: 94;
  --color-success-s: 48%;
  --color-success-l: 56%;
  --color-success-light: hsl(94, 48%, 66%);
  --color-success-light-h: 94;
  --color-success-light-s: 48%;
  --color-success-light-l: 66%;
  --color-success-lighter: hsl(94, 48%, 76%);
  --color-success-lighter-h: 94;
  --color-success-lighter-s: 48%;
  --color-success-lighter-l: 76%;
  --color-error-darker: hsl(355, 90%, 41%);
  --color-error-darker-h: 355;
  --color-error-darker-s: 90%;
  --color-error-darker-l: 41%;
  --color-error-dark: hsl(355, 90%, 51%);
  --color-error-dark-h: 355;
  --color-error-dark-s: 90%;
  --color-error-dark-l: 51%;
  --color-error: hsl(355, 90%, 61%);
  --color-error-h: 355;
  --color-error-s: 90%;
  --color-error-l: 61%;
  --color-error-light: hsl(355, 90%, 71%);
  --color-error-light-h: 355;
  --color-error-light-s: 90%;
  --color-error-light-l: 71%;
  --color-error-lighter: hsl(355, 90%, 81%);
  --color-error-lighter-h: 355;
  --color-error-lighter-s: 90%;
  --color-error-lighter-l: 81%;
  --color-warning-darker: hsl(46, 100%, 41%);
  --color-warning-darker-h: 46;
  --color-warning-darker-s: 100%;
  --color-warning-darker-l: 41%;
  --color-warning-dark: hsl(46, 100%, 51%);
  --color-warning-dark-h: 46;
  --color-warning-dark-s: 100%;
  --color-warning-dark-l: 51%;
  --color-warning: hsl(46, 100%, 61%);
  --color-warning-h: 46;
  --color-warning-s: 100%;
  --color-warning-l: 61%;
  --color-warning-light: hsl(46, 100%, 71%);
  --color-warning-light-h: 46;
  --color-warning-light-s: 100%;
  --color-warning-light-l: 71%;
  --color-warning-lighter: hsl(46, 100%, 81%);
  --color-warning-lighter-h: 46;
  --color-warning-lighter-s: 100%;
  --color-warning-lighter-l: 81%;
  --color-bg: hsl(0, 0%, 100%);
  --color-bg-h: 0;
  --color-bg-s: 0%;
  --color-bg-l: 100%;
  --color-contrast-lower: hsl(0, 0%, 95%);
  --color-contrast-lower-h: 0;
  --color-contrast-lower-s: 0%;
  --color-contrast-lower-l: 95%;
  --color-contrast-low: hsl(240, 1%, 83%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 1%;
  --color-contrast-low-l: 83%;
  --color-contrast-medium: hsl(240, 1%, 48%);
  --color-contrast-medium-h: 240;
  --color-contrast-medium-s: 1%;
  --color-contrast-medium-l: 48%;
  --color-contrast-high: hsl(240, 4%, 20%);
  --color-contrast-high-h: 240;
  --color-contrast-high-s: 4%;
  --color-contrast-high-l: 20%;
  --color-contrast-higher: hsl(240, 8%, 12%);
  --color-contrast-higher-h: 240;
  --color-contrast-higher-s: 8%;
  --color-contrast-higher-l: 12%;
}

@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --space-unit: 1.25em;
    }
  }
}
:root {
  --radius: 0.25em;
}

@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --text-base-size: 1.25em;
      --text-scale-ratio: 1.25;
    }
  }
}
mark {
  background-color: rgba(245, 66, 81, 0.2);
  background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
  color: inherit;
}

.text-component {
  --line-height-multiplier: 1;
  --text-vspace-multiplier: 1;
}

.text-component blockquote {
  padding-left: 1em;
  border-left: 4px solid #d3d3d4;
  border-left: 4px solid var(--color-contrast-low);
}

.text-component hr {
  background: #d3d3d4;
  background: var(--color-contrast-low);
  height: 1px;
}

.text-component figcaption {
  font-size: 0.83333em;
  font-size: var(--text-sm);
  color: #79797c;
  color: var(--color-contrast-medium);
}

.article.text-component {
  --line-height-multiplier: 1.13;
  --text-vspace-multiplier: 1.2;
}

.form-control {
  border: 2px solid #d3d3d4;
  border: 2px solid var(--color-contrast-low);
}

.form-control:focus {
  outline: none;
  border-color: #2a6df4;
  border-color: var(--color-primary);
  --color-shadow: hsla(220, 90%, 56%, 0.2);
  --color-shadow: hsla(var(--color-primary-h),
          var(--color-primary-s),
          var(--color-primary-l),
          0.2);
  box-shadow: undefined;
  box-shadow: 0 0 0 3px var(--color-shadow);
}

.form-control:focus:focus {
  box-shadow: 0 0 0 3px rgba(42, 109, 244, 0.2);
  box-shadow: 0 0 0 3px var(--color-shadow);
}

.form-control[aria-invalid=true] {
  border-color: #f54251;
  border-color: var(--color-error);
}

.form-control[aria-invalid=true]:focus {
  --color-shadow: hsla(355, 90%, 61%, 0.2);
  --color-shadow: hsla(var(--color-error-h),
          var(--color-error-s),
          var(--color-error-l),
          0.2);
  box-shadow: undefined;
  box-shadow: 0 0 0 3px var(--color-shadow);
}

.form-control[aria-invalid=true]:focus:focus {
  box-shadow: 0 0 0 3px rgba(245, 66, 81, 0.2);
  box-shadow: 0 0 0 3px var(--color-shadow);
}

.form-label {
  font-size: 0.83333em;
  font-size: var(--text-sm);
}

@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --cd-header-height: 300px;
    }
  }
}
.cd-main-header {
  height: 200px;
  height: var(--cd-header-height);
  background: #303f4a;
  background: var(--cd-color-1);
  color: white;
  color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-main-header h1 {
  font-family: "Open Sans", sans-serif;
  font-family: var(--font-secondary);
  color: inherit;
}

section.cd-timeline select {
  height: 35px;
  border-radius: 5px;
  margin-bottom: 60px;
  margin-right: 30px;
  padding: 0 10px;
}

.cd-timeline {
  overflow: hidden;
  padding: 2em 0;
  padding: var(--space-lg) 0;
  color: #818d98;
  color: var(--cd-color-3);
  background-color: #e8eff5;
  font-family: "Droid Serif", serif;
  font-family: var(--font-primary);
  padding: 30px 15px;
  margin: 0 30px 30px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 5px;
}

.cd-timeline h2 {
  font-family: "Open Sans", sans-serif;
  font-family: var(--font-secondary);
  font-weight: 700;
}

.cd-timeline__container {
  position: relative;
  padding: 1.25em 0;
  padding: var(--space-md) 0;
}

.cd-timeline__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d8e5ee;
}

@media (min-width: 64rem) {
  .cd-timeline__container::before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.cd-timeline__block {
  display: flex;
  position: relative;
  z-index: 1;
  margin-bottom: 2em;
  margin-bottom: var(--space-lg);
}

.cd-timeline__block:last-child {
  margin-bottom: 0;
}

@media (min-width: 64rem) {
  .cd-timeline__block:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.cd-timeline__img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 4px var(--color-white), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.cd-timeline__img img {
  width: 24px;
  height: 24px;
}

@media (min-width: 64rem) {
  .cd-timeline__img {
    width: 60px;
    height: 60px;
    order: 1;
    margin-left: calc(5% - 30px);
    will-change: transform;
  }

  .cd-timeline__block:nth-child(even) .cd-timeline__img {
    margin-right: calc(5% - 30px);
  }
}
.cd-timeline__img--picture {
  background-color: #6259ca;
}

.cd-timeline__img--movie {
  background-color: #bf3b44;
  background-color: var(--cd-color-5);
}

.cd-timeline__img--location {
  background-color: #f0cb47;
  background-color: var(--cd-color-6);
}

.cd-timeline__content {
  flex-grow: 1;
  position: relative;
  margin-left: 1.25em;
  margin-left: var(--space-md);
  background: white;
  background: var(--color-white);
  border-radius: 0.25em;
  border-radius: var(--radius-md);
  padding: 15px;
  box-shadow: 0 3px 0 #d8e5ee;
  box-shadow: 0 3px 0 var(--cd-color-2);
}

.cd-timeline__content::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 100%;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-right-color: white;
  border-right-color: var(--color-white);
}

.cd-timeline__content h2 {
  color: #303f4a;
  color: var(--cd-color-1);
}

@media (min-width: 64rem) {
  .cd-timeline__content {
    width: 45%;
    flex-grow: 0;
    will-change: transform;
    margin: 0;
    font-size: 0.8em;
    --line-height-multiplier: 1.2;
  }

  .cd-timeline__content::before {
    top: 24px;
  }

  .cd-timeline__block:nth-child(odd) .cd-timeline__content::before {
    right: auto;
    left: 100%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left-color: white;
    border-left-color: var(--color-white);
  }
}
.cd-timeline__date {
  color: rgba(129, 141, 152, 0.7);
  color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.7);
}

@media (min-width: 64rem) {
  .cd-timeline__date {
    position: absolute;
    width: 100%;
    left: 120%;
    top: 20px;
  }

  .cd-timeline__block:nth-child(even) .cd-timeline__date {
    left: auto;
    right: 120%;
    text-align: right;
  }
}
@media (min-width: 64rem) {
  .cd-timeline__img--hidden,
.cd-timeline__content--hidden {
    visibility: hidden;
  }

  .cd-timeline__img--bounce-in {
    -webkit-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }

  .cd-timeline__content--bounce-in {
    -webkit-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }

  .cd-timeline__block:nth-child(even) .cd-timeline__content--bounce-in {
    -webkit-animation-name: cd-bounce-2-inverse;
    animation-name: cd-bounce-2-inverse;
  }
}
@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0);
  }
}
ul#pills-tab {
  padding: 30px 15px;
}

input:checked + .slider {
  background-color: #00ba00 !important;
}

.slider {
  background-color: #e74a4a;
}

label.switch.switch-danger {
  margin: 0 15px 0 0;
}

.refreshDashboard {
  margin-right: 1rem;
}
.refreshDashboard .fa {
  font-size: 1.3rem;
  margin-right: 1rem;
  margin-left: 0.25rem;
}

.form-control-feedback.form-text {
  color: red;
}

.main-signin-wrapper .signpages .details {
  background-color: #212121 !important;
  background-image: none !important;
}
.main-signin-wrapper .signpages .details:before {
  display: none;
}
.main-signin-wrapper .signpages .details .header-brand-img {
  max-width: 125px;
}
.main-signin-wrapper .signpages .btn-main-primary {
  background-color: #afb3ef !important;
  border-color: #afb3ef !important;
  color: #212121;
}
.main-signin-wrapper .signpages .login_form .form-horizontal .form-group label {
  display: none;
}
.main-signin-wrapper .clientBrand {
  margin-bottom: 1.5rem;
  align-items: center;
  align-content: space-between;
  background-color: #fff;
  padding: 0 1rem;
}
.main-signin-wrapper .clientBrand span {
  text-transform: uppercase;
  font-size: 14px;
  padding-right: 0.5rem;
  font-weight: 500;
  flex: 1;
}
.main-signin-wrapper .clientBrand img {
  max-height: 40px;
  margin-bottom: 0 !important;
  margin: 0.25rem !important;
  filter: contrast(0.5);
}

#offersList_wrapper {
  width: 100%;
}
#offersList_wrapper #offersList_filter {
  display: none;
}
#offersList_wrapper .dataTables_length {
  margin-top: -2rem;
}

.filtersWrapper .filtersContainer {
  align-items: center;
  justify-content: space-between;
}
.filtersWrapper .filtersContainer label {
  white-space: nowrap;
  font-weight: 500;
  padding: 0 0.5rem;
  margin-bottom: 0;
}
.filtersWrapper .filtersContainer .select2-selection__rendered {
  padding-right: 2rem;
}
.filtersWrapper .filtersContainer .Type {
  align-items: center;
  margin-bottom: 0;
  margin: 0 15px;
}

.offersList#offersList {
  margin-top: 2rem !important;
}
.offersList .button-list .btn {
  margin-left: 0.1rem;
  padding: 0.3rem 0.5rem;
}
.offersList .button-list .btn i {
  font-size: 1.1rem;
}

.offerDetails .offerBreif .d-flex {
  align-items: center;
}
.offerDetails .offerBreif .d-flex i {
  font-size: 1.1rem;
}
.offerDetails .offerBreif .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #000;
  border-color: #000 #000 #000;
}
.offerDetails .offerBreif .tab-content .row {
  align-items: center;
}
.offerDetails .offerBreif label {
  text-transform: none;
  padding-top: 0.8rem !important;
}

.offersHistoryPage .no-items-found {
  text-align: center;
  margin: 2rem 0;
}
.offersHistoryPage .no-items-found .icon-magnifier {
  display: none;
}
.offersHistoryPage .filtersContainer .form-control, .offersHistoryPage .filtersContainer .btn.ripple.btn-primary {
  height: 46px !important;
  font-size: 17px !important;
}

.createOfferWizard,
.form-create {
  margin-top: 1rem;
}
.createOfferWizard .actions,
.form-create .actions {
  margin-top: 1rem;
}
.createOfferWizard .actions ul li a,
.form-create .actions ul li a {
  background-color: #403fad;
}
.createOfferWizard .actions ul li.disabled a,
.form-create .actions ul li.disabled a {
  background-color: #4c29cb;
}
.createOfferWizard .actions ul li.disabled a:hover,
.form-create .actions ul li.disabled a:hover {
  background-color: #4c29cb;
}
.createOfferWizard .actions ul li:last-child a,
.form-create .actions ul li:last-child a {
  background-color: #62b774;
}
.createOfferWizard .hasActiveOffer .alert,
.form-create .hasActiveOffer .alert {
  color: #626464;
}
.createOfferWizard .hasActiveOffer .alert a,
.form-create .hasActiveOffer .alert a {
  color: #626464;
  font-weight: bolder;
}
.createOfferWizard .hasActiveOffer .alert a:hover,
.form-create .hasActiveOffer .alert a:hover {
  text-decoration: underline;
}
.createOfferWizard .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p,
.form-create .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
  padding-right: 5rem;
}
.createOfferWizard #wizard1-p-2 .actions .btn-primary,
.form-create #wizard1-p-2 .actions .btn-primary {
  background-color: #62b774;
  border-color: #62b774;
}
.createOfferWizard .was-validated .form-control:invalid,
.createOfferWizard .form-control.is-invalid,
.createOfferWizard input.form-control.parsley-error,
.createOfferWizard textarea.form-control.parsley-error,
.createOfferWizard .was-validated .form-control:valid,
.createOfferWizard .form-control.is-valid,
.createOfferWizard input.form-control.parsley-success,
.createOfferWizard textarea.form-control.parsley-success,
.form-create .was-validated .form-control:invalid,
.form-create .form-control.is-invalid,
.form-create input.form-control.parsley-error,
.form-create textarea.form-control.parsley-error,
.form-create .was-validated .form-control:valid,
.form-create .form-control.is-valid,
.form-create input.form-control.parsley-success,
.form-create textarea.form-control.parsley-success {
  background-position: 98% calc(0.375rem + 0.1875rem);
}

.storeListPage #offersList_length label {
  display: none !important;
}
.storeListPage .dataTables_info {
  display: none;
}
.storeListPage .paginationContainer .pagination-caption {
  font-style: italic;
  font-size: 0.8rem;
  color: gray;
}

.vue-dialog .dialog-content {
  text-align: center;
}
.vue-dialog .dialog-content .dialog-c-title {
  color: #fd6074;
  font-size: 1.1rem;
}
.vue-dialog .dialog-content .dialog-c-text {
  font-weight: 500;
  letter-spacing: 1px;
}
.vue-dialog .vue-dialog-buttons .vue-dialog-button {
  background: #fd6074;
  color: #fff;
  font-weight: 500;
}
.vue-dialog .vue-dialog-buttons .vue-dialog-button:hover {
  background: #f53729;
}
.vue-dialog .vue-dialog-buttons .vue-dialog-button:first-child {
  background: #62b774;
  color: #fff;
}
.vue-dialog .vue-dialog-buttons .vue-dialog-button:first-child:hover {
  background: #15a552;
}
.vue-dialog .vue-dialog-buttons .vue-dialog-button span.btn-danger {
  background-color: transparent !important;
}

.statusColContainer {
  border: 1px solid #ededf9;
}
.statusColContainer .title h3 {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  background-color: #ededf9;
  padding: 1rem 0.5rem;
}
.statusColContainer .title p {
  padding: 0.5rem 1rem;
}
.statusColContainer .week h5 .badge {
  width: 5px;
  height: 5px;
  padding: 5px;
  display: inline-block;
  margin-right: 0.5rem;
}
.statusColContainer .actions {
  padding: 1rem 2.5rem;
}
.statusColContainer .title.linkstyle a.btn-primary {
  background-color: black;
  color: white;
  width: 95%;
  margin: 1px auto;
  margin-bottom: 1px;
  padding: 1rem;
}

@media screen and (min-width: 1200px) {
  .table-responsive {
    overflow-x: hidden;
  }
}
.form-create .card-header {
  display: none;
}
.form-create .form-control .autocomplete__box {
  border: none;
  padding-left: 0;
}
.form-create .form-control .autocomplete__box img {
  opacity: 0.8;
}
.form-create .form-control .autocomplete__box input::-moz-placeholder {
  color: #a8afc7;
}
.form-create .form-control .autocomplete__box input:-ms-input-placeholder {
  color: #a8afc7;
}
.form-create .form-control .autocomplete__box input::placeholder {
  color: #a8afc7;
}

.calendarPage .CalendarPageHeader {
  margin-bottom: 2rem;
}
.calendarPage .calendarWrapper .regionsList .regionHeaderSpace {
  height: 118px;
}
.calendarPage .calendarWrapper .regionsList ul {
  padding: 0;
  margin: 0;
}
.calendarPage .calendarWrapper .regionsList ul li {
  list-style: none;
  text-align: center;
  padding: 0.75rem;
}
.calendarPage .calendarWrapper .regionsList ul li:nth-child(odd) {
  background-color: #f3f2f2;
}
.calendarPage .calendarWrapper .regionsList ul li h5 {
  margin: 0;
  white-space: nowrap;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .owl-nav {
  position: absolute;
  top: 6rem;
  width: 100%;
  z-index: 1;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .owl-nav button {
  width: 25px !important;
  height: 36px !important;
  background: url(../../img/pngs/arrow-left.png) no-repeat 0 0 !important;
  background-size: cover !important;
  box-shadow: none;
  border: none !important;
  border-radius: 0 !important;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .owl-nav button span, .calendarPage .calendarWrapper .calendarSlots .slotsCarousel .owl-nav button:before {
  display: none;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .owl-nav .owl-prev {
  left: -1rem;
  width: 2rem;
  height: 2rem;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .owl-nav .owl-next {
  right: -1rem;
  width: 2rem;
  height: 2rem;
  background-image: url(../../img/pngs/arrow-right.png) !important;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .owl-item {
  padding: 0 1rem;
  cursor: auto;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .calendarHeader .month {
  text-transform: uppercase;
  cursor: text;
  font-size: 1.1rem;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .calendarHeader .weeks {
  text-align: center;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .calendarHeader .weeks h5 {
  font-size: 0.8rem;
  font-weight: 500;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots {
  border: 1px solid #f3f2f2;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots .row {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots .row > .col {
  white-space: nowrap;
  padding: 0.7rem;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots .badge {
  width: 5px;
  height: 5px;
  padding: 5px;
  display: inline-block;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots .badge.badge-success {
  background-color: #3bc558;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots .badge.badge-dark {
  background-color: #626464;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots .addWeekSlot {
  color: #626464;
  display: inline-block;
  width: 100%;
}
.calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots .addWeekSlot:hover, .calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots .addWeekSlot:active {
  color: #3bc558;
}
.calendarPage .calendarDetails .calendarKeys {
  padding-top: 1rem;
}
.calendarPage .calendarDetails .calendarKeys .key {
  display: inline-block;
  margin-right: 0.5rem;
  font-weight: 600;
  font-size: 0.8rem;
  padding-bottom: 1rem;
}
.calendarPage .calendarDetails .calendarKeys .key.text-primary.emptyWeek {
  color: #626464 !important;
}
.calendarPage .calendarDetails .calendarKeys .key.text-primary.emptyWeek .badge-pill.badge-primary {
  background-color: #626464;
}
.calendarPage .calendarDetails .calendarKeys .badge {
  width: 5px;
  height: 5px;
  padding: 5px;
  display: inline-block;
  margin-left: 0.5rem;
}
.calendarPage .calendarDetails .createSlotBtn {
  margin-top: 1rem;
}
.calendarPage .calendarDetails .createSlotBtn .btn {
  text-transform: uppercase;
}
.calendarPage .calendarDetails .selectedSlotsDetails {
  background-color: #f9f9f9;
  border: 1px solid #e3e3e3;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body {
  padding: 0;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotTitle {
  justify-content: space-between;
  padding: 1rem;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotTitle .regionName {
  text-align: left;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotTitle .regionName p {
  font-weight: 500;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotTitle .weekRange {
  font-weight: 500;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul {
  padding: 0;
  margin: 0;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul li {
  border-top: 1px solid #e3e3e3;
  list-style: none;
  padding: 1rem;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .slotType {
  text-align: left;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .slotType span {
  font-size: 1rem;
  font-weight: 600;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .slotType .badge {
  width: 5px;
  height: 5px;
  padding: 5px;
  display: inline-block;
  margin-right: 0.5rem;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .storeSlots table {
  margin-bottom: 0;
  margin-top: 0.5rem;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .storeSlots table thead td {
  font-weight: 600;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .storeSlots table td {
  padding: 2px 15px;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .storeSlots table td a {
  color: #000;
  text-decoration: underline;
}
.calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .storeSlots table td a:hover, .calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .storeSlots table td a:active {
  color: #000;
  text-decoration: none;
}

@media only screen and (max-width: 1300px) {
  .calendarPage .calendarWrapper .regionsList {
    padding-right: 0;
  }
  .calendarPage .calendarWrapper .regionsList ul li {
    padding: 0.774rem 0.5rem;
  }
  .calendarPage .calendarWrapper .regionsList ul li h5 {
    font-size: 0.75rem;
  }
  .calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .calendarHeader .weeks h6 {
    font-size: 0.75rem;
  }
  .calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .calendarHeader .weeks h8 {
    font-size: 0.7rem;
  }
  .calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots {
    padding: 0.5rem 0.7rem;
  }
  .calendarPage .calendarWrapper .calendarSlots .slotsCarousel .item .monthBody .regionSlots .weekSlots .addWeekSlot {
    font-size: 0.8rem;
  }
  .calendarPage .calendarDetails .calendarKeys .key {
    font-size: 0.7rem;
    padding-bottom: 0.5rem;
  }
  .calendarPage .calendarDetails .createSlotBtn .btn {
    font-size: 0.9rem;
  }
  .calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotTitle {
    display: block !important;
  }
  .calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotTitle h5 {
    font-size: 0.9rem;
  }
  .calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotTitle .weekRange {
    text-align: left;
    font-size: 0.8rem;
    font-weight: 400;
  }
  .calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .slotType span {
    font-size: 0.8rem;
  }
  .calendarPage .calendarDetails .selectedSlotsDetails .card-body .slotsList ul .storeSlots table td {
    padding: 0.2rem;
  }
}
.interventionPage {
  margin: 0;
}

.plan {
  display: none;
}

.frontCalendar {
  overflow-x: hidden;
}
.frontCalendar img {
  max-width: 100%;
}
.frontCalendar .calHeader {
  background: url(../../img/calendar/header-bg.gif) repeat-x 0 0;
  height: 150px;
}
.frontCalendar .calHeader img {
  margin-top: 15px;
  max-height: 100px;
  margin-left: 1rem;
}
.frontCalendar .pageTitle {
  text-transform: uppercase;
  padding: 2rem 0;
  margin-bottom: 1rem;
}
.frontCalendar .pageTitle h1:after {
  display: block;
  content: "";
  width: 150px;
  height: 10px;
  background: #000;
}
.frontCalendar .clientCalendarContainer {
  background-color: #fff;
  padding-top: 3rem;
}
.frontCalendar .clientCalendarContainer .offerTitle {
  border-left: 15px solid #ff4343;
  padding-left: 1rem;
  margin-bottom: 3rem;
}
.frontCalendar .clientCalendarContainer .offerTitle h3 {
  text-transform: uppercase;
}
.frontCalendar .clientCalendarContainer .offerTitle h3 span {
  color: #62a1b6;
}
.frontCalendar .clientCalendarContainer .offerTitle h5 span {
  color: #bd9f70;
}
.frontCalendar .clientCalendarContainer .chooseTitle h5:after {
  display: block;
  content: "";
  width: 150px;
  height: 5px;
  background: #000;
  margin-top: 5px;
}
.frontCalendar .clientCalendarContainer .calendarCont {
  margin-bottom: 6rem;
}
.frontCalendar .clientCalendarContainer .specialRquestBtn {
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.frontCalendar .clientCalendarContainer .specialRquestBtn h4 {
  color: #ff4343;
}
.frontCalendar .clientCalendarContainer .specialRquestBtn p {
  font-weight: 500;
}
.frontCalendar .clientCalendarContainer .specialRquestBtn .btn {
  text-transform: uppercase;
}
.frontCalendar .clientCalendarContainer .specialRequestForm .formWrap {
  border: 1px solid #ff4343;
  border-radius: 5px;
  padding: 2rem 1rem;
}
.frontCalendar .clientCalendarContainer .SubmitSpecial {
  margin: 1rem 0;
}
.frontCalendar .clientCalendarContainer .SubmitSpecial .btn {
  text-transform: uppercase;
}
.frontCalendar .clientCalendarContainer > .container > .row > .col-md-4 h6,
.frontCalendar .clientCalendarContainer > .container > .row .specialRequestForm h6 {
  color: #40bb5a;
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #62b774;
  padding: 1rem 1rem;
  text-align: center;
  line-height: 1.4;
  background-color: #62b77424;
}

.violet {
  color: #62a1b6;
}

.intervention {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.875rem;
}

.frontCalendar .clientCalendarContainer .chooseTitle h5:after {
  margin-top: 15px;
  margin-bottom: 20px;
}

.week {
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}
.week .form-check {
  text-align: left;
  padding: 10px 10px;
}
.week span.weekno {
  font-size: 0.875rem;
  padding: 0;
}
.week span.date {
  font-size: 1rem;
  font-weight: 600;
}
.week.active {
  background-color: #62a1b6;
  border: 1px #f2f2f2 solid;
}
.week .form-check-input {
  margin-left: 0rem;
}
.week .form-check-label {
  padding-left: 1.5rem;
  color: white;
  position: relative;
}
.week.disabled {
  border: 1px #f2f2f2 solid;
}
.week.disabled .form-check-input {
  display: none;
  cursor: not-allowed;
}
.week.disabled .form-check-label {
  color: #bdbdbd;
  cursor: not-allowed;
}
.week.disabled .form-check-label:after,
.week.disabled .form-check-label:before,
.week.disabled input:checked ~ .form-check-label:after {
  display: none;
}
.week input:checked ~ .form-check-label {
  background-color: transparent;
}
.week .form-check-label:after {
  content: "";
  position: absolute;
  display: none;
}
.week input:checked ~ .form-check-label:after {
  display: block;
}
.week .form-check-label:after {
  left: -5px;
  top: 7px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #16647e;
}
.week .form-check-label:before {
  content: "";
  left: -10px;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #62a1b6;
  display: block;
  position: absolute;
  background: white;
}

.carousel-item .row {
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  list-style: none;
}

.carousel-control-prev,
.carousel-control-next {
  color: #000000 !important;
  opacity: 1;
  height: 20px;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
  color: #ff4343 !important;
}