/* MAIN FRONT
ARQUIVO COM TODAS OS CSS PRINCIPAIS */

:root {
  font-size: 16px;
  --gray-lgt: #959cb4;
  --gray-pri: #1f1f1f;
}

[class^="dotto-icon-"],
[class*=" dotto-icon-"] {
  font-family: "dotto" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

a[data-os-output-target=".os-password-reset-form-holder"] {
  background-color: transparent !important;
}

body #page {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.dotto-lightbox-active .dotto-lightbox-w {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
p,
a,
li,
b,
i,
span,
.dotto-admin,
.dotto-w,
.dotto-w h1,
.dotto-w h2,
.dotto-w h3,
.dotto-w h4,
.dotto-w h5,
.dotto-w h6 {
  font-family: "Inter", Arial, Helvetica, Sans-Serif;
  line-height: 1.15;
  -ms-overflow-style: scrollbar;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

h3.summary-header {
  border-bottom: none !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  margin-bottom: 0 !important;
  padding: 40px 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

html,
html.vc_transform,
html.js {
  margin-top: 0 !important;
  scroll-behavior: smooth;
}

i.dotto-icon.dotto-icon-arrow-right,
i.dotto-icon.dotto-icon-arrow-left {
  color: #194af9;
}

i.dotto-icon.dotto-icon-trash {
  color: #ffffff;
}

input#booking_start_date {
  border: oldlace;
  display: flex;
  font-size: 14px;
  justify-content: flex-end;
  margin-left: auto;
  margin-top: -24px;
  text-align: right;
  width: 100px;
}

span.os-item-price {
  color: #959cb4 !important;
  font-size: 15px !important;
  font-weight: 100 !important;
}

span.textoemail {
  font-size: 12px;
  margin-bottom: 18px;
  margin-top: -12px;
  padding: 0 10px;
}

#agendar {
  text-align: center;
}

#booking_status option:nth-child(1),
#booking_status option:nth-child(4) {
  display: none;
}

#booking_status option:nth-child(3) {
  display: none;
}

#masthead {
  border-radius: 20px;
  height: 20vh;
  margin: 20px 0;
  min-height: 150px;
  overflow-y: hidden;
  width: 95%;
  position: relative;
}

#primary {
  display: grid;
  grid-template-areas: "logo img" "article img" "footer footer";
  grid-template-columns: 400px auto;
  grid-template-rows: 90px auto auto;
  margin-top: 30px;
  width: 80%;
}

.page-id-95 #primary {
  display: block;
}

.page-id-95 .logo {
  display: none;
}

#primary .logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 100%;
  grid-area: logo;
  height: 90px;
  margin-left: -4px;
  width: 90px;
}

.logo.vazio h1 {
  font-size: 15px;
  width: 80px;
  max-height: 80px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 5px;
  margin: auto;
}

#primary .logo.vazio {
  background: white;
  border: 1px solid #959cb44a;
  display: flex;
  align-items: center;
}

#primary article#post-94 {
  align-items: flex-start;
  display: flex;
  grid-area: article;
  margin: 0 0 0 0;
  width: 100%;
}

#primary article {
  align-items: flex-start;
  display: flex;
  grid-area: img;
  margin: 0 0 0 0;
  width: 100%;
}

#primary article#post-95 .entry-content {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

#wpadminbar {
  display: none !important;
}

.agent-bio-popup-content-i {
  animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both dottoFadeUp;
}

.agent-bio-popup-feature-label {
  animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.1s both dottoFadeUp;
}

.agent-bio-popup-feature-value {
  animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.05s both dottoFadeUp;
}

.agent-bio-popup-head .agent-bio-title {
  animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both dottoFadeDown;
}

.agent-bio-popup-head h3 {
  animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both dottoFadeDown;
}

.aviso {
  color: #8e97b3;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  min-height: 200px;
  padding-top: 20px;
  background: #ffffff;
  white-space: normal;
}

.bordinha {
  border: 2px solid;
  border-radius: 8px;
  margin: auto;
  margin-top: 10px;
  padding: 3px;
  width: 155px;
}

.botao_atividades,
.botao_configura {
  background: #48d8d0;
  border-radius: 50%;
  bottom: 20px;
  height: 30px;
  position: fixed;
  right: 20px;
  width: 30px;
}

.botao_atividades:hover,
.botao_configura:hover {
  background: #41bbb4;
}

.botao_configura {
  background: #000;
  right: 50px;
}

.confirmation-app-info li:nth-child(3) {
  display: none;
}

.confirmation-cabinet-link-w {
  display: none;
}

.confirmation-head-info {
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: space-around;
}

.confirmation-info-w {
  margin-top: 20px;
  display: grid;
  justify-content: center;
  margin: 0 auto;
  max-width: 600px;
  grid-template-columns: 1fr 1fr;
}

.confirmation-info-w .confirmation-section-heading {
  border-bottom: 1px solid #2d54de;
  color: #2d54de;
  display: block;
  font-size: 18px;
  margin: 15px 0px 5px 0px;
}

.confirmation-info-w ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0px;
  margin-bottom: 0 !important;
  padding: 0px;
}

.confirmation-info-w ul {
  flex-direction: column;
}

.confirmation-info-w ul li {
  text-transform: inherit;
  white-space: nowrap !important;
}

.confirmation-info-w ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #7985ac;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0px;
  padding: 10px 10px 10px 0px;
}

.confirmation-info-w ul li strong {
  color: #1f222b;
  display: block;
  font-size: 13px;
  white-space: nowrap !important;
  letter-spacing: normal;
  text-transform: none;
}

.confirmation-info-w ul li > strong {
  text-overflow: ellipsis;
  width: 200px;
  overflow: hidden;
}

.confirmation-number {
  display: flex;
  color: #1f1f1f !important;
  font-size: 18px !important;
  letter-spacing: 0px !important;
  margin-bottom: 0px !important;
  text-transform: initial !important;
}

.confirmation-number-dois {
  font-size: 12px;
  margin-bottom: 10px;
}

.confirmtick {
  margin: 0 0 10px 0 !important;
}

.current-step-agents .dotto-body {
  overflow-y: auto !important;
}

.current-step-confirmation h3.os-heading-text {
  display: none;
}

.customer-booking .imagemdoservico {
  display: grid;
  grid-template-columns: 50px;
  grid-auto-flow: column;
}

.customer-booking .imagemdoservico .os-item-img-w {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
  display: block;
  height: 60px !important;
  width: 60px !important;
  float: left;
}

.customer-booking > .booking-info-label {
  display: none;
}

.customer-booking > .booking-info-value {
  color: #7985ac;
  font-size: 13px;
  grid-area: sp;
  margin: 0 0 0 20px !important;
  text-align: left !important;
  width: 100%;
}

.customer-booking > .customer-booking-buttons {
  border: ;
  grid-area: agenda;
  margin: 0 auto !important;
  width: 100%;
}

.customer-booking > .customer-booking-info {
  background-color: #f5f7fd;
  border-radius: 10px;
  font-size: 14px;
  grid-area: cont;
  margin: 20px auto !important;
  padding: 10px 15px;
  width: 100%;
}

.customer-booking.passado > .customer-booking-info {
  background-color: rgba(206, 215, 244, 0.2);
}

.customer-booking > .customer-booking-service-color {
  display: none;
}

.customer-booking h6,
.customer-booking .imagemdoservico span.booking-info-value {
  color: #1f1f1f !important;
  margin: 0 0 0 20px !important;
  padding-bottom: 0 !important;
  padding-top: 8px;
  text-align: left !important;
  width: 100%;
  max-width: 186px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.customer-booking-info.customer-booking-info-row.dotto-icon {
  margin: 0 5px 0 0 !important;
}

.customer-bookings-tiles {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0px;
  width: 100%;
}

.customer-bookings-tiles .customer-booking {
  background: #ffffff;
  box-shadow: 20px 20px 50px rgba(144, 155, 194, 0.1);
  color: #222;
  padding: 20px;
  border-radius: 30px;
  flex: 0 0 calc(33.333% - 27px);
  margin: 0 20px 40px 0;
  box-sizing: border-box;
}

.customer-bookings-tiles .customer-booking.passado {
  background: #eff1f9;
}

.customer-bookings-tiles .customer-booking-buttons {
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  flex-wrap: wrap;
}

.customer-bookings-tiles .customer-booking-buttons .dotto-btn {
  display: block;
  padding: 5px 0px;
  white-space: nowrap;
}

.customer-bookings-tiles .customer-booking-buttons .dotto-btn i + span {
  margin-left: 0px;
}

.customer-bookings-tiles
  .customer-booking-buttons
  .dotto-request-booking-cancellation {
  margin-left: auto;
}

.customer-bookings-tiles .customer-booking-info .booking-info-label {
  color: #8e97b3;
  flex: 0 1 60px;
}

.customer-bookings-tiles .customer-booking-info .booking-info-value {
  font-weight: 500;
  flex: 100;
}

.customer-bookings-tiles
  .customer-booking-info
  .booking-info-value.status-approved {
  background-color: #41c75a;
  color: #fff;
}

.customer-bookings-tiles
  .customer-booking-info
  .booking-info-value.status-approved,
.customer-bookings-tiles
  .customer-booking-info
  .booking-info-value.status-pending,
.customer-bookings-tiles
  .customer-booking-info
  .booking-info-value.status-cancelled {
  font-size: 13px;
  padding: 2px 5px;
}

.customer-bookings-tiles
  .customer-booking-info
  .booking-info-value.status-cancelled {
  background-color: #e63c26;
  color: #fff;
}

.customer-bookings-tiles
  .customer-booking-info
  .booking-info-value.status-pending {
  background-color: #fde29f;
  color: #3a2f15;
}

.customer-bookings-tiles .customer-booking-info .customer-booking-info-row {
  display: flex;
  margin: 10px 0px;
}

.customer-bookings-tiles .customer-booking-service-color {
  background-color: rgba(0, 0, 0, 0.1);
  height: 1px;
}

.customer-bookings-tiles h6.customer-booking-service-name {
  color: #2d54de;
  font-size: 16px;
  line-height: 1.2;
  margin: 0px;
  padding-bottom: 20px;
  text-align: center;
}

.customer-bookings-tiles.customer-booking {
  border-radius: 30px;
  display: grid;
  flex: inherit;
  grid-template-areas: "img h6 h6" "img sp sp" "cont cont cont" "agenda agenda agenda";
  grid-template-columns: 60px 1fr 1fr;
  grid-template-rows: 30px 30px 1fr 50px;
  margin-bottom: 30px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
  margin-top: 0px !important;
  padding: 30px !important;
  width: 350px;
}

.customer-dashboard-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  margin: 20px 0px 30px;
}

.customer-dashboard-tabs a {
  color: #8e97b3;
  display: block;
  font-size: 19px;
  font-weight: 500;
  margin-right: 40px;
  padding: 10px 0px;
  position: relative;
  text-decoration: none;
  text-align: center !important;
}

.customer-dashboard-tabs a.active {
  background-color: #fff;
  border-radius: 50px;
  color: #000;
  padding: 12px 16px;
}

.customer-dashboard-tabs a.active:after {
  width: 100%;
}

.customer-dashboard-tabs a:after {
  content: "";
  display: none;
}

.customer-dashboard-tabs a:focus,
.customer-dashboard-tabs a:hover {
  text-decoration: none;
}

.customer-info-create-btn {
  display: none !important;
}

.customer-password-form-w {
  margin-top: 40px;
}

.desknone {
  display: none !important;
}

.device-social .os-social-login-options {
  display: none;
}

.device-social .os-social-or {
  display: none;
}

.dnone {
  display: none !important;
}

.dotto-admin *,
.dotto-admin *::before,
.dotto-admin *::after,
.dotto-w *,
.dotto-w *::before,
.dotto-w *::after {
  box-sizing: border-box;
}

.dotto-admin a:not([href]):not([tabindex]),
.dotto-w a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

.dotto-admin a:not([href]):not([tabindex]):focus,
.dotto-w a:not([href]):not([tabindex]):focus {
  outline: 0;
}

.dotto-admin abbr[title],
.dotto-admin abbr[data-original-title],
.dotto-w abbr[title],
.dotto-w abbr[data-original-title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline dotted;
  text-decoration: underline;
}

.dotto-admin address,
.dotto-w address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}

.dotto-admin article,
.dotto-admin aside,
.dotto-admin figcaption,
.dotto-admin figure,
.dotto-admin footer,
.dotto-admin header,
.dotto-admin hgroup,
.dotto-admin main,
.dotto-admin nav,
.dotto-admin section,
.dotto-w article,
.dotto-w aside,
.dotto-w figcaption,
.dotto-w figure,
.dotto-w footer,
.dotto-w header,
.dotto-w hgroup,
.dotto-w main,
.dotto-w nav,
.dotto-w section {
  display: block;
}

.dotto-admin footer.entry-footer {
  display: none;
}

.dotto-admin b,
.dotto-admin strong,
.dotto-w b,
.dotto-w strong {
  font-weight: bolder;
}

.dotto-admin blockquote,
.dotto-w blockquote {
  margin: 0 0 1rem;
}

.dotto-admin button,
.dotto-admin html[type="button"],
.dotto-admin[type="reset"],
.dotto-admin[type="submit"],
.dotto-w button,
.dotto-w html[type="button"],
.dotto-w[type="reset"],
.dotto-w[type="submit"] {
  -webkit-appearance: button;
}

.dotto-admin button,
.dotto-admin input,
.dotto-w button,
.dotto-w input {
  overflow: visible;
}

.dotto-admin button,
.dotto-admin select,
.dotto-w button,
.dotto-w select {
  text-transform: none;
}

.dotto-w .os-form-buttons .os-form-group button,
.tab-content-customer-info-form.active button {
  width: 100%;
  max-width: 180px;
  border-radius: 50px;
  padding: 18px;
  border-radius: 50px;
  margin: 10px auto 20px;
  display: block;
}

.dotto-admin button::-moz-focus-inner,
.dotto-admin[type="button"]::-moz-focus-inner,
.dotto-admin[type="reset"]::-moz-focus-inner,
.dotto-admin[type="submit"]::-moz-focus-inner,
.dotto-w button::-moz-focus-inner,
.dotto-w[type="button"]::-moz-focus-inner,
.dotto-w[type="reset"]::-moz-focus-inner,
.dotto-w[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.dotto-admin button:focus,
.dotto-w button:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline: 1px dotted;
}

.dotto-admin caption,
.dotto-w caption {
  caption-side: bottom;
  text-align: left;
}

.dotto-admin dd,
.dotto-w dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

.dotto-admin dfn,
.dotto-w dfn {
  font-style: italic;
}

.dotto-admin fieldset,
.dotto-w fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}

.dotto-admin figure,
.dotto-w figure {
  margin: 0 0 1rem;
}

.dotto-admin h1,
.dotto-admin h2,
.dotto-admin h3,
.dotto-admin h4,
.dotto-admin h5,
.dotto-admin h6,
.dotto-w h1,
.dotto-w h2,
.dotto-w h3,
.dotto-w h4,
.dotto-w h5,
.dotto-w h6 {
  margin-top: 0;
}

.dotto-admin hr,
.dotto-w hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.dotto-admin img,
.dotto-w img {
  border-style: none;
  vertical-align: middle;
}

.customer-booking-info img {
  margin-right: 4px;
}

.dotto-admin input,
.dotto-admin button,
.dotto-admin select,
.dotto-admin optgroup,
.dotto-admin textarea,
.dotto-w input,
.dotto-w button,
.dotto-w select,
.dotto-w optgroup,
.dotto-w textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

.dotto-admin input[type="date"],
.dotto-admin input[type="time"],
.dotto-admin input[type="datetime-local"],
.dotto-admin input[type="month"],
.dotto-w input[type="date"],
.dotto-w input[type="time"],
.dotto-w input[type="datetime-local"],
.dotto-w input[type="month"] {
  -webkit-appearance: listbox;
}

.dotto-admin input[type="radio"],
.dotto-admin input[type="checkbox"],
.dotto-w input[type="radio"],
.dotto-w input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

.dotto-admin label,
.dotto-w label {
  display: inline-block;
}

.dotto-admin legend,
.dotto-w legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}

.dotto-admin ol ol,
.dotto-admin ul ul,
.dotto-admin ol ul,
.dotto-admin ul ol,
.dotto-w ol ol,
.dotto-w ul ul,
.dotto-w ol ul,
.dotto-w ul ol {
  margin-bottom: 0;
}

.dotto-admin ol,
.dotto-admin ul,
.dotto-admin dl,
.dotto-w ol,
.dotto-w ul,
.dotto-w dl {
  margin-bottom: 1rem;
  margin-top: 0;
}

.dotto-admin output,
.dotto-w output {
  display: inline-block;
}

.dotto-admin p,
.dotto-w p {
  margin-top: 0;
}

.dotto-admin pre,
.dotto-admin code,
.dotto-admin kbd,
.dotto-admin samp,
.dotto-w pre,
.dotto-w code,
.dotto-w kbd,
.dotto-w samp {
  font-size: 1em;
}

.dotto-admin pre,
.dotto-w pre {
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

.dotto-admin progress,
.dotto-w progress {
  vertical-align: baseline;
}

.dotto-admin small,
.dotto-w small {
  font-size: 80%;
}

.dotto-admin sub,
.dotto-admin sup,
.dotto-w sub,
.dotto-w sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.dotto-admin sub,
.dotto-w sub {
  bottom: -0.25em;
}

.dotto-admin summary,
.dotto-w summary {
  cursor: pointer;
  display: list-item;
}

.dotto-admin sup,
.dotto-w sup {
  top: -0.5em;
}

.dotto-admin svg,
.dotto-w svg {
  overflow: hidden;
  vertical-align: middle;
}

.dotto-admin table,
.dotto-w table {
  border-collapse: collapse;
}

.dotto-admin template,
.dotto-w template {
  display: none;
}

.dotto-admin textarea,
.dotto-w textarea {
  overflow: auto;
  resize: vertical;
}

.dotto-admin th,
.dotto-w th {
  text-align: inherit;
}

.dotto-admin::-webkit-file-upload-button,
.dotto-w::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

.dotto-admin[hidden],
.dotto-w[hidden] {
  display: none !important;
}

.dotto-admin[tabindex="-1"]:focus,
.dotto-w[tabindex="-1"]:focus {
  outline: 0 !important;
}

.dotto-admin[type="number"]::-webkit-inner-spin-button,
.dotto-admin[type="number"]::-webkit-outer-spin-button,
.dotto-w[type="number"]::-webkit-inner-spin-button,
.dotto-w[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

.dotto-admin[type="search"],
.dotto-w[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

.dotto-admin[type="search"]::-webkit-search-cancel-button,
.dotto-admin[type="search"]::-webkit-search-decoration,
.dotto-w[type="search"]::-webkit-search-cancel-button,
.dotto-w[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.dotto-body {
  padding-top: 103px !important;
}

.dotto-book-button {
  background-color: #2d54de;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  outline: none;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 30px;
  margin: 0 20px 0 -5px;
  min-width: 178px;
  padding: 20px 0;
  text-align: center;
}

.dotto-book-button.os-loading {
  color: transparent !important;
  position: relative;
}

.dotto-book-button.os-loading:after {
  animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 20px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid #fff;
  content: "";
  display: block;
  height: 14px !important;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px !important;
}

.dotto-book-button:focus,
.dotto-book-button:hover {
  background-color: #5978e5;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
}

.dotto-booking-form-element .os-form-buttons a,
.dotto-login-form-w .os-form-buttons a {
  width: 60%;
  display: block;
  text-align: center;
  margin: 12px auto;
}

body
  .dotto-w
  .dotto-booking-form-element
  .os-form-buttons
  a.dotto-btn.dotto-btn-primary.dotto-btn-link.step-forgot-password-btn,
body
  .dotto-w
  .dotto-login-form-w
  .os-form-buttons
  a.dotto-btn.dotto-btn-primary.dotto-btn-link {
  background-color: transparent !important;
  color: #1f1f1f;
}

body
  .dotto-w
  .dotto-booking-form-element
  .os-form-buttons
  a.step-login-existing-customer-btn {
  background-color: #222;
  padding: 18px;
  border-radius: 50px;
  margin: 18px auto 29px;
}

.dotto-booking-form-element .os-password-reset-form-holder .os-form-message-w {
  margin-bottom: 10px;
  margin-top: 10px;
}

.dotto-booking-form-element
  .os-password-reset-form-holder
  .os-password-reset-form-w {
  border: 1px solid #aaa;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 15px;
  padding: 20px;
}

.dotto-booking-form-element .os-password-reset-form-holder h4 {
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
}

.dotto-booking-form-element .os-password-reset-form-holder p {
  margin-bottom: 10px;
}

.dotto-booking-form-element .os-social-login-options,
.dotto-login-form-w .os-social-login-options {
  display: flex;
  justify-content: space-between;
}

.dotto-booking-form-element .os-social-login-options .os-social-login-option,
.dotto-login-form-w .os-social-login-options .os-social-login-option {
  border: 1px solid #e8effc;
  border-radius: 14px;
  color: #a4a4a4;
  cursor: pointer;
  display: block;
  flex: 0 0 49%;
  font-weight: 500;
  padding: 15px 5px 15px 10px;
  text-decoration: none;
  white-space: nowrap;
}

.dotto-booking-form-element .os-social-login-options .os-social-login-option i,
.dotto-login-form-w .os-social-login-options .os-social-login-option i {
  margin-right: 10px;
}

.dotto-booking-form-element .os-social-login-options .os-social-login-option i,
.dotto-booking-form-element
  .os-social-login-options
  .os-social-login-option
  span,
.dotto-login-form-w .os-social-login-options .os-social-login-option i,
.dotto-login-form-w .os-social-login-options .os-social-login-option span {
  display: inline-block;
  vertical-align: middle;
}

.dotto-booking-form-element .os-social-or,
.dotto-login-form-w .os-social-or {
  color: #a4a4a4;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
}

.dotto-booking-form-element .os-social-or span,
.dotto-login-form-w .os-social-or span {
  display: inline-block;
  position: relative;
  color: #7985ac !important;
}

.dotto-booking-form-element .os-social-or span:before,
.dotto-booking-form-element .os-social-or span:after,
.dotto-login-form-w .os-social-or span:before,
.dotto-login-form-w .os-social-or span:after {
  background-color: #e2e5ef;
  content: "";
  height: 1px;
  left: -30px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.dotto-booking-form-element .os-social-or span:after,
.dotto-login-form-w .os-social-or span:after {
  left: auto;
  right: -30px;
}

.dotto-booking-form-element .os-step-existing-customer-login-w {
  margin-bottom: 10px;
}

.dotto-booking-form-element
  .os-step-existing-customer-login-w
  .step-forgot-password-btn {
  padding-bottom: 0px;
  padding-top: 0px;
  text-decoration: underline;
}

.dotto-booking-form-element
  .os-step-existing-customer-login-w
  .step-login-existing-customer-btn {
  font-size: 15px;
  padding: 12px 25px;
  position: relative;
}

.dotto-booking-form-element
  .os-step-existing-customer-login-w
  .step-login-existing-customer-btn
  i {
  font-size: 22px;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dotto-booking-form-element .step-contact-logged-in-header-w span {
  display: block;
  margin-left: auto;
  margin-right: 5px;
}

.dotto-booking-form-element .os-step-tabs,
.dotto-booking-form-element .step-contact-logged-in-header-w {
  align-items: center;
  color: #697889;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  background-color: #f5f7fd;
  border-bottom: none !important;
  border-radius: 50px !important;
  height: auto !important;
  justify-content: space-around;
  margin: 0 auto 20px auto;
  padding: 5px !important;
  width: 80%;
}

.dotto-booking-form-element .os-step-tabs .os-step-tab,
.dotto-booking-form-element .step-contact-logged-in-header-w a,
.dotto-booking-form-element .step-contact-logged-in-header-w span {
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 6px;
  position: relative;
  text-align: center;
  transition: all 0.2s ease;
  width: 100%;
}

.dotto-booking-form-element .os-step-tabs .os-step-tab.active,
.dotto-booking-form-element .step-contact-logged-in-header-w a {
  color: #1f1f1f;
  line-height: 14px;
  background: white;
  border-radius: 50px;
}

.dotto-booking-form-element .os-step-tabs .os-step-tab.active:before {
  width: 100%;
}

.dotto-booking-form-element .os-step-tabs.os-step-tab {
  font-size: 1rem !important;
  padding: 5px 20px;
}

.dotto-booking-form-element .os-step-tabs.os-step-tab.active {
  background-color: #fff !important;
  border-radius: 50px !important;
  font-size: 1rem !important;
}

.dotto-booking-form-element .os-step-tabs.os-step-tab.active::before {
  display: none;
}

.dotto-booking-form-element .step-confirmation-w .confirmation-cabinet-info {
  background-color: #f5f6ff;
  display: none;
  margin-top: 20px;
  padding: 20px 40px;
  text-align: center;
}

.dotto-booking-form-element
  .step-confirmation-w
  .confirmation-cabinet-info
  .confirmation-cabinet-link {
  background-color: #2d54de;
  border: none !important;
  color: #fff !important;
  display: inline-block !important;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 15px !important;
  text-decoration: none !important;
}

.dotto-booking-form-element
  .step-confirmation-w
  .confirmation-cabinet-info
  .confirmation-cabinet-text {
  color: #14161d;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.dotto-booking-form-element .step-confirmation-w .confirmation-head-info {
  margin-bottom: 25px;
  position: relative;
}

.dotto-booking-form-element .step-confirmation-w .confirmation-header {
  margin-bottom: 0px;
  margin-top: 0px;
}

.dotto-booking-form-element .step-confirmation-w .confirmation-number {
  font-size: 9px;
  text-align: center;
  color: #8e97b3;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  padding-top: 0px;
  text-transform: uppercase;
}

.dotto-booking-form-element .step-confirmation-w .confirmation-number strong {
  color: #9ea6be;
  display: block;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 1.1;
}

.dotto-booking-form-element .step-confirmation-w .ical-download-btn {
  background-color: #f5f7fd !important;
  margin-right: 5px;
  border: none !important;
  border-radius: 20px !important;
  color: #7985ac !important;
  font-size: 1rem;
  padding: 7px 20px !important;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
  text-decoration: none;
}

.dotto-booking-form-element
  .step-confirmation-w
  .payment-summary-info
  .confirmation-info-w {
  margin-top: 0px;
}

.dotto-booking-form-element .step-confirmation-w .print-booking-btn {
  border-color: #111;
  color: #111;
}

.dotto-booking-form-element .step-confirmation-w .print-booking-btn span,
.dotto-booking-form-element .step-confirmation-w .ical-download-btn span {
  font-size: 11px;
  margin-top: 2px;
  margin-left: 7px;
}

.dotto-booking-form-element .step-confirmation-w .print-booking-btn span,
.dotto-booking-form-element .step-confirmation-w .print-booking-btn i,
.dotto-booking-form-element .step-confirmation-w .ical-download-btn span,
.dotto-booking-form-element .step-confirmation-w .ical-download-btn i {
  display: inline-block;
  vertical-align: middle;
}

.dotto-booking-form-element
  .step-confirmation-w
  .qr-code-on-confirmation
  .qr-code-booking-info,
.dotto-booking-form-element
  .step-confirmation-w
  .qr-code-on-confirmation
  .qr-code-vevent,
.dotto-booking-form-element .step-confirmation-w .print-booking-btn {
  display: none;
}

.dotto-booking-form-element
  .step-confirmation-w
  .qr-code-on-confirmation
  .qr-show-trigger
  .qr-code-trigger-label {
  background-image: url("/wp-content/plugins/dotto/public/images/icons/e929.png");
}

.dotto-booking-form-element
  .step-confirmation-w
  .qr-code-on-confirmation.show-vevent-qr-code
  .qr-code-vevent {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0px auto 30px auto;
  padding-bottom: 20px;
}

.dotto-booking-form-element
  .step-confirmation-w
  .qr-code-on-confirmation.show-vevent-qr-code
  .qr-show-trigger {
  display: none;
}

.dotto-booking-form-element
  .step-confirmation-w
  .step-confirmation-set-password {
  display: none;
  margin-top: 20px;
}

.dotto-booking-form-element
  .step-confirmation-w
  .step-confirmation-set-password
  .set-password-fields {
  align-items: center;
  display: flex;
}

.dotto-booking-form-element
  .step-confirmation-w
  .step-confirmation-set-password
  .set-password-fields
  .dotto-btn {
  display: block;
  flex: 0;
  padding: 9px 20px;
  text-align: center;
  white-space: nowrap;
}

.dotto-booking-form-element
  .step-confirmation-w
  .step-confirmation-set-password
  .set-password-fields
  .os-form-group {
  flex: 1;
  margin: 0px;
  margin-bottom: 0px !important;
  margin-right: 10px;
}

.dotto-booking-form-element
  .step-confirmation-w
  .step-confirmation-set-password
  .set-password-fields
  .os-form-group.os-form-textfield-group
  input.os-form-control {
  padding: 7px 10px 7px 10px !important;
}

.dotto-booking-form-element
  .step-confirmation-w
  .step-confirmation-set-password
  .set-password-fields
  .os-form-group.os-form-textfield-group.has-value
  label {
  display: none !important;
}

.dotto-booking-form-element
  .step-confirmation-w
  .step-confirmation-set-password
  h4 {
  margin-bottom: 10px;
}

.dotto-booking-form-element
  .step-verify-w
  .payment-summary-info
  .confirmation-info-w {
  margin-top: 0px;
}

.dotto-booking-form-element.hidden-buttons .dotto-form-w .dotto-body:after {
  height: 40px;
}

.dotto-booking-form-element.hidden-buttons .dotto-form-w .dotto-footer {
  display: none;
}

.dotto-btn {
  background-color: #2d54de;
  border: none;
  border-radius: 15px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  line-height: 1.2;
  padding: 9px 14px;
  text-decoration: none !important;
}

.dotto-btn i {
  display: inline-block;
  vertical-align: middle;
}

.dotto-btn i + span {
  margin-left: 6px;
}

.dotto-btn span {
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
}

.dotto-btn span + i {
  margin-left: 6px;
}

.dotto-btn.dotto-btn-block {
  display: block;
  text-align: center;
}

.dotto-btn.dotto-delete {
  background-color: #fb7f7f;
  color: #fff;
}

.dotto-btn.dotto-delete.dotto-btn-link {
  background-color: transparent;
  border-color: transparent;
}

.dotto-btn.dotto-delete.dotto-btn-link span,
.dotto-btn.dotto-delete.dotto-btn-link i {
  color: #d83838;
}

.dotto-btn.dotto-delete.dotto-btn-link.os-loading,
.dotto-btn.dotto-delete.dotto-btn-link.os-loading:hover,
.dotto-btn.dotto-delete.dotto-btn-link.os-loading:focus {
  color: transparent !important;
}

.dotto-btn.dotto-delete.dotto-btn-link.os-loading:after,
.dotto-btn.dotto-delete.dotto-btn-link.os-loading:hover:after,
.dotto-btn.dotto-delete.dotto-btn-link.os-loading:focus:after {
  border-bottom: 2px solid #d83838;
  border-left: 2px solid #d83838;
  border-top: 2px solid #d83838;
}

.dotto-btn.dotto-delete.dotto-btn-link:hover span,
.dotto-btn.dotto-delete.dotto-btn-link:hover i,
.dotto-btn.dotto-delete.dotto-btn-link:focus span,
.dotto-btn.dotto-delete.dotto-btn-link:focus i {
  color: #d83838 !important;
}

.dotto-btn.dotto-delete.dotto-btn-link:hover,
.dotto-btn.dotto-delete.dotto-btn-link:focus {
  background-color: transparent;
  color: #d83838 !important;
}

.dotto-btn.dotto-delete:focus,
.dotto-btn.dotto-delete:active {
  background-color: #fb7f7f;
  color: #fff;
}

.dotto-btn.dotto-delete:hover {
  background-color: #f94e4e;
}

.dotto-btn.dotto-btn-grey {
  background-color: #eee;
  color: #111 !important;
}

.dotto-btn.dotto-btn-primary {
  background-color: #2d54de;
  color: #fff;
}

.dotto-btn.dotto-btn-primary i {
  color: #fff;
}

.dotto-btn.dotto-btn-primary span {
  color: #fff;
}

.dotto-btn.dotto-btn-primary.dotto-btn-link {
  background-color: transparent !important;
  border-color: transparent;
  color: #2d54de;
  padding-left: 0px;
  padding-right: 0px;
}

.dotto-btn.dotto-btn-primary.dotto-btn-link span,
.dotto-btn.dotto-btn-primary.dotto-btn-link i {
  color: #2d54de;
}

.dotto-btn.dotto-btn-primary.dotto-btn-link.os-loading,
.dotto-btn.dotto-btn-primary.dotto-btn-link.os-loading:hover,
.dotto-btn.dotto-btn-primary.dotto-btn-link.os-loading:focus {
  color: transparent !important;
}

.dotto-btn.dotto-btn-primary.dotto-btn-link.os-loading:after,
.dotto-btn.dotto-btn-primary.dotto-btn-link.os-loading:hover:after,
.dotto-btn.dotto-btn-primary.dotto-btn-link.os-loading:focus:after {
  border-bottom: 2px solid #2d54de;
  border-left: 2px solid #2d54de;
  border-top: 2px solid #2d54de;
}

.dotto-btn.dotto-btn-primary.dotto-btn-link:hover span,
.dotto-btn.dotto-btn-primary.dotto-btn-link:hover i,
.dotto-btn.dotto-btn-primary.dotto-btn-link:focus span,
.dotto-btn.dotto-btn-primary.dotto-btn-link:focus i {
  color: #2d54de !important;
}

.dotto-btn.dotto-btn-primary.dotto-btn-link:hover,
.dotto-btn.dotto-btn-primary.dotto-btn-link:focus {
  color: #2d54de !important;
}

.dotto-btn.dotto-btn-secondary {
  background-color: #edeff6;
  color: #252c39;
}

.dotto-btn.dotto-btn-secondary.dotto-btn-link {
  border-color: 2px solid #111;
}

.dotto-btn.dotto-btn-secondary:hover,
.dotto-btn.dotto-btn-secondary:focus {
  background-color: #cbd1e5;
  box-shadow: none;
  color: #252c39 !important;
  outline: none;
}

.dotto-btn.dotto-btn-white {
  background-color: #fff;
  color: #111 !important;
}

.dotto-btn.os-loading {
  color: transparent !important;
  position: relative;
}

.dotto-btn.os-loading span,
.dotto-btn.os-loading i {
  color: transparent !important;
}

.dotto-btn.os-loading.dotto-btn-white:after,
.dotto-btn.os-loading.dotto-btn-secondary:after {
  border-bottom: 2px solid #1f222b;
  border-left: 2px solid #1f222b;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-top: 2px solid #1f222b;
}

.dotto-btn.os-loading:after {
  animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 20px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid #fff;
  content: "";
  display: block;
  height: 14px !important;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px !important;
}

.dotto-btn:hover,
.dotto-btn:focus {
  background-color: #1d40bb;
  box-shadow: none;
  color: #fff !important;
  outline: none;
}

.dotto-customer-timezone-selector-w {
  margin-top: -10px;
  position: relative;
}

.dotto-customer-timezone-selector-w .os-form-group.os-form-select-group {
  align-items: center;
  display: flex;
}

.dotto-customer-timezone-selector-w .os-form-group.os-form-select-group label {
  color: #8e97b3;
  display: block !important;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 5px;
  white-space: nowrap;
}

.dotto-customer-timezone-selector-w
  .os-form-group.os-form-select-group
  select.os-form-control {
  height: 34px !important;
  padding: 0px 3px !important;
  width: 240px;
}

.dotto-customer-timezone-selector-w.os-loading label {
  position: relative;
}

.dotto-customer-timezone-selector-w.os-loading label:before {
  animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
  border-bottom: 2px solid #1f222b;
  border-left: 2px solid #1f222b;
  border-radius: 20px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid #1f222b;
  content: "";
  display: block;
  height: 12px !important;
  left: 50%;
  left: -15px;
  position: absolute;
  right: auto;
  top: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px !important;
  z-index: 9999;
}

.dotto-desc-content {
  color: #7985ac;
  line-height: 20px;
}

.dotto-desc-title {
  display: none !important;
}

.dotto-heading-w {
  border-bottom: none !important;
  padding-bottom: 30px !important;
  padding-top: 45px !important;
}

.dotto-heading-w h3 {
  text-align: center !important;
}

.dotto-lightbox-i {
  animation: 0.5s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxAnimation;
  transform-origin: center center;
}

.dotto-lightbox-w {
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0px;
  display: none;
  left: 0px;
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 99999;
}

.dotto-lightbox-w {
  z-index: 999999999999;
}

.dotto-lightbox-w {
  background-color: rgba(0, 0, 0, 0.2);
}

.dotto-lightbox-w .dotto-lightbox-i {
  border-radius: 0px;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 740px;
  z-index: 9999;
}

.dotto-lightbox-w .dotto-lightbox-i .dotto-booking-form-element {
  box-shadow: 0px 2px 4px rgb(0 0 0 / 5%), 0px 20px 50px rgb(0 0 0 / 10%);
}

.dotto-lightbox-w .dotto-lightbox-i .dotto-booking-form-element {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 20px 50px rgba(0, 0, 0, 0.4);
}

.dotto-lightbox-w .dotto-lightbox-i a {
  box-shadow: none;
}

.dotto-lightbox-w .dotto-lightbox-i a img {
  box-shadow: none;
}

.dotto-lightbox-w button,
.dotto-lightbox-w input,
.dotto-lightbox-w select,
.dotto-lightbox-w textarea {
  font-size: 14px;
  font-weight: 400;
}

.dotto-lightbox-w h1,
.dotto-lightbox-w h2,
.dotto-lightbox-w h3,
.dotto-lightbox-w h4,
.dotto-lightbox-w h5,
.dotto-lightbox-w h6 {
  color: #2d54de;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 1.45;
  text-transform: none;
}

.dotto-lightbox-w h5 {
  font-size: 15px;
}

.dotto-lightbox-w.dotto-hide-side-panel .dotto-lightbox-i {
  width: 470px;
}

.dotto-login-form-w {
  background-color: #fff;
  box-shadow: 30px 20px 50px rgba(144, 155, 194, 0.1);
  min-width: 100%;
  padding: 40px;
  width: 100%;
  border-radius: 30px;
}

.dotto-login-form-w {
  animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both dottoFadeUp;
}

.dotto-login-form-w .os-form-group:last-child {
  margin-bottom: 0px;
}

.dotto-login-form-w h4 {
  color: #232a42;
  margin: 0px;
  margin-bottom: 15px;
  padding: 0px;
}

.dotto-message,
.dotto-w .os-form-message-w {
  border-radius: 50px;
  border: none;
  text-align: center;
  padding: 12px 15px;
  margin: auto;
  margin-bottom: 15px;
  font-weight: 500;
  max-width: 500px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}

.dotto-message.dotto-message-error,
.dotto-w .os-form-message-w.status-error {
  background: #ff9999;
  color: #85130c;
}

.dotto-message.dotto-message-info {
  background: #d5dcff;
  color: #181b2d;
}

.dotto-message.dotto-message-success,
.dotto-w .os-form-message-w.status-success {
  background: #aeffbe;
  color: #258432;
}

.dotto-print-confirmation-w {
  margin: 0px auto;
  max-width: 800px;
  padding: 40px;
}

.dotto-print-confirmation-w .confirmation-head-info {
  margin-bottom: 50px;
  position: relative;
}

.dotto-print-confirmation-w .confirmation-header {
  margin-bottom: 0px;
  margin-top: 0px;
}

.dotto-print-confirmation-w .confirmation-number {
  color: #8e97b3;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  padding-top: 0px;
  text-transform: uppercase;
}

.dotto-print-confirmation-w .confirmation-number strong {
  color: #14161d;
  display: block;
  font-size: 36px;
  letter-spacing: normal;
  line-height: 1.1;
}

.dotto-print-confirmation-w .payment-summary-info .confirmation-info-w {
  margin-top: 0px;
}

.dotto-print-confirmation-w .qr-code-on-confirmation .qr-code-booking-info {
  display: none;
}

.dotto-print-confirmation-w .qr-code-on-confirmation .qr-code-vevent {
  border-bottom: 1px dashed #eee;
  margin-bottom: 40px;
  padding-bottom: 30px;
}

.dotto-print-confirmation-w
  .qr-code-on-confirmation
  .qr-code-vevent
  .qr-code-label {
  background: #fff1af;
  color: #423d26;
  font-size: 14px;
  font-size: 14px;
  font-weight: 500;
  font-weight: 500;
  padding: 10px 15px;
  text-align: center;
  text-align: center;
}

.dotto-print-confirmation-w .qr-code-on-confirmation .qr-code-vevent img {
  display: block;
  height: 300px;
  margin: 0px auto;
  width: 300px;
}

.dotto-print-confirmation-w .qr-code-on-confirmation .qr-show-trigger {
  display: none;
}

.dotto-side-menu-w ul.side-menu > li:nth-child(7),
.dotto-side-menu-w ul.side-menu > li:nth-child(8),
.dotto-side-menu-w ul.side-menu > li:nth-child(9) {
  display: none;
}

.dotto-side-menu-w ul.side-menu > li:nth-child(9) {
  display: block;
}

.dotto-side-panel {
  border-right: none !important;
  padding-top: 40px !important;
  position: relative;
  z-index: 99;
}

.dotto-tab-content {
  display: none;
}

.status_cancelado .dotto-tab-content .os_trigger_booking,
.status_cancelado
  .dotto-tab-content
  .customer-booking-buttons
  .dotto-request-booking-cancellation {
  display: none;
}

.status_inadimplente .dotto-tab-content .os_trigger_booking,
.status_inadimplente
  .dotto-tab-content
  .customer-booking-buttons
  .dotto-request-booking-cancellation {
  display: block;
}

.dotto-tab-content.active {
  display: block;
}

.dotto-tab-triggers {
  align-items: center;
  background-color: #f5f7fd;
  border: none !important;
  border-radius: 50px;
  justify-content: space-between;
  margin: 40px auto 20px auto;
  max-width: 650px;
  padding: 4px 10px;
  width: auto;
}

div#instrucao {
  text-align: center;
  margin-top: 20px;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 300;
}

button#abre {
  border-radius: 30px;
  padding: 15px 30px;
  border: 1px solid #cad2e0;
  color: #1f1f1f;
  background: transparent;
  font-weight: 500;
  margin: 15px;
  cursor: pointer;
}

div#instrucoes {
  padding: 30px;
  font-size: 14px;
  line-height: 18px;
}

#instrucoes p {
  line-height: 21px;
}

.dotto-w {
  line-height: 1.3;
  font-size: 14px;
  font-weight: 400;
  margin: auto;
  display: block;
}

.dotto-w .customer-dashboard-tabs a {
  border: none !important;
  border-bottom: none !important;
  font-size: 13px;
  line-height: 15px;
  padding: 13px 22px;
  outline: none;
}

.dotto-w .dotto-booking-form-element {
  align-items: stretch;
  display: flex;
  position: relative;
}

.dotto-w .dotto-booking-form-element .dotto-form-w {
  background-color: #fff;
  border-radius: 0px 0px 0px 0px;
  flex: 1;
  max-width: 470px;
  position: relative;
  z-index: 2;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-body {
  flex: 1;
  max-height: 84vh;
  overflow-y: auto;
  padding: 80px 30px 0px;
  padding-bottom: 105px;
  padding-top: 55px;
  position: relative;
  transition: all 0.2s ease;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-body .os-step-header {
  margin-bottom: 25px;
  margin-top: 0px;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-body h3 {
  font-size: 19px;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-body h3,
.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-body h4 {
  color: #14161d;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-body h4 {
  font-size: 16px;
  padding: 0px;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-body:after {
  content: "";
  display: block;
  height: 85px;
}

html.is-samsung-browser .dotto-w .dotto-booking-form-element .dotto-form-w {
  display: flex;
  flex-direction: column;
}

html.is-samsung-browser
  .dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-body {
  flex: 1 1 auto;
  min-height: 0;
  padding-bottom: calc(105px + env(safe-area-inset-bottom, 0px));
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-footer {
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  bottom: 0px;
  display: flex;
  justify-content: space-between;
  left: 0px;
  padding: 3px;
  /*position: absolute;*/
  right: 0px;
}

html.is-samsung-browser
  .dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer {
  bottom: 0;
  flex-shrink: 0;
  padding-bottom: calc(3px + env(safe-area-inset-bottom, 0px));
  position: sticky;
  z-index: 5;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-footer .dotto-btn {
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  border: 1px solid #ebf0ff;
  border-radius: 30px;
  padding: 17px !important;
  width: 62% !important;
  min-width: 150px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-sizing: content-box;
  padding: 12px;
  margin: auto;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-footer .dotto-btn i {
  font-size: 9px;
  transition: transform 0.1s ease;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-btn
  i
  + span {
  margin-left: 5px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-btn
  span
  + i {
  margin-left: 5px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-btn.disabled {
  background-color: #e3e6f0;
  color: #b5bad2;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-btn.disabled
  i,
.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-btn.disabled
  span {
  color: #b5bad2;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-btn:hover.dotto-next-btn
  i {
  transform: translateX(3px);
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-btn:hover.dotto-prev-btn
  i {
  transform: translateX(-3px);
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-next-btn {
  animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both dottoNextBtn;
  margin-left: auto;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-next-btn.disabled {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-prev-btn {
  animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0s both dottoPrevBtn;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-prev-btn.disabled {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-progress {
  display: none;
  left: 50%;
  padding: 0px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-progress
  ul
  li {
  flex: 0 0 5px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-progress
  ul
  li
  .progress-item {
  height: 5px;
  width: 5px;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-form {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

html.is-samsung-browser
  .dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-form {
  flex: 1 1 auto;
  min-height: 0;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-heading-w {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  left: 0px;
  padding: 15px 30px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-heading-w
  .dotto-lightbox-close {
  box-shadow: none;
  color: #1e222b;
  display: block;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-heading-w
  .dotto-lightbox-close {
  top: 58%;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-heading-w
  .dotto-lightbox-close
  i {
  display: block;
  line-height: 1;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-heading-w
  .os-heading-text {
  font-size: 18px;
  line-height: 1.2;
  margin: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-heading-w
  .os-heading-text-library {
  display: none;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .os-agent-bio-popup {
  background-color: #fff;
  bottom: 0px;
  display: none;
  left: 0px;
  overflow-y: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 9999;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content {
  font-size: 15px;
  line-height: 19px;
  padding: 40px;
  position: relative;
  z-index: 2;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-content-i::first-letter {
  color: #2d54de;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-size: 25px;
  font-weight: 600;
  font-weight: 500;
  line-height: 19px;
  padding-right: 1px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-features {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: -15px;
  padding-bottom: 20px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-features
  .agent-bio-popup-feature {
  flex: 1;
  padding: 0px 15px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-features
  .agent-bio-popup-feature
  + .agent-bio-popup-feature {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-features
  .agent-bio-popup-feature
  .agent-bio-popup-feature-label {
  color: #8e97b3;
  font-size: 12px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-features
  .agent-bio-popup-feature
  .agent-bio-popup-feature-value {
  color: #2d54de;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-size: 25px;
  font-weight: 600;
  font-weight: 500;
  line-height: 1.2;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-features
  .agent-bio-popup-feature:first-child {
  padding-left: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-features
  .agent-bio-popup-feature:last-child {
  padding-right: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .bio-curve {
  bottom: 0px;
  display: block;
  height: auto;
  left: 0px;
  max-width: 100%;
  position: absolute;
  right: 0px;
  top: 1px;
  transform: translateY(-100%);
  width: 100%;
  z-index: 9999;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-head {
  background-position: center center;
  background-size: cover;
  padding: 80px 40px 40px 40px;
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-head
  .agent-bio-title {
  color: rgba(255, 255, 255, 0.8);
  font-size: 19px;
  margin-top: 5px;
  position: relative;
  z-index: 2;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-head
  h3 {
  color: #fff;
  font-size: 28px;
  margin: 0px;
  position: relative;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-head:before {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.1)
  );
  bottom: 0px;
  content: "";
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .os-agent-bio-close {
  background-color: #ff5151;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 10px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 9999;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .os-agent-bio-close
  span {
  margin-right: 10px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .os-agent-bio-close
  span,
.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .os-agent-bio-popup
  .os-agent-bio-close
  i {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .os-agent-bio-popup.active {
  display: block;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .select-total-attendies-w {
  align-items: center;
  display: none;
  justify-content: space-around;
  padding: 30px 15px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w
  .quantity-selector-w {
  align-items: center;
  background-color: #fff;
  border: 1px solid #cad2e0;
  display: flex;
  outline-style: none;
  padding: 5px 10px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w
  .quantity-selector-w
  .quantity-selector {
  background-color: #f3f4f9;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 2px;
  text-align: center;
  width: 20px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w
  .quantity-selector-w
  .quantity-selector:hover {
  background-color: #2d54de;
  color: #fff;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w
  .quantity-selector-w
  input {
  border: none !important;
  font-size: 21px !important;
  font-weight: 500;
  margin: 0px !important;
  padding: 0px 5px !important;
  text-align: center;
  width: 50px !important;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w
  .quantity-selector-w
  input::placeholder {
  color: rgba(0, 0, 0, 0.1);
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w
  .quantity-selector-w
  input:focus {
  box-shadow: none !important;
  outline: none !important;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w
  .select-total-attendies-label {
  padding-right: 20px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w
  .select-total-attendies-label
  .sta-sub-label {
  color: #8e97b3;
  font-size: 12px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w
  .select-total-attendies-label
  h4 {
  font-size: 19px;
  margin: 0px !important;
  padding: 0px !important;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w.style-centered {
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w.style-centered
  .quantity-selector-w {
  justify-content: space-between;
  margin: 0px auto;
  width: 150px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w.style-centered
  .quantity-selector-w
  input {
  font-size: 30px !important;
  width: 80px !important;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w.style-centered
  .select-total-attendies-label {
  margin-bottom: 20px;
  padding: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w.style-centered
  .select-total-attendies-label
  .sta-sub-label {
  font-size: 16px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-form-w
  .select-total-attendies-w.style-centered
  .select-total-attendies-label
  h4 {
  font-size: 25px;
}

.dotto-w .dotto-booking-form-element .dotto-form-w form {
  background-color: #fff;
  min-height: 100%;
  padding: 0px;
}

.dotto-w .dotto-booking-form-element .dotto-progress {
  color: #8e97b3;
  font-size: 14px;
  margin-bottom: auto;
  padding-top: 10px;
  text-align: center;
}

.dotto-w .dotto-booking-form-element .dotto-progress {
  margin-bottom: clamp(10px, 8vw, 100px) !important;
}

.dotto-w .dotto-booking-form-element .dotto-progress ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}

.dotto-w .dotto-booking-form-element .dotto-progress ul li {
  display: block;
  flex: 0 0 6px;
  margin: 0px 4px;
  margin: 0px;
  padding: 0px;
}

.dotto-w .dotto-booking-form-element .dotto-progress ul li .progress-item {
  background-color: rgba(0, 0, 0, 0.07);
  box-shadow: none;
  color: #8e97b3;
  display: block;
  font-size: 12px;
  font-weight: 500;
  height: 8px;
  position: relative;
  text-decoration: none;
  width: 8px;
  border-radius: 50% !important;
  margin-right: 10px;
}

.dotto-w .dotto-booking-form-element .dotto-progress ul li .progress-item span {
  background-color: #2d54de;
  color: #fff;
  display: inline-block;
  display: block;
  left: 50%;
  line-height: 1.1;
  opacity: 0;
  padding: 3px 6px;
  position: absolute;
  top: -5px;
  transform: translate(-50%, -150%);
  transition: all 0.2s ease;
  visibility: hidden;
  white-space: nowrap;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-progress
  ul
  li
  .progress-item:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.dotto-w
  .dotto-booking-form-element
  .dotto-progress
  ul
  li
  .progress-item:hover
  span {
  opacity: 1;
  transform: translate(-50%, -105%);
  visibility: visible;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-progress
  ul
  li.active
  .progress-item,
.dotto-w
  .dotto-booking-form-element
  .dotto-progress
  ul
  li.complete
  .progress-item {
  background-color: rgba(45, 84, 222, 0.7);
}

.dotto-w
  .dotto-booking-form-element
  .dotto-progress
  ul
  li.active
  .progress-item:hover,
.dotto-w
  .dotto-booking-form-element
  .dotto-progress
  ul
  li.complete
  .progress-item:hover {
  background-color: #2d54de;
}

.dotto-w .dotto-booking-form-element .dotto-side-panel {
  background-color: #ebf0ff;
  border-radius: 4px 0px 0px 4px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex: 0 0 270px;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 30px 25px 30px;
  position: relative;
  text-align: center;
}

.dotto-w .dotto-booking-form-element .dotto-side-panel .dotto-questions {
  color: #8e97b3;
  margin-top: auto;
}

.dotto-w .dotto-booking-form-element .dotto-side-panel .dotto-questions a {
  text-decoration: underline;
}

.dotto-w .dotto-booking-form-element .dotto-side-panel .dotto-questions h5 {
  font-size: 15px;
  line-height: 1.4;
  margin: 0px;
  margin-bottom: 5px;
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-side-panel
  .dotto-questions
  p:last-child {
  margin-bottom: 0px;
}

.dotto-w .dotto-booking-form-element .dotto-side-panel .dotto-step-desc-w {
  color: #8e97b3;
  padding: 20px 0px 50px 0px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-side-panel
  .dotto-step-desc-w
  .dotto-step-desc
  .dotto-desc-media {
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: inherit !important;
  border-radius: 50px !important;
  display: inline-block;
  height: 80px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 15px;
  margin-top: 20px;
  width: 80px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-side-panel
  .dotto-step-desc-w
  .dotto-step-desc
  .dotto-desc-title {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px;
  padding-top: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-side-panel
  .dotto-step-desc-w
  .dotto-step-desc-library {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-side-panel
  .dotto-timezone-selector-w {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: none;
  margin-top: 15px;
  padding-top: 10px;
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-side-panel
  .dotto-timezone-selector-w
  .os-form-group {
  margin-bottom: 0px !important;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-side-panel
  .dotto-timezone-selector-w
  .os-form-group.os-form-select-group
  label {
  color: #8e97b3;
  display: block !important;
  font-size: 11px !important;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-side-panel
  .dotto-timezone-selector-w
  .os-form-group.os-form-select-group
  select.os-form-control {
  font-size: 11px !important;
  height: 26px !important;
  padding: 0px 3px !important;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-side-panel
  .dotto-timezone-selector-w
  select {
  text-align: center;
  text-align-last: center;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-side-panel
  .dotto-timezone-selector-w.os-loading:before {
  animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
  border-bottom: 2px solid #1f222b;
  border-left: 2px solid #1f222b;
  border-radius: 20px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid #1f222b;
  bottom: 1px;
  content: "";
  display: block;
  height: 12px !important;
  left: 50%;
  left: -13px;
  position: absolute;
  right: auto;
  top: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px !important;
  z-index: 9999;
}

.dotto-w .dotto-booking-form-element .dotto-step-content {
  color: #8e97b3;
  min-height: 200px;
  text-align: left;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-step-content
  .dotto-step-content-text-centered {
  margin-bottom: 15px;
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-step-content
  .dotto-step-content-text-centered
  > h4 {
  margin-bottom: 5px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-step-content
  .dotto-step-content-text-left
  > h4 {
  margin-bottom: 5px;
}

.dotto-w .dotto-booking-form-element .dotto-summary-w {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translateX(-60px);
  transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
  width: 330px;
  z-index: 1;
}

.dotto-w .dotto-booking-form-element .dotto-summary-w .os-summary-line {
  display: none;
  margin-bottom: 5px;
  padding: 10px 10px 13px 0px;
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w
  .os-summary-line
  .os-summary-label {
  color: #8e97b3;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0px;
  margin-bottom: 2px;
  text-transform: inherit;
  flex: 0 0 50%;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w
  .os-summary-line
  .os-summary-value {
  background-color: #fff;
  color: #2d54de;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  padding-bottom: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w
  .os-summary-line.os-has-value {
  display: flex !important;
  width: 100%;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w
  .os-summary-line.os-has-value:after {
  border-bottom: 1px solid #ebf0ff !important;
}

.dotto-w .dotto-booking-form-element .dotto-summary-w .os-summary-line:after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  bottom: 0px;
  content: "";
  display: block;
  left: 0px;
  position: absolute;
  right: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w
  .os-summary-line:last-child {
  border-bottom: none;
}

.dotto-w .dotto-booking-form-element .dotto-summary-w .os-summary-lines {
  padding: 0px 20px 20px;
}

.dotto-w .dotto-booking-form-element .dotto-summary-w h3.summary-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #2d54de;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.3;
  margin-bottom: 15px;
  padding: 13px 28px 13px 26px;
  position: relative;
  text-align: right;
  text-transform: uppercase;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w
  h3.summary-header
  .os-lines {
  left: 20px;
  position: absolute;
  right: 18px;
  top: 21px;
  z-index: 1;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w
  h3.summary-header
  .os-lines:after {
  border-top: 2px dotted #b7c2e8;
  content: "";
  display: block;
  height: 6px;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w
  h3.summary-header
  .os-lines:before {
  border-bottom: 2px dotted #b7c2e8;
  border-top: 2px dotted #b7c2e8;
  content: "";
  display: block;
  height: 6px;
  margin-bottom: 2px;
}

.dotto-w .dotto-booking-form-element .dotto-summary-w h3.summary-header span {
  background-color: #fff;
  display: inline-block;
  padding: 5px;
  position: relative;
  z-index: 2;
}

.dotto-w .dotto-booking-form-element .dotto-summary-w.summary-dark {
  background-color: #191a2d;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w.summary-dark
  .os-summary-line {
  border-bottom: 1px dashed #515667;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w.summary-dark
  .os-summary-line
  .os-summary-label {
  color: #8e97b3;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w.summary-dark
  .os-summary-line
  .os-summary-value {
  color: #fff;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w.summary-dark
  h3.summary-header {
  color: #fff;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w.summary-dark
  h3.summary-header
  .os-lines {
  border-color: #fff;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w.summary-dark
  h3.summary-header
  .os-lines:before,
.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w.summary-dark
  h3.summary-header
  .os-lines:after {
  border-color: #fff;
}

.dotto-w
  .dotto-booking-form-element
  .dotto-summary-w.summary-dark
  h3.summary-header
  span {
  background-color: #191a2d;
}

.dotto-w .dotto-booking-form-element .dotto-timezone-selector-w {
  animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms dottoSlideUpHalf;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .info-box {
  background-color: rgba(206, 215, 244, 0.2) !important;
  border-radius: 10px !important;
  margin: 20px auto !important;
  max-width: 600px;
  padding: 20px 8px !important;
  color: #7985ac;
  font-size: 12px;
  font-weight: 500;
}

.dotto-w .dotto-booking-form-element .info-box .info-box-buttons {
  margin-top: 10px;
}

.dotto-w .dotto-booking-form-element .info-box .info-box-buttons a {
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  color: #1f222b;
  display: inline-block;
  font-weight: 500;
  padding: 3px 8px;
  text-decoration: none;
}

.dotto-w .dotto-booking-form-element .lp-card-i {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .lp-demo-mode-msg {
  background-color: #ffd534;
  color: #211f1a;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-align: center;
}

.dotto-w .dotto-booking-form-element .lp-demo-mode-msg {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.2ms dottoSlideDown;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .lp-options {
  margin-top: 20px;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option {
  box-shadow: 0px 0px 0px 2px #e8ebee;
  cursor: pointer;
  transition: transform 0.1s ease;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option .lp-option-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 100%;
  transform-origin: center center;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option .lp-option-label {
  color: #1f222b;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option-amount {
  border-radius: 50%;
  box-shadow: 0px 0px 0px 2px #2d54de;
  padding-bottom: 100%;
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options
  .lp-option-amount
  .lp-amount-value {
  color: #1f222b;
  font-size: 16px;
  font-weight: 500;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option-amount-w {
  border-bottom: 1px solid #e8ebee;
  padding: 15px 30px;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options
  .lp-option-amount.lp-amount-deposit {
  background-color: #d5deff;
  box-shadow: none;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options
  .lp-option-amount.lp-amount-deposit
  .lp-amount-value {
  background-color: #fff;
  left: 0px;
  padding: 2px 0px;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options
  .lp-option-amount.lp-amount-deposit
  .lp-slice {
  background: #fff;
  border-radius: 70px 0px 0px 0px;
  box-shadow: 0px 0px 0px 2px #2d54de, 0px 0px 0px 6px #fff;
  left: 0;
  padding-bottom: 50%;
  position: absolute;
  top: 0;
  transform: rotate(-45deg);
  transform-origin: bottom right;
  width: 50%;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option.selected {
  box-shadow: 0px 0px 0px 2px #2d54de;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options
  .lp-option.selected
  .lp-option-label {
  color: #2d54de;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option:hover {
  box-shadow: 0px 0px 0px 2px #2d54de;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options
  .lp-option:hover
  .lp-option-label {
  color: #2d54de;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option:nth-child(1) {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option:nth-child(2) {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option:nth-child(3) {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option:nth-child(4) {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option:nth-child(5) {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .lp-options .lp-option:nth-child(6) {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .lp-options.lp-options-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.dotto-w .dotto-booking-form-element .lp-options.lp-options-grid .lp-option {
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options.lp-options-grid
  .lp-option
  .lp-option-image-w {
  border-bottom: 1px solid #e8ebee;
  padding: 15px 30px;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options.lp-options-grid.lp-options-grid-three
  .lp-option {
  flex: 0 0 33%;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options.lp-options-grid.lp-options-grid-two
  .lp-option {
  flex: 0 0 45%;
}

.dotto-w .dotto-booking-form-element .lp-options.lp-options-rows {
  display: flex;
  flex-direction: column;
}

.dotto-w .dotto-booking-form-element .lp-options.lp-options-rows .lp-option {
  align-items: center;
  display: flex;
  margin-bottom: 15px;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options.lp-options-rows
  .lp-option
  .lp-option-image {
  flex: 0 0 50px;
  width: 50px;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options.lp-options-rows
  .lp-option
  .lp-option-image-w {
  border-right: 1px solid #e8ebee;
  padding: 10px 15px;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options.lp-options-rows
  .lp-option
  .lp-option-label {
  flex: 1;
  padding-left: 20px;
}

.dotto-w
  .dotto-booking-form-element
  .lp-options.lp-options-rows
  .lp-option.lp-option-with-paypal {
  box-shadow: none;
  display: block;
}

.dotto-w .dotto-booking-form-element .lp-paypal-demo-mode-trigger,
.dotto-w .dotto-booking-form-element .lp-paypal-btn-trigger {
  animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.1s dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .os-animated-parent
  > .os-animated-child
  > .os-animated-self {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .os-animated-parent
  > .os-animated-child:nth-child(1)
  > .os-animated-self {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .os-animated-parent
  > .os-animated-child:nth-child(2)
  > .os-animated-self {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .os-animated-parent
  > .os-animated-child:nth-child(3)
  > .os-animated-self {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .os-animated-parent
  > .os-animated-child:nth-child(4)
  > .os-animated-self {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .os-animated-parent
  > .os-animated-child:nth-child(5)
  > .os-animated-self {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .os-animated-parent
  > .os-animated-child:nth-child(6)
  > .os-animated-self {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .os-animated-parent
  > .os-animated-child:nth-child(7)
  > .os-animated-self {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 420ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .os-animated-parent
  > .os-animated-child:nth-child(8)
  > .os-animated-self {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 490ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .os-animated-parent
  > .os-animated-child:nth-child(9)
  > .os-animated-self {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 560ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .os-items .os-item {
  position: relative;
}

.dotto-w .dotto-booking-form-element .os-items .os-item .os-item-i {
  align-items: center;
  background: #ffffff;
  border: 2px solid #e5e7ee;
  box-shadow: none;
  color: #1f222b;
  cursor: pointer;
  display: flex;
  outline: none;
  padding: 10px 15px;
  text-decoration: none;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i
  .os-item-child-count {
  color: #8e97b3;
  display: block;
  font-size: 11px;
  transform: translateX(-35px);
  transition: transform 0.2s ease;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i
  .os-item-img-w {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  flex: 0 0 45px;
  height: 45px;
  margin-right: 15px;
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i
  .os-item-name-w {
  display: block;
  margin-right: auto;
  padding: 5px 0px;
  transition: transform 0.2s ease-out;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i
  .os-item-name-w
  .os-item-desc {
  color: #8e97b3;
  display: block;
  font-size: 12px;
  margin-top: 3px;
  max-width: 235px;
  overflow-wrap: break-word;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i
  .os-item-name-w
  .os-item-name {
  display: block;
  font-size: 14px;
  font-weight: 500;
  max-width: 100%;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i
  .os-item-price-w {
  display: block;
  margin-left: 10px;
  padding-left: 15px;
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i
  .os-item-price-w
  .os-item-price {
  color: #d09f1d;
  display: block;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.1;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i
  .os-item-price-w
  .os-item-price-label {
  color: #8e97b3;
  display: block;
  font-size: 11px;
  white-space: nowrap;
}

.dotto-w .dotto-booking-form-element .os-items .os-item .os-item-i:hover {
  border-color: #2d54de;
  text-decoration: none;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i:hover
  .os-item-name-w {
  transform: translateX(5px);
}

.dotto-w .dotto-booking-form-element .os-items .os-item-details-btn {
  background-color: #fff;
  background-color: #2d54de;
  border: 2px solid #2d54de;
  border-top: none;
  bottom: 19px;
  color: #fff;
  color: #2d54de;
  cursor: pointer;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  left: 0px;
  max-width: 100%;
  opacity: 0;
  padding: 0px 0px 9px 0px;
  position: absolute;
  right: 0px;
  transform: translateY(120%);
  transition: transform 0.2s ease;
  z-index: 1;
}

.dotto-w .dotto-booking-form-element .os-items .os-item-details-btn span {
  border-bottom: 1px dotted rgba(45, 84, 222, 0.5);
  display: inline-block;
  opacity: 0;
  transform: translateY(2px);
  transition: all 0.2s ease;
}

.dotto-w .dotto-booking-form-element .os-items .os-item-details-btn:hover {
  border-color: #e5e7ee;
  color: #16318f;
}

.dotto-w .dotto-booking-form-element .os-items .os-item-details-btn:hover span {
  border-bottom-style: solid;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.os-allow-multiselect
  .os-item-i {
  padding-left: 50px;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.os-allow-multiselect
  .os-item-i::before {
  background-color: #fff;
  box-shadow: inset 0px 0px 0px 2px #e5e7ee;
  color: transparent;
  content: "";
  display: block;
  font-family: "dotto" !important;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  left: 15px;
  line-height: 1;
  padding: 3px;
  position: absolute;
  speak: none;
  text-transform: none;
  top: 50%;
  transform: translateY(-50%);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.os-allow-multiselect.selected
  .os-item-i:before {
  color: white;
  background-color: #2d54de;
  box-shadow: none;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.os-allow-multiselect.selected
  .os-item-i:before:hover {
  box-shadow: none;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.selected
  .os-item-details-btn:hover {
  border-color: #2d54de;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.selected.has-child-items
  > .os-item-i {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.with-description
  .os-item-name-w {
  padding: 5px 0px;
}

.dotto-w .os-service-extra-selector .os-item-name {
  margin-left: 33px;
}

.dotto-w .os-service-extra-selector .os-item-price {
  color: #959cb4 !important;
  font-size: 15px !important;
  font-weight: 100 !important;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.with-details
  .os-item-img-w {
  transition: transform 0.2s ease;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.with-details
  .os-item-name-w {
  position: relative;
  transition: transform 0.2s ease;
  z-index: 2;
}

.dotto-w .dotto-booking-form-element .os-items .os-item.with-plus:after {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  color: #2d54de;
  content: "";
  font-family: "dotto" !important;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 10px;
  position: absolute;
  right: 15px;
  speak: none;
  text-transform: none;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item:hover
  .os-item-details-btn
  span,
.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.selected
  .os-item-details-btn
  span {
  opacity: 1;
  transform: translateY(0px);
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item:hover
  .os-item-details-btn,
.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.selected
  .os-item-details-btn {
  opacity: 1;
  transform: translateY(100%);
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item:hover.with-details
  .os-item-img-w,
.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.selected.with-details
  .os-item-img-w {
  transform: translateY(-4px);
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item:hover.with-details
  .os-item-name-w,
.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item.selected.with-details
  .os-item-name-w {
  transform: translateY(-11px);
}

.dotto-w .dotto-booking-form-element .os-items .os-item:last-child {
  margin-bottom: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item:not(.selected)
  .os-items {
  display: none;
}

.dotto-w .dotto-booking-form-element .os-items.os-as-grid {
  align-items: stretch;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 17px;
  row-gap: 17px;
}

.dotto-w .dotto-booking-form-element .os-items.os-as-grid .os-item {
  text-align: center;
}

.dotto-w .dotto-booking-form-element .os-items.os-as-grid .os-item .os-item-i {
  display: block;
  padding: 10px;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid
  .os-item
  .os-item-i
  .os-item-img-w {
  height: auto;
  margin: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid
  .os-item
  .os-item-i
  .os-item-img-w.os-with-avatar {
  padding: 2px 20px 2px;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid
  .os-item
  .os-item-i
  .os-item-img-w.os-with-avatar
  .os-avatar {
  background-position: center center;
  background-size: cover;
  padding-bottom: 100%;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid
  .os-item
  .os-item-i
  .os-item-name-w {
  padding-bottom: 0px;
  padding-top: 10px;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid
  .os-item.with-floating-price
  .os-item-i {
  padding: 25px 10px;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid.os-three-columns
  .os-item
  .os-item-i {
  height: 100%;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid.os-three-columns
  .os-item:first-child {
  margin-left: auto;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid.os-three-columns
  .os-item:nth-child(1),
.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid.os-three-columns
  .os-item:nth-child(2),
.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid.os-three-columns
  .os-item:nth-child(3) {
  margin-top: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-grid.os-three-columns
  .os-item:nth-child(3n + 1) {
  margin-left: 0px;
}

.dotto-w .dotto-booking-form-element .os-items.os-as-rows + .os-items {
  margin-top: 15px !important;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.os-as-rows
  > .os-item
  + .os-item {
  margin-top: 15px;
}

.dotto-w
  .dotto-booking-form-element
  .os-items.selected
  > .os-items
  + .os-service-categories-holder {
  margin-top: 15px;
}

.dotto-w .dotto-booking-form-element .payment-total-info,
.secaorodape {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .quantity-selector-minus,
.secaomeio {
  animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s dottoSlideRight;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .quantity-selector-plus,
.imagemprincipal {
  animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s dottoSlideLeft;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .quantity-selector-w,
#masthead {
  animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .select-total-attendies-label div,
.dotto-w .dotto-booking-form-element .dotto-step-content-text-centered div,
.dotto-w .dotto-booking-form-element .dotto-step-content-text-left div {
  animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.05s dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w .dotto-booking-form-element .select-total-attendies-label h4,
.dotto-w .dotto-booking-form-element .dotto-step-content-text-centered h4,
.dotto-w .dotto-booking-form-element .dotto-step-content-text-left h4 {
  animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s dottoSlideUp;
  animation-fill-mode: both;
}

.dotto-w
  .dotto-booking-form-element
  .show-selected-only
  > .os-items.os-as-rows {
  margin-top: 0px !important;
}

.dotto-w .dotto-booking-form-element .step-confirmation-w .info-box-buttons a {
  background: #194af9;
  border-radius: 30px;
  display: inline-block;
  margin: auto;
  padding: 21px 35px;
  text-align: center;
  color: white;
  width: 101%;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .dotto-secured-payments-label {
  color: #a9814a;
  font-size: 12px;
  font-weight: 500;
  margin-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .dotto-secured-payments-label:after {
  color: #a9814a;
  content: "";
  font-family: "dotto" !important;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  left: 10px;
  line-height: 1;
  position: absolute;
  speak: none;
  text-transform: none;
  top: 50%;
  transform: translateY(-50%);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.dotto-w .dotto-booking-form-element .step-payment-w .lp-card-chip {
  background-color: #ffe5b6;
  border-radius: 6px;
  padding: 7px 1px;
  position: absolute;
  right: 20px;
  top: 20px;
}

.dotto-w .dotto-booking-form-element .step-payment-w .lp-card-chip .chip-i {
  box-shadow: 0px 1px 0px 0px #d4c7b9, 0px -1px 0px 0px #d4c7b9;
  height: 16px;
  width: 40px;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-chip
  .chip-i:before {
  bottom: 0px;
  box-shadow: 1px 0px 0px 0px #d4c7b9, -1px 0px 0px 0px #d4c7b9;
  content: "";
  left: 11px;
  position: absolute;
  top: 0px;
  width: 20px;
}

.dotto-w .dotto-booking-form-element .step-payment-w .lp-card-chip:after {
  box-shadow: 0px 1px 0px 0px #d4c7b9, 0px -1px 0px 0px #d4c7b9;
  content: "";
  height: 4px;
  position: absolute;
  right: 0px;
  top: 13px;
  width: 10px;
}

.dotto-w .dotto-booking-form-element .step-payment-w .lp-card-chip:before {
  box-shadow: 0px 1px 0px 0px #d4c7b9, 0px -1px 0px 0px #d4c7b9;
  content: "";
  height: 4px;
  left: 0px;
  position: absolute;
  top: 13px;
  width: 10px;
}

.dotto-w .dotto-booking-form-element .step-payment-w .lp-card-w {
  background-color: #fffcf4;
  border-radius: 10px;
  display: none;
  padding: 10px 30px 10px;
}

.dotto-w .dotto-booking-form-element .step-payment-w .lp-card-w .lp-card-i {
  background: linear-gradient(
    45deg,
    #25272f 0%,
    #0a2275 58%,
    #102984 58%,
    #1b2856 100%
  );
  background-color: #5a2dde;
  border: 1px solid #051b67;
  border: 1px solid #000;
  border-radius: 8px;
  box-shadow: 0 10px 20px 0 rgba(207, 140, 51, 0.5),
    0 2px 3px 0 rgba(64, 51, 40, 0.66);
  padding: 15px 20px 10px;
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .lp-card-header {
  color: #fff;
  font-size: 26px;
  margin: 0px;
  margin-bottom: 25px;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group {
  margin-bottom: 15px;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group.os-form-select-group
  .os-form-control,
.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group.os-form-select-group
  input.os-form-control,
.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group.os-form-textfield-group
  .os-form-control,
.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group.os-form-textfield-group
  input.os-form-control {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 5px 0px 5px 0px !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group.os-form-select-group
  .os-form-control::placeholder,
.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group.os-form-select-group
  input.os-form-control::placeholder,
.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group.os-form-textfield-group
  .os-form-control::placeholder,
.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group.os-form-textfield-group
  input.os-form-control::placeholder {
  color: #7d89b1 !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group.os-form-textfield-group
  .os-form-control.os-framed-field,
.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  .os-form-group.os-form-textfield-group
  input.os-form-control.os-framed-field {
  height: 29px !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-card-w
  .lp-card-i
  label {
  color: rgba(175, 184, 214, 0.5) !important;
  left: 0px !important;
  top: -10px !important;
}

.dotto-w .dotto-booking-form-element .step-payment-w .lp-payment-methods-w {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-payment-portion-selection-w {
  display: none;
}

.dotto-w .dotto-booking-form-element .step-payment-w .lp-payment-times-w {
  display: none;
}

.dotto-w .dotto-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w {
  display: none;
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-paypal-btn-trigger-w
  .lp-paypal-btn-trigger {
  min-height: 60px;
  padding: 20px 0px 5px;
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-paypal-btn-trigger-w
  .lp-paypal-btn-trigger:before {
  animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
  border-bottom: 2px solid #2d54de;
  border-left: 2px solid #2d54de;
  border-radius: 20px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid #2d54de;
  content: "";
  display: block;
  height: 20px !important;
  left: 50%;
  position: absolute;
  top: 50%;
  top: 35px;
  transform: translate(-50%, -50%);
  width: 20px !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-paypal-btn-trigger-w
  .lp-paypal-demo-mode-trigger {
  background-color: #fac555;
  border-radius: 40px;
  color: #111;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  margin-top: 15px;
  padding: 10px 20px;
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-paypal-btn-trigger-w
  .lp-paypal-demo-mode-trigger
  img {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: auto;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-paypal-btn-trigger-w
  .lp-paypal-demo-mode-trigger
  span {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  margin-left: 10px;
  padding-left: 10px;
  vertical-align: middle;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .lp-paypal-btn-trigger-w
  .lp-paypal-demo-mode-trigger:hover {
  box-shadow: 0px 0px 0px 2px #ffb011;
}

.dotto-w .dotto-booking-form-element .step-payment-w .payment-total-info {
  align-items: center;
  background-color: #fdf2d9;
  color: #a38e7b;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  margin-top: 20px;
  padding: 5px 15px;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .applied-coupon-code {
  background-color: #fff;
  border: 1px dashed #111;
  color: #111;
  display: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-left: 20px;
  padding: 4px 5px 4px 8px;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .applied-coupon-code
  .coupon-code-clear {
  cursor: pointer;
  display: inline-block;
  line-height: 1.1;
  margin-left: 3px;
  position: relative;
  vertical-align: middle;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .applied-coupon-code
  .coupon-code-clear.os-loading
  i {
  opacity: 0;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .applied-coupon-code
  .coupon-code-clear.os-loading:before {
  animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
  border-bottom: 2px solid #111;
  border-left: 2px solid #111;
  border-radius: 20px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid #111;
  content: "";
  display: block;
  height: 10px !important;
  left: auto;
  left: 50%;
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .applied-coupon-code
  .coupon-code-self {
  display: inline-block;
  line-height: 1.1;
  vertical-align: middle;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .coupon-code-input-w {
  display: none;
  margin-left: 20px !important;
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .coupon-code-input-w
  .coupon-code-input-submit {
  background-color: #2d54de;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 5px;
  position: absolute;
  right: 5px;
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .coupon-code-input-w
  input.coupon-code-input {
  background-color: #fff !important;
  border: none !important;
  border: 1px solid #d0bca8 !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  display: block !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  margin: 0px !important;
  padding: 5px 7px !important;
  width: 135px !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .coupon-code-input-w
  input.coupon-code-input::placeholder {
  color: #a38e7b !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .coupon-code-input-w
  input.coupon-code-input:focus,
.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .coupon-code-input-w
  input.coupon-code-input:active {
  box-shadow: none !important;
  outline: none !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .coupon-code-input-w.os-loading:before {
  animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
  border-bottom: 2px solid #a45d00;
  border-left: 2px solid #a45d00;
  border-radius: 20px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid #a45d00;
  content: "";
  display: block;
  height: 12px !important;
  left: 50%;
  left: -13px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .lp-price-value {
  color: #a45d00;
  font-weight: 500;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .lp-price-value
  > span {
  display: inline-block;
  font-size: 14px;
  margin-right: 3px;
  opacity: 0.5;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .payment-deposit-price-w {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .payment-deposit-price-w,
.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info
  .payment-total-price-w {
  margin: 0px auto;
  padding: 4px 0px;
}

.dotto-w .dotto-booking-form-element .step-payment-w .payment-total-info a {
  background-color: rgba(255, 255, 255, 0.61);
  border-radius: 2px 5px;
  color: #846337;
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin-left: 30px;
  padding: 2px;
  text-decoration: none;
}

.dotto-w .dotto-booking-form-element .step-payment-w .payment-total-info div {
  white-space: nowrap;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info.coupon-is-applied
  .applied-coupon-code {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info.coupon-is-applied
  .coupon-code-input-w {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info.entering-coupon
  .coupon-code-input-w {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info.entering-coupon
  .coupon-code-trigger-w {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info.paying-deposit
  .payment-deposit-price-w {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w
  .payment-total-info.paying-deposit
  .payment-total-price-w {
  display: none;
}

.dotto-w .dotto-booking-form-element .step-payment-w > h4 {
  margin-bottom: 10px;
}

.dotto-w .dotto-booking-form-element .step-payment-w.lp-show-card .lp-card-w {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w.lp-show-pay-methods
  .lp-payment-methods-w {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w.lp-show-pay-portion-selection
  .lp-payment-portion-selection-w {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w.lp-show-pay-times
  .lp-payment-times-w {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-payment-w.lp-show-paypal
  .lp-paypal-btn-trigger-w {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .dotto-step-content-text-centered {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-categories-holder.show-selected-only
  .os-service-category-info-w {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-categories-holder.show-selected-only
  .os-service-category-w.selected
  > .os-service-categories-holder
  > .os-service-category-w
  > .os-service-category-info-w {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-categories-holder.show-selected-only
  .os-service-category-w.selected
  > .os-service-categories-holder
  > .os-service-category-w,
.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-categories-holder.show-selected-only
  .os-service-category-w.selected
  > .os-service-categories-holder
  > .os-services {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-categories-holder.show-selected-only
  .os-service-category-w.selected
  > .os-service-category-info-w {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-categories-holder.show-selected-only
  .os-service-category-w:not(.selected) {
  border: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-categories-holder.show-selected-only
  > .os-services:not(.selected) {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  .os-service-category-info
  .os-service-category-img-w {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  flex: 0 0 40px;
  height: 40px;
  margin-right: 15px;
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  .os-service-category-info
  .os-service-category-name {
  display: block;
  display: block;
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  margin-right: auto;
  transition: transform 0.2s ease;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  .os-service-category-info
  .os-service-category-services-count {
  color: #8e97b3;
  display: block;
  font-size: 11px;
  transform: translateX(-40px);
  transition: transform 0.2s ease;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  .os-service-category-w {
  box-shadow: none;
  margin-top: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  .os-service-category-w
  .os-service-category-info-w {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  > .os-services {
  display: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  > .os-services
  .os-item
  a.os-service-selector {
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  > .os-services
  .os-item
  a.os-service-selector
  .service-name-w
  .service-name {
  font-size: 15px;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  > .os-services
  .os-item
  a.os-service-selector:hover {
  border-color: #2d54de;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  > .os-services
  .os-item.selected {
  position: relative;
  z-index: 2;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  > .os-services
  .os-item.selected
  > .os-service-selector:hover {
  border-color: #2d54de;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w
  > .os-services
  .os-item:hover {
  position: relative;
  z-index: 2;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w.selected {
  box-shadow: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w.selected
  > .os-service-category-info-w {
  background-color: #f4f6f9;
  border-bottom: 1px solid #e5e7ee;
  border-top: none;
  display: block;
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w.selected
  > .os-service-category-info-w
  .os-service-category-img-w {
  opacity: 0;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w.selected
  > .os-service-category-info-w
  .os-service-category-services-count {
  transform: translateX(0);
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w.selected
  > .os-service-category-info-w
  > .os-service-category-info:after {
  opacity: 0;
  transform: translate(5px, -50%);
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w.selected
  > .os-service-category-info-w:before {
  color: #8e97b3;
  content: "";
  font-family: "dotto" !important;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  left: 25px;
  line-height: 1;
  position: absolute;
  speak: none;
  text-transform: none;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w.selected
  > .os-service-category-info-w:hover
  .os-service-category-name {
  color: #2d54de;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w.selected
  > .os-service-category-info-w:hover:before {
  color: #2d54de;
  transform: translate(-5px, -50%);
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w.selected
  > .os-service-category-info-w:last-child {
  border-bottom: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-category-w.selected
  > .os-services {
  display: block;
}

.dotto-w .dotto-booking-form-element .step-services-w .os-service-durations {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none !important;
  margin: 0px;
  margin-top: 20px;
  padding: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-durations
  .os-item {
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-durations
  .os-item
  .os-duration-label {
  color: #8e97b3;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-durations
  .os-item
  .os-duration-price {
  color: #d09f1d;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 5px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-service-durations
  .os-item
  .os-duration-value {
  color: #2d54de;
  font-size: 39px;
  font-weight: 500;
  line-height: 1.1;
}

.dotto-w .dotto-booking-form-element .step-services-w .os-services_ {
  list-style-type: none !important;
  margin: 0px !important;
  padding: 0px !important;
}

.dotto-w .dotto-booking-form-element .step-services-w .os-services_ .os-item {
  list-style: none;
  margin-bottom: 15px;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item
  .os-item-i {
  align-items: center;
  background: #ffffff;
  border: 1px solid #e5e7ee;
  box-shadow: none;
  color: #1f222b;
  display: flex;
  outline: none;
  padding: 10px 15px;
  text-decoration: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item
  .os-item-i
  .service-img-w {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 40px;
  height: 40px;
  margin-right: 15px;
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item
  .os-item-i
  .service-name-w {
  margin-right: auto;
  padding: 10px 0px;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item
  .os-item-i
  .service-name-w
  .service-desc {
  color: #8e97b3;
  display: block;
  font-size: 12px;
  margin-top: 3px;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item
  .os-item-i
  .service-name-w
  .service-name {
  display: block;
  font-size: 16px;
  font-weight: 500;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item
  .os-item-i
  .service-price-w {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  margin-left: 10px;
  padding-left: 15px;
  text-align: center;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item
  .os-item-i
  .service-price-w
  .service-price {
  color: #d09f1d;
  display: block;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.1;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item
  .os-item-i
  .service-price-w
  .service-price-label {
  color: #8e97b3;
  display: block;
  font-size: 11px;
  white-space: nowrap;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item
  .os-item-i:hover {
  border-color: #2d54de;
  text-decoration: none;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item.selected
  .os-service-durations {
  display: flex;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item.selected
  > .os-item-i {
  border-color: #2d54de;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w
  .os-services_
  .os-item.with-description
  a
  .service-name-w {
  padding: 5px 0px;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w.selecting-service-duration
  .dotto-step-content-text-centered {
  display: block;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w.selecting-service-duration
  .os-service-category-info-w {
  display: none !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w.selecting-service-duration
  .os-service-category-w
  > .os-services
  .os-item {
  border: none !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w.selecting-service-duration
  .os-service-category-w.selected {
  box-shadow: none !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w.selecting-service-duration
  .os-services
  .os-item
  .os-service-selector {
  display: none !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w.selecting-total-attendies
  .os-services,
.dotto-w
  .dotto-booking-form-element
  .step-services-w.selecting-total-attendies
  .os-service-categories-holder {
  display: none !important;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w.selecting-total-attendies
  .select-total-attendies-w {
  display: flex;
}

.dotto-w
  .dotto-booking-form-element
  .step-services-w.selecting-total-attendies
  .select-total-attendies-w.style-centered {
  display: block;
}

.dotto-w .dotto-booking-form-element a {
  text-decoration: none;
}

.dotto-w .dotto-booking-form-element h1,
.dotto-w .dotto-booking-form-element h2,
.dotto-w .dotto-booking-form-element h3,
.dotto-w .dotto-booking-form-element h4,
.dotto-w .dotto-booking-form-element h5 {
  color: #2d54de;
}

.dotto-w
  .dotto-booking-form-element.current-step-datepicker
  .dotto-side-panel
  .dotto-timezone-selector-w {
  display: block;
}

.dotto-w .dotto-booking-form-element.dotto-border-radius-rounded {
  border-radius: 4px;
  overflow: hidden;
}

.dotto-w .dotto-booking-form-element.dotto-border-radius-rounded .dotto-btn {
  border-radius: 50px;
  padding: 14px;
}

body
  .dotto-w
  .dotto-booking-form-element
  .os-password-reset-form-w
  .os-form-buttons
  .dotto-btn.dotto-btn-primary.dotto-btn-link {
  background-color: white !important;
  color: #000000 !important;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .dotto-form-w
  .select-total-attendies-w
  .quantity-selector-w {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .dotto-message {
  border-radius: 50px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .dotto-progress
  ul
  li
  .progress-item {
  border-radius: 2px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .dotto-progress
  ul
  li
  .progress-item
  span {
  border-radius: 2px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .dotto-summary-w {
  border-radius: 0px 4px 4px 0px;
}

.dotto-w .dotto-booking-form-element.dotto-border-radius-rounded .info-box {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .info-box
  .info-box-buttons
  a {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .lp-options
  .lp-option {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-form-group.os-form-select-group
  .os-form-control,
.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-form-group.os-form-select-group
  input.os-form-control,
.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-form-group.os-form-textfield-group
  .os-form-control,
.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-form-group.os-form-textfield-group
  input.os-form-control {
  border-color: #ebf0ff !important;
  border-radius: 10px !important;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-items
  .os-item
  .os-item-i {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-items
  .os-item
  .os-item-i
  .os-item-img-w {
  border-radius: 40px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-items
  .os-item
  .os-item-i
  .os-with-avatar {
  padding: 5px 15px 5px 15px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-items
  .os-item
  .os-item-i
  .os-with-avatar
  .os-avatar {
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  padding-bottom: 100%;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-items
  .os-item-details-btn {
  border-radius: 0px 0px 4px 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-items
  .os-item.os-allow-multiselect
  .os-item-i:before {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-items.os-services
  .os-item
  .os-item-i
  .os-item-img-w {
  border-radius: 50% !important;
  flex: none;
  height: 34px !important;
  width: 34px !important;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-password-reset-form-holder
  .os-password-reset-form-w,
.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .step-confirmation-w
  .step-confirmation-set-password {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .select-total-attendies-w {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .step-confirmation-w
  .confirmation-cabinet-info {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .step-confirmation-w
  .confirmation-cabinet-info
  .confirmation-cabinet-link {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .step-confirmation-w
  .qr-code-on-confirmation
  .qr-code-vevent
  .qr-code-label {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .step-payment-w
  .payment-total-info {
  border-radius: 4px;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .step-payment-w
  .payment-total-info
  .coupon-code-input-w
  input.coupon-code-input,
.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .step-payment-w
  .payment-total-info
  .applied-coupon-code,
.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .step-payment-w
  .payment-total-info
  .coupon-code-input-w
  .coupon-code-input-submit {
  border-radius: 4px !important;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded.os-monthly-calendar-days
  .os-day
  .os-day-box {
  border-radius: 50px !important;
  margin: auto;
  padding: 13px;
  width: 20px;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-btn.dotto-btn-primary {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-btn.dotto-btn-primary.dotto-btn-link {
  background-color: transparent;
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-btn.dotto-btn-primary.dotto-btn-link:hover {
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-content-i {
  color: #999;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-content-i::first-letter {
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-features
  .agent-bio-popup-feature
  .agent-bio-popup-feature-label {
  color: #999;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-form-w
  .os-agent-bio-popup
  .agent-bio-popup-content
  .agent-bio-popup-features
  .agent-bio-popup-feature
  .agent-bio-popup-feature-value {
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-form-w
  .select-total-attendies-w
  .quantity-selector-w
  .quantity-selector:hover {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-progress
  ul
  li
  .progress-item
  span {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-progress
  ul
  li.active
  .progress-item,
.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-progress
  ul
  li.complete
  .progress-item {
  background-color: rgba(34, 34, 34, 0.7);
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-progress
  ul
  li.active
  .progress-item:hover,
.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-progress
  ul
  li.complete
  .progress-item:hover {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-side-panel
  .dotto-progress
  ul
  li
  a
  span {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-side-panel
  .dotto-step-desc-w,
.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-side-panel
  .dotto-questions {
  color: #999;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-summary-w
  .os-summary-line
  .os-summary-value {
  color: #1f1f1f;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-summary-w
  h3.summary-header {
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-summary-w
  h3.summary-header
  .os-lines:before,
.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dotto-summary-w
  h3.summary-header
  .os-lines:after {
  border-color: #222;
}

.dotto-w .dotto-booking-form-element.dotto-color-black .dp-timeslot.selected {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .dp-timeslot.selected
  .dp-label {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .lp-options
  .lp-option.selected {
  box-shadow: 0px 0px 0px 2px #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .lp-options
  .lp-option.selected
  .lp-option-label {
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .lp-options
  .lp-option:hover {
  box-shadow: 0px 0px 0px 2px #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .lp-options
  .lp-option:hover
  .lp-option-label {
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-form-group.os-form-select-group
  .os-form-control:focus,
.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-form-group.os-form-select-group
  input.os-form-control:focus,
.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-form-group.os-form-textfield-group
  .os-form-control:focus,
.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-form-group.os-form-textfield-group
  input.os-form-control:focus {
  background-color: transparent !important;
  border-color: #222 !important;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-items
  .os-item
  .os-item-details-btn:hover {
  border-color: #e5e7ee;
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-items
  .os-item
  .os-item-i
  .os-item-price-w
  .os-item-price {
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-items
  .os-item
  > .os-item-i:hover {
  border-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-items
  .os-item.os-allow-multiselect.selected
  .os-item-i:before {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-items
  .os-item.selected
  > .os-item-details-btn {
  border-color: #222;
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-items
  .os-item.selected
  > .os-item-i {
  border-color: #222;
  box-shadow: 4px 4px 0px 0px #eee;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-items
  .os-item.with-plus:after {
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-items
  .os-item:hover
  > .os-item-details-btn {
  border-color: #222;
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-monthly-calendar-days
  .os-day.selected
  .os-day-box {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .os-monthly-calendar-days
  .os-day:hover:not(.selected)
  .os-day-box
  .os-day-number {
  color: #222;
}

.dotto-w .dotto-booking-form-element.dotto-color-black .os-weekdays .weekday {
  color: #999;
}

.dotto-w .dotto-booking-form-element.dotto-color-black .os-weekdays .weekday {
  color: #7985ac !important;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-confirmation-w
  .confirmation-cabinet-info {
  background-color: #eee;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-confirmation-w
  .confirmation-cabinet-info
  .confirmation-cabinet-link {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-confirmation-w
  .confirmation-info-w
  h5 {
  display: none !important;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-confirmation-w
  .confirmation-info-w
  h5,
.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-confirmation-w
  .payment-summary-info
  h5,
.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-verify-w
  .confirmation-info-w
  h5,
.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-verify-w
  .payment-summary-info
  h5 {
  border-bottom-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-contact-logged-in-header-w
  a {
  color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-contact-logged-in-header-w
  div:before {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-payment-w
  .payment-total-info
  .coupon-code-input-w
  .coupon-code-input-submit {
  background-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-services-w
  .os-service-category-w
  > .os-services
  .os-item.selected
  > .os-service-selector:hover {
  border-color: #222;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black
  .step-services-w
  .os-service-durations
  .os-item
  .os-duration-value {
  color: #222;
}

.dotto-w .dotto-booking-form-element.dotto-color-black h1,
.dotto-w .dotto-booking-form-element.dotto-color-black h2,
.dotto-w .dotto-booking-form-element.dotto-color-black h3,
.dotto-w .dotto-booking-form-element.dotto-color-black h4,
.dotto-w .dotto-booking-form-element.dotto-color-black h5 {
  color: #222;
}

.dotto-w .dotto-booking-form-element.dotto-color-black h5 {
  color: #7985ac;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black.step-confirmation-w
  .confirmation-info-w
  h5 {
  border-bottom-color: #7985ac;
}

.dotto-w
  .dotto-booking-form-element.dotto-color-black.step-content-loading
  .dotto-body:before {
  border-bottom-color: #222;
  border-left-color: #222;
  border-top-color: #222;
}

.dotto-w .dotto-booking-form-element.dotto-form-w .dotto-footer .dotto-btn {
  align-items: center;
  border: 1px solid #ebf0ff;
  border-radius: 30px;
  box-sizing: content-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 14px;
  justify-content: center;
  margin: 0 auto;
  min-width: 150px;
  padding: 17px !important;
  width: 90% !important;
}

.dotto-w
  .dotto-booking-form-element.dotto-form-w
  .dotto-footer
  .dotto-btn:hover {
  border: 1px solid #ccd1e1;
}

.dotto-w .dotto-booking-form-element.info-box .info-box-buttons {
  margin-top: 20px;
}

.dotto-w .dotto-booking-form-element.info-box .info-box-buttons a {
  background-color: #194af9;
  border-radius: 30px !important;
  border-radius: 30px;
  font-size: 15px !important;
  font-size: 1rem;
  padding: 12px 0px;
  width: 60%;
}

.dotto-w .dotto-booking-form-element.os-items .os-item {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 500px !important;
}

.dotto-w
  .dotto-booking-form-element.step-changed
  .dotto-heading-w
  .os-heading-text {
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
}

.dotto-w
  .dotto-booking-form-element.step-changed
  .dotto-step-desc
  .dotto-desc-content {
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
  transition-delay: 0.2s;
}

.dotto-w
  .dotto-booking-form-element.step-changed
  .dotto-step-desc
  .dotto-desc-media {
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
}

.dotto-w
  .dotto-booking-form-element.step-changed
  .dotto-step-desc
  .dotto-desc-title {
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
  transition-delay: 0.1s;
}

.dotto-w
  .dotto-booking-form-element.step-changed.dotto-step-desc
  .dotto-desc-content {
  color: #7985ac !important;
  font-size: 14px !important;
}

.dotto-w
  .dotto-booking-form-element.step-changing
  .dotto-step-desc
  .dotto-desc-content {
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.5s ease;
  transition-delay: 0.1s;
}

.dotto-w
  .dotto-booking-form-element.step-changing
  .dotto-step-desc
  .dotto-desc-media {
  opacity: 0;
  transform: translateX(-25px);
  transition: all 0.7s cubic-bezier(0.25, 1.15, 0.5, 1);
}

.dotto-w
  .dotto-booking-form-element.step-changing
  .dotto-step-desc
  .dotto-desc-title {
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.5s ease;
  transition-delay: 0.05s;
}

.dotto-w .dotto-booking-form-element.step-changing .os-heading-text {
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.3s ease;
}

.dotto-w .dotto-booking-form-element.step-content-loaded .dotto-step-content,
.dotto-w .dotto-booking-form-element.step-content-loaded .dotto-message {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w {
  transform: translateY(0px);
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w
  .os-form-group {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(1) {
  transition-delay: 0.05s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(2) {
  transition-delay: 0.1s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(3) {
  transition-delay: 0.15s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(4) {
  transition-delay: 0.2s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(5) {
  transition-delay: 0.25s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(6) {
  transition-delay: 0.3s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(7) {
  transition-delay: 0.35s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(8) {
  transition-delay: 0.4s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loaded
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(9) {
  transition-delay: 0.45s;
}

.dotto-w .dotto-booking-form-element.step-content-loading .dotto-body:before {
  animation: os-loading 700ms infinite linear;
  animation-delay: 0.25s;
  background-color: transparent !important;
  border-bottom: 2px solid #2d54de;
  border-left: 2px solid #2d54de;
  border-radius: 20px;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-top: 2px solid #2d54de;
  content: "";
  display: block;
  height: 40px !important;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px !important;
}

.dotto-w .dotto-booking-form-element.step-content-loading .dotto-message,
.dotto-w .dotto-booking-form-element.step-content-loading .dotto-step-content {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w {
  transform: translateY(10px);
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w
  .os-form-group {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(1) {
  transition-delay: 0.05s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(2) {
  transition-delay: 0.1s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(3) {
  transition-delay: 0.15s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(4) {
  transition-delay: 0.2s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(5) {
  transition-delay: 0.25s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(6) {
  transition-delay: 0.3s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(7) {
  transition-delay: 0.35s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(8) {
  transition-delay: 0.4s;
}

.dotto-w
  .dotto-booking-form-element.step-content-loading
  .dotto-step-content.step-contact-w
  .os-form-group:nth-child(9) {
  transition-delay: 0.45s;
}

.dotto-w .dotto-booking-form-element.step-content-mid-loading .dotto-message,
.dotto-w
  .dotto-booking-form-element.step-content-mid-loading
  .dotto-step-content {
  opacity: 0;
  transform: translateY(30px);
}

.dotto-w .dotto-booking-form-element.step-content-mid-loading .step-contact-w {
  opacity: 0;
  transform: translateY(10px);
}

.dotto-w
  .dotto-booking-form-element.step-content-mid-loading
  .step-contact-w
  .os-form-group {
  opacity: 0;
  transform: translateY(20px);
}

.dotto-w .dotto-section-heading-w {
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 10px 0px;
}

.dotto-w .dotto-section-heading-w .dotto-section-heading {
  margin: 0px;
  padding: 0px;
}

.dotto-w .dotto-section-heading-w .heading-extra {
  color: #8e97b3;
  font-weight: 500;
}

.dotto-w .os-form-buttons .os-form-group {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.dotto-w .os-form-buttons.os-flex {
  text-align: center;
}

.dotto-w .os-form-buttons.os-flex.os-space-between {
  justify-content: space-between;
}

.dotto-w .os-form-desc {
  color: rgba(0, 0, 0, 0.7);
}

.dotto-w .os-form-group {
  margin-bottom: 15px !important;
  position: relative;
}

.dotto-w .os-form-group.os-form-checkbox-group label {
  border-radius: 0px;
  color: #7d8a9a;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
	padding-right: 10px;
  vertical-align: middle;
}

.dotto-w .os-form-group.os-form-checkbox-group label a {
  text-decoration: underline;
}

.dotto-w .os-form-group.os-form-checkbox-group label input.os-form-checkbox {
  border-color: #aaa;
  border-radius: 0px;
  box-shadow: none;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.dotto-w .os-form-group.os-form-select-group .os-form-control,
.dotto-w .os-form-group.os-form-select-group input.os-form-control {
  background-color: #fff !important;
  border: 1px solid #cad2e0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #32373c;
  display: block !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  height: auto;
  line-height: normal;
  line-height: 1.3;
  padding: 15px 10px 15px 10px;
  position: relative !important;
  transition: all 0.2s ease;
  width: 100%;
  height: 60px;
}

select.lower-arrow {
  background-position: right 10px 80%;
}

.dotto-w .os-form-group.os-form-textfield-group .os-form-control,
.dotto-w .os-form-group.os-form-textfield-group input.os-form-control {
  background-color: #fff !important;
  border: 1px solid #cad2e0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #32373c;
  display: block !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  height: auto;
  line-height: normal;
  line-height: 1.3;
  padding: 15px 10px 15px 10px !important;
  position: relative !important;
  transition: all 0.2s ease;
  width: 100%;
}

@supports (-webkit-touch-callout: none) {
  .dotto-w .os-form-group.os-form-select-group select.os-form-control {
    appearance: none !important;
    font-size: 16px !important;
    padding-right: 36px !important;
    background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
    background-size: 16px 16px;
  }
}

.dotto-w .os-form-group.os-form-select-group .os-form-control {
  padding-right: 20px;
}

.dotto-w .os-form-group.os-form-select-group .os-form-control:focus,
.dotto-w .os-form-group.os-form-select-group input.os-form-control:focus,
.dotto-w .os-form-group.os-form-textfield-group .os-form-control:focus,
.dotto-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
  background-color: #f5f7ff !important;
  border-color: #5779ef !important;
  box-shadow: none;
  outline: none;
}

.dotto-w .os-form-group.os-form-select-group label {
    transform: translate(10px, 10px);
    z-index: 9;
    position: absolute;
}
.os-form-group label {
    color:#7985AC;
    cursor:default;
    display:block;
    font-size:10px;
    font-weight:500;
    margin-bottom:0;
}

.os-form-group-multiselect label {
  font-size: 14px !important;
  padding-bottom: 20px !important;
}

.os-form-group-multiselect {
  border: 1px solid #cad2e0 !important;
  border-radius: 10px !important;
  border-color: #ebf0ff !important;
  padding: 14px;
}

/* .os-form-group.os-form-group-transparent.os-form-textfield-group.has-value .os-form-control  {
  padding: 30px 10px 8px 10px;
} */

.os-form-group.os-form-group-transparent.os-form-textfield-group.has-value .small-textarea {
  padding: 30px 10px 8px 10px !important;
}

.os-form-group.os-form-group-transparent.os-form-textfield-group.has-value .medium-textarea {
  padding: 40px 10px 8px 10px !important;
}

.os-form-group.os-form-group-transparent.os-form-textfield-group.has-value .large-textarea {
  padding: 60px 10px 8px 10px !important;
}

.os-form-group.os-form-group-transparent.os-form-textfield-group.has-value .extralarge-textarea {
  padding: 80px 10px 8px 10px !important;
}

.dotto-w .os-form-group.os-form-textfield-group .small-textarea {
  min-height: 90px;
  resize: none;
}

.dotto-w .os-form-group.os-form-textfield-group .medium-textarea {
  min-height: 110px;
  resize: none;
}

.dotto-w .os-form-group.os-form-textfield-group .large-textarea {
  min-height: 145px;
  resize: none;
}

.dotto-w .os-form-group.os-form-textfield-group .extralarge-textarea {
  min-height: 160px;
  resize: none;
}

.os-form-group.os-form-group-transparent.os-form-select-group .os-form-control {
    padding: 30px 10px 0!important;
}

.dotto-w .os-form-group.os-form-select-group textarea,
.dotto-w .os-form-group.os-form-select-group input[type="number"],
.dotto-w .os-form-group.os-form-select-group input[type="email"],
.dotto-w .os-form-group.os-form-select-group input[type="password"],
.dotto-w .os-form-group.os-form-select-group input[type="text"],
.dotto-w .os-form-group.os-form-textfield-group textarea,
.dotto-w .os-form-group.os-form-textfield-group input[type="number"],
.dotto-w .os-form-group.os-form-textfield-group input[type="email"],
.dotto-w .os-form-group.os-form-textfield-group input[type="password"],
.dotto-w .os-form-group.os-form-textfield-group input[type="text"] {
  -webkit-appearance: none;
}

.dotto-w
  .os-form-group.os-form-textfield-group
  .os-form-control
  input.os-form-control,
.dotto-w
  .os-form-group.os-form-textfield-group
  input.os-form-control
  input.os-form-control {
  z-index: 1;
}

.dotto-w
  .os-form-group.os-form-textfield-group
  .os-form-control.os-framed-field,
.dotto-w
  .os-form-group.os-form-textfield-group
  input.os-form-control.os-framed-field {
  height: 46px !important;
}

.dotto-w
  .os-form-group.os-form-textfield-group
  .os-form-control.os-framed-field.invalid,
.dotto-w
  .os-form-group.os-form-textfield-group
  .os-form-control.os-framed-field.braintree-hosted-fields-invalid,
.dotto-w
  .os-form-group.os-form-textfield-group
  input.os-form-control.os-framed-field.invalid,
.dotto-w
  .os-form-group.os-form-textfield-group
  input.os-form-control.os-framed-field.braintree-hosted-fields-invalid {
  border-color: #f16161 !important;
}

.dotto-w .os-form-group.os-form-textfield-group .os-form-control::placeholder,
.dotto-w
  .os-form-group.os-form-textfield-group
  input.os-form-control::placeholder {
  color: #afb8d6;
}

.dotto-w .os-form-group.os-form-textfield-group label {
  color: #afb8d6 !important;
  cursor: default;
  display: block;
  font-size: 11px !important;
  font-weight: 500 !important;
  left: 12px;
  line-height: 1.1;
  margin-bottom: 1px;
  opacity: 0;
  position: absolute !important;
  top: 5px;
  transform: translateY(-3px);
  transition: all 0.2s ease;
  z-index: 2;
}

.dotto-w .os-form-group.os-form-textfield-group.has-value label {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* .dotto-w .os-form-group.os-form-textfield-group.has-value textarea.os-form-control {
  padding: 30px 10px 8px 10px !important;
} */

.dotto-w .os-form-group.os-form-textfield-group.has-value input.os-form-control {
  padding: 22px 10px 8px 10px !important;
}

.dotto-w
  .dotto-booking-form-element.dotto-border-radius-rounded
  .os-form-group.os-form-textfield-group
  .os-form-control:disabled,
.dotto-w
  .os-form-group.os-form-textfield-group.has-value
  input.os-form-control:disabled {
  background-color: #ebf0ff !important;
  color: #b9c1db;
}

.dotto-w .os-form-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.dotto-w .os-form-header h2,
.dotto-w .os-form-header h3,
.dotto-w .os-form-header h4 {
  margin-bottom: 5px;
  margin-top: 0px;
}

.dotto-w .os-form-message-w ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.dotto-w .os-form-message-w ul li {
  margin-bottom: 10px;
}

.dotto-w .os-form-message-w ul li:last-child {
  margin-bottom: 0px;
}

.dotto-w .os-image-container {
  border: 5px solid #fff;
  border-radius: 6px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
  max-width: 100px;
  min-height: 50px;
}

.dotto-w .os-image-container img {
  border-radius: 4px;
  display: block;
  height: auto;
  width: 100%;
}

.dotto-w .settings-image-selector {
  margin: 20px 0px;
}

.dotto-w .tab-content-customer-bookings .dotto-section-heading {
  font-size: 14px;
}

.dotto-w > a {
  display: flex;
  text-decoration: none !important;
}

.dotto-w > a::before {
  content: "←";
  margin: 0 5px 0 0;
}

.dotto-w > h4,
.dotto-w > a {
  text-align: center;
  margin: auto;
  display: block;
}

.dotto-w strong,
.dotto-w b {
  font-weight: 500;
}

.dotto-w ul li {
  list-style: none;
}

.dotto-w.dotto-hide-side-panel
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-body {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 80px;
}

.dotto-w.dotto-hide-side-panel
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-body:after {
  height: 80px;
}

.dotto-w.dotto-hide-side-panel
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-footer
  .dotto-progress {
  display: block;
}

.dotto-w.dotto-hide-side-panel
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-heading-w {
  padding-bottom: 17px;
  padding-top: 17px;
}

.dotto-w.dotto-hide-side-panel
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-heading-w {
  padding-left: 40px;
  padding-right: 40px;
}

.dotto-w.dotto-hide-side-panel
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-heading-w
  .os-heading-text {
  font-size: 21px;
}

.dotto-w.dotto-hide-side-panel .dotto-booking-form-element .dotto-side-panel {
  display: none;
}

.dotto-w.dotto-hide-side-panel
  .dotto-booking-form-element
  .dotto-summary-w
  h3.summary-header {
  font-size: 14px;
  padding: 17px 28px 14px 26px;
}

.dotto-w.dotto-hide-side-panel
  .dotto-booking-form-element
  .dotto-summary-w
  h3.summary-header
  .os-lines {
  top: 26px;
}

.dotto-w.dotto-hide-side-panel .dotto-booking-form-element .step-datepicker-w {
  padding: 0px 15px;
}

.dotto-w.dotto-hide-side-panel
  .dotto-booking-form-element.hidden-buttons
  .dotto-form-w
  .dotto-body:after {
  height: 40px;
}

.dotto-w.dotto-hide-side-panel.dotto-shortcode-booking-form
  .dotto-booking-form-element {
  max-width: 470px;
}

.dotto-w.dotto-shortcode-booking-form .dotto-booking-form-element {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07), 0px 10px 25px rgba(0, 0, 0, 0.08);
  margin: 20px auto;
  max-width: 740px;
}

.dotto-w.dotto-shortcode-booking-form
  .dotto-booking-form-element
  .dotto-form-w
  .dotto-body {
  max-height: inherit;
}

.dotto-w.dotto-shortcode-booking-form
  .dotto-booking-form-element
  .dotto-heading-w {
  text-align: center;
}

.dotto-w.dotto-shortcode-booking-form
  .dotto-booking-form-element
  .dotto-lightbox-close {
  display: none !important;
}

.dotto-w.dotto-with-summary .dotto-booking-form-element {
  transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
}

.dotto-w.dotto-with-summary .dotto-lightbox-i {
  transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
}

.dp-timebox {
  background-color: #caffc4;
  border: 1px solid #caffc4;
  border-radius: 10px;
  color: #185210;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
  max-width: none !important;
  padding: 8px 3px;
  position: relative;
  text-align: center;
  width: auto !important;
}

.dp-timebox .dp-tick,
.dp-timebox .dp-success-label {
  display: none !important;
}

.dp-timebox.is-off,
.dp-timebox.is-booked {
  display: none !important;
}

.dp-timebox.selected {
  background-color: #2d54de;
  border-color: #2d54de;
  box-shadow: none;
  color: #fff;
}

.dp-timebox.selected:after {
  background-color: #2d54de;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 2px #fff;
  color: #fff;
  content: "";
  font-family: "dotto" !important;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: -5px;
  speak: none;
  text-align: center;
  text-transform: none;
  top: -5px;
  width: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.dp-timebox:hover {
  background-color: #d0fbcb;
  border-color: #6bd25b;
}

.dp-timeslot {
  background-color: #8fe286;
  border-radius: 0px;
  box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
  cursor: pointer;
  flex-grow: 1;
  height: 24px;
  margin: 0px;
  position: relative;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i.os-service-extra-selector
  .os-item-name-w
  .os-item-desc {
  margin-left: 33px;
}

.dotto-w
  .dotto-booking-form-element
  .os-items
  .os-item
  .os-item-i.os-service-extra-selector
  .os-item-img-w {
  margin-left: 30px;
  margin-right: -25px;
}

.dp-timeslot .dp-label {
  background-color: #04bb03;
  color: #fff;
  display: none;
  font-size: 11px;
  font-weight: 500;
  left: 50%;
  line-height: 1;
  padding: 7px 8px 7px 8px;
  position: absolute;
  text-align: center;
  top: -8px;
  transform: translate(-50%, -100%);
  transition: all 0.2s ease;
  white-space: nowrap;
  z-index: 10;
}

.dp-timeslot .dp-success-label {
  color: rgba(255, 255, 255, 0.8);
  display: block;
  font-size: 9px;
  letter-spacing: 1px;
  margin-bottom: 4px;
  text-align: center;
  text-transform: uppercase;
}

.dp-timeslot .dp-tick {
  color: rgba(0, 0, 0, 0.4);
  display: block;
  font-size: 7px;
  font-weight: 500;
  left: 50%;
  letter-spacing: 1px;
  line-height: 1.4;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 34px;
  transform: translateX(-50%);
}

.dp-timeslot .dp-tick strong {
  color: #000;
  display: block;
  font-size: 10px;
  letter-spacing: 0px;
  line-height: 1;
  white-space: nowrap;
}

.dp-timeslot.is-booked {
  display: none;
}

.dp-timeslot.is-booked .dp-label {
  background-color: #e42806;
}

.dp-timeslot.is-booked .dp-label:after {
  content: " INDISPONÍVEL";
}

.dp-timeslot.is-booked:before {
  background-color: #e42806;
}

.dp-timeslot.is-booked:hover {
  background-color: #e42806;
}

.dp-timeslot.is-off {
  display: none;
}

.dp-timeslot.is-off .dp-label {
  background-color: #e42806;
}

.dp-timeslot.is-off:before {
  background-color: #e42806;
}

.dp-timeslot.is-off:hover {
  background-color: #e6e9ef;
}

.dp-timeslot.is-off:hover .dp-label {
  display: none;
}

.dp-timeslot.selected:not(.is-booked) .dp-label,
.dp-timeslot.selected:not(.is-off) .dp-label {
  background-color: #2d54de;
  color: #fff;
  display: block;
  top: -3px;
}

.dp-timeslot.selected:not(.is-booked),
.dp-timeslot.selected:not(.is-off) {
  background-color: #2d54de;
  z-index: 4;
}

.dp-timeslot.selected:not(.is-booked):after,
.dp-timeslot.selected:not(.is-off):after {
  background-color: #2d54de;
  bottom: 0px;
  content: "";
  display: none;
  left: 50%;
  position: absolute;
  top: 0px;
  transform: translateX(-50%);
  width: 1px;
}

.dp-timeslot.selected:not(.is-booked):before,
.dp-timeslot.selected:not(.is-off):before {
  background-color: #2d54de;
  display: block;
  height: 10px;
  left: 50%;
  top: -12px;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
}

.dp-timeslot.selected:not(.is-booked):hover,
.dp-timeslot.selected:not(.is-off):hover {
  background-color: #2d54de;
}

.dp-timeslot.with-tick:after {
  background-color: rgba(0, 0, 0, 0.4);
  bottom: -7px;
  content: "";
  height: 3px;
  left: 50%;
  position: absolute;
  width: 1px;
}

.dp-timeslot:hover {
  background-color: #04bb03;
}

.dp-timeslot:hover .dp-label {
  display: block;
}

.dp-timeslot:hover:before {
  top: 0px;
}

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
  box-shadow: none;
}

.dotto-hidden {
  display: none;
}

.imagemprincipal {
  align-items: center;
  display: flex;
  grid-area: img;
  justify-content: center;
  width: 100%;
}

.imagemprincipal img {
  margin-right: -300px;
  max-width: 900px;
  min-width: 600px;
  width: 100%;
}

.info-box-buttons {
  text-align: center;
}

.mobile-menu-close img {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 14px;
}

.not-working-message {
  background-color: rgba(206, 215, 244, 0.2);
  color: #7985ac;
  width: 200%;
}

.os-agent-bio-popup {
  animation: 0.4s cubic-bezier(0.45, 1.3, 0.6, 1) 0s both agentBio;
}

.os-booking-limit-reached {
  color: #b95252;

  font-size: 16px;

  padding: 30px;

  text-align: center;
}

.os-booking-limit-reached .os-booking-limit-icon-w {
  color: #d8adb0;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 10px;
}

.os-booking-limit-reached h3 {
  color: #5f1b1b;
  margin-bottom: 10px;
  margin-top: 0px;
  padding: 0px;
}

.os-col-12 {
  flex: 0 0 100%;
  padding: 0px 7px;
}

.os-col-3 {
  flex: 0 0 25%;
  padding: 0px 7px;
}

.os-button-payment {
  display: flex;
  padding-bottom: 15px;
}

.os-col-6 {
  flex: 0 0 50%;
  padding: 0px 7px;
}

.os-col-9 {
  flex: 0 0 75%;
  padding: 0px 7px;
}

.os-current-month-label-w {
  display: flex;
  justify-content: space-between;
  margin: 0 16px 10px;
  border-bottom: 1px solid #ced7f4;
}

.os-current-month-label-w .os-current-month-label,
.os-month-control-buttons-w {
  color: #1f222b;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: left;
}

.os-current-month-label-w .os-current-month-label .current-month {
  display: inline-block;
  vertical-align: middle;
}

.os-current-month-label-w .os-current-month-label .current-month {
  display: inline-block;
  vertical-align: middle;
}

.os-current-month-label-w .os-current-month-label .current-year {
  color: rgba(31, 34, 43, 0.3);
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.os-current-month-label-w .os-current-month-label .current-year {
  color: rgba(31, 34, 43, 0.3);
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.os-current-month-label-w .os-month-next-btn {
  right: 10px;
}

.os-current-month-label-w .os-month-prev-btn {
  left: 10px;
}

.os-current-month-label-w .os-month-prev-btn,
.os-current-month-label-w .os-month-next-btn {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
  color: #111;
  cursor: pointer;
  padding: 0px 5px;
}

.os-current-month-label-w .os-month-prev-btn.disabled,
.os-current-month-label-w .os-month-next-btn.disabled {
  color: rgba(0, 0, 0, 0.1);
}

.os-current-month-label-w .os-month-prev-btn.os-loading span,
.os-current-month-label-w .os-month-prev-btn.os-loading i,
.os-current-month-label-w .os-month-next-btn.os-loading span,
.os-current-month-label-w .os-month-next-btn.os-loading i {
  color: transparent !important;
}

.os-current-month-label-w .os-month-prev-btn.os-loading,
.os-current-month-label-w .os-month-next-btn.os-loading {
  color: transparent !important;
}

.os-current-month-label-w .os-month-prev-btn.os-loading:after,
.os-current-month-label-w .os-month-next-btn.os-loading:after {
  animation: os-loading 700ms infinite linear;
  border-bottom: 2px solid #1f222b;
  border-left: 2px solid #1f222b;
  border-radius: 20px;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-top: 2px solid #1f222b;
  content: "";
  display: block;
  height: 14px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
}

.os-current-month-label-w .os-month-prev-btn:focus,
.os-current-month-label-w .os-month-next-btn:focus {
  outline: none;
}

.os-current-month-label-w .os-month-prev-btn:hover,
.os-current-month-label-w .os-month-next-btn:hover {
  color: #2d54de;
}

.os-dates-w {
  margin: 0px -2.2%;
}

.os-day-status {
  background-color: #e6e9ef;
  border-radius: 4px;
  bottom: 3px;
  height: 4px;
  left: 3px;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  right: 3px;
  margin: auto;
  width: 20px;
}

.os-day-status .day-available {
  background-color: #19dd96;
  bottom: 0px;
  min-width: 3px;
  position: absolute;
  top: 0px;
  z-index: 1;
}

.os-form-w h4 {
  color: #212121;
}

.os-item-child-count {
  display: none !important;
}

.os-item-i {
  border: 1px solid #ebf0ff !important;
  border-radius: 15px !important;
  padding: 20px 15px !important;
}

.os-lines {
  display: none;
}

.os-monthly-calendar-days {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.os-monthly-calendar-days .os-day {
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 2%;
  position: relative;
  text-align: center;
  width: 14.2%;
}

.os-monthly-calendar-days .os-day .os-day-box {
  padding-bottom: 32px;
  position: relative;
}

.os-monthly-calendar-days .os-day .os-day-number {
  left: 50%;
  position: absolute;
  top: 46%;
  transform: translate(-50%, -50%);
  transition: all 0.1s ease;
}

.os-monthly-calendar-days .os-day .os-day-status {
  transition: height 0.1s ease;
}

.os-monthly-calendar-days .os-day.os-day-current.os-day-box {
  background-color: transparent !important;
}

.os-monthly-calendar-days .os-day.os-day-current.os-not-available {
  cursor: not-allowed;
}

.os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
  background-color: #f7e9e9;
}

.os-monthly-calendar-days
  .os-day.os-day-current.os-not-available
  .os-day-box
  .os-day-number {
  color: #752f2f;
}

.os-monthly-calendar-days
  .os-day.os-day-current.os-not-available
  .os-day-box
  .os-day-status {
  background-color: #f5d5d5;
}

.os-monthly-calendar-days
  .os-day.os-day-current.os-not-available.selected
  .os-day-box {
  background-color: #ec7376;
}

.os-monthly-calendar-days
  .os-day.os-day-current.os-not-available.selected
  .os-day-box
  .os-day-number {
  color: #fff;
}

.os-monthly-calendar-days .os-day.os-day-next-month,
.os-monthly-calendar-days .os-day.os-day-prev-month {
  background-color: #fff;
  color: #b7bccb;
}

.os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
  background-color: transparent;
}

.os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
  color: #ced7f4;
}

.os-monthly-calendar-days .os-day.os-day-passed.os-day-box .os-day-number,
.os-monthly-calendar-days .os-day .os-day-number {
  font-size: 16px !important;
}

.os-monthly-calendar-days .os-day .os-day-number {
  color: #0f2552;
}

.os-monthly-calendar-days .os-day.os-month-next .os-day-box,
.os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
  opacity: 0.6;
}

.os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover,
.os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
  opacity: 1;
}

.os-monthly-calendar-days
  .os-day.os-not-in-allowed-period
  .os-day-box
  .os-day-number {
  color: #bdc5da;
}

.os-monthly-calendar-days .os-day.selected .os-day-box {
  background-color: #2d54de;
  border-radius: 50px !important;
  padding: 17px;
  width: 33px;
  margin: auto;
  margin-top: 1px;
}

.os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
  color: #fff;
  top: 50%;
  padding: 10px;
}

.os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
  display: none;
}

.os-monthly-calendar-days .os-day.week-day-6,
.os-monthly-calendar-days .os-day.week-day-7 {
  background-color: #f3f6ff;
}

.os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
  font-size: 18px;
  top: 39%;
  white-space: nowrap;
}

.os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
  color: #fff;
  top: 50%;
}

.os-monthly-calendar-days .os-day:hover .os-day-status {
  height: 7px;
}

.os-monthly-calendar-days-w {
  display: none;
}

.os-monthly-calendar-days-w.active {
  display: block;
}

.os-monthly-calendar-days-w.hide-if-single-slot
  .os-day.os-not-available
  .os-day-number {
  top: 50%;
}

.os-monthly-calendar-days-w.hide-if-single-slot
  .os-day.os-not-available
  .os-day-status {
  display: none;
}

.os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
  background-color: #2d54de;
  border-radius: 50%;
  bottom: 50%;
  box-shadow: 0px 0px 0px 2px #fff;
  color: #fff;
  content: "";
  font-family: "dotto" !important;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 14px;
  left: 50%;
  line-height: 14px;
  line-height: 1;
  position: absolute;
  speak: none;
  text-align: center;
  text-transform: none;
  transform: translate(11px, -10px);
  width: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.os-monthly-calendar-days-w.hide-if-single-slot
  .os-day:hover
  .os-day-box
  .os-day-number {
  top: 50%;
}

.os-notifications {
  display: flex;
  flex-direction: column-reverse;
  left: 50%;
  position: fixed;
  top: 20px;
  transform: translateX(-50%);
  z-index: 10000;
}

.os-notifications .item {
  animation:0.3s cubic-bezier(0.45,1.1,0.4,1) 0s notificationAnimation;
  animation-fill-mode:both;
  background-color: #19DD96;
  border: none;
  border-radius: 50px;box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
  color: #0a6c49;
  font-size:16px;
  font-weight:500;
  min-width:400px;
  padding: 20px 40px 20px 20px;
  position:relative;
  text-align: center;
}

.os-notifications .os-notification-close {
  cursor:pointer;
  display:block;
  font-size: 18px;
  line-height:1;
  padding:5px;
  position:absolute;
  right: 12px;
  top: 52%;
  transform:translateY(-50%);
}

.dotto-icon-x:before {
  content:"\e90a";
}

.os-notifications .item + .item {
  margin-bottom: 10px;
}

.os-password-reset-form-w {
  animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both dottoFadeUp;
}

.os-password-reset-form-w {
  position: relative;
}

.os-password-reset-form-w .password-reset-back-to-login {
  align-items: center;
  color: #bd3d3d;
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.os-password-reset-form-w .password-reset-back-to-login span {
  margin-right: 5px;
}

.os-password-reset-form-w .password-reset-back-to-login span,
.os-password-reset-form-w .password-reset-back-to-login i {
  display: inline-block;
  vertical-align: middle;
}

.os-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -7px;
  margin-right: -7px;
}

.os-social-login-options div {
  text-align: center !important;
}

.os-step-tab-content {
  animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both dottoFadeUp;
}

.os-times-w {
  position: relative;
}

.os-weekdays {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.os-weekdays .weekday {
  color: #859cec;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0px;
  padding: 12px 0px 8px;
  text-align: center;
  text-transform: uppercase;
  width: 14.2%;
  line-height: 18px;
}

.os-weekdays .weekday.weekday-6,
.os-weekdays .weekday.weekday-7 {
  background-color: #fffef2;
  color: #ccb63b;
}

.os-weekdays .weekday.weekday-6,
.os-weekdays .weekday.weekday-7 {
  background-color: rgba(25, 74, 249, 0.05);
}

.os-widget-today-info .day-sub-info-col.with-avatars {
  display: none;
}

.os_trigger_booking {
  cursor: pointer;
}

.pagina_bloqueado {
  display: none;
}

.paoc-popup-modal .dotto-book-button.os_trigger_booking {
  background: black;
  border-radius: 50px;
  padding: 15px 30px;
}

a#cn-accept-cookie {
  background: #909bbd;
  color: white;
  padding: 8px 25px;
  border-radius: 30px;
  text-decoration: none;
}

.cookie-notice-container {
  padding: 10px 35px 6px;
}

.paoc-popup.popupaoc-button {
  background-color: #222222;
  background-image: linear-gradient(45deg, #00000020, transparent);
  border-radius: 50px;
  box-shadow: 0 0 20px #fff, inset -5px -5px 5px #ffffff47;
  color: #fff;
  display: block;
  font-size: 20px;
  line-height: normal;
  margin: auto;
  max-width: 600px;
  padding-bottom: 17px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 19px;
  position: relative;
  text-align: center;
  transition: all 0.2s ease-in-out;
  width: calc(100% - 40px);
}

.pix #clip_btn {
  background: #ad6b15;
  border-radius: 6px;
  color: white;
  cursor: pointer;
  padding: 7px 22px;
}

.pix textarea {
  background: none;
  border: none;
  font-size: 13px;
  resize: none;
  text-align: center;
}

.quick-start-time-w
  .os-form-group.os-form-group-transparent.os-form-textfield-group.has-value {
  border-bottom: 1px solid #dfe5f0 !important;
  margin-bottom: 0;
  margin-top: 20px !important;
}

.secaobotoes {
  margin: 30px 0 0 0;
}

.secaobotoes a {
  color: var(--gray-pri);
  font-weight: 600;
  text-decoration: none;
}

.secaobotoes a:hover {
  color: #194af9;
}

.secaobotoes a:visited,
.secaobotoes a:active {
  color: var(--gray-pri);
}

.secaomeio h1 {
  color: var(--gray-pri);
  font-size: 54px;
  font-weight: 300;
  line-height: 70px;
  margin: 0 0 30px 0;
  max-width: 400px;
}

.secaomeio h1 b {
  background-color: rgba(25, 74, 249, 0.1);
  border-radius: 10px;
  display: inline-block;
  font-size: 44px;
  margin: 0 0 -10px;
  padding: 6px 0 0px 11px;
  transform: rotate(-4.66deg);
  font-weight: 500;
  line-height: 47px;
}

.secaomeio h1 b::after {
  content: "•";
  font-size: 21px;
  left: -7px;
  position: relative;
  top: -27px;
}

.secaomeio span {
  color: var(--gray-lgt);
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  max-width: 400px;
}

.secaorodape {
  display: flex;
  flex-direction: row;
  grid-area: footer;
  justify-content: center;
  margin: 40px 0 0 0;
  width: 100%;
}

.secaorodape a {
  margin: 0 30px;
}

.status_cancelado #primary .logo,
.status_cancelado .secaorodape,
.status_cancelado .imagemprincipal,
.status_cancelado #caixa {
  display: none;
}

.status_cancelado .pagina_bloqueado {
  color: white;
  text-align: center;
}

.status_cancelado .pagina_bloqueado,
.status_cancelado #primary {
  display: block !important;
}

.status_cancelado .pagina_bloqueado .imagem {
  background-image: url(../images/bloqueio.png) !important;
  background-position: center;
  background-repeat: no-repeat;
  height: 265px;
  width: 100%;
}

.status_cancelado .pagina_bloqueado h1 {
  font-size: 54px;
  color: #1f1f1f;
  font-weight: 300;
  line-height: 70px;
  margin: 12px 0 10px;
}

.status_cancelado .pagina_bloqueado h3 {
  color: #959cb4;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

.step-datepicker-w {
  padding: 0px 25px;
}

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

.time-selector-w {
  display: none;
  margin-left: -2px;
  margin-right: -2px;
  margin-top: 20px;
}

.time-selector-w.style-timebox {
  margin-top: 20px;
}

.time-selector-w.style-timebox .times-header {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}

.time-selector-w.style-timebox .times-header .th-line {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  flex: 1;
  height: 1px;
}

.time-selector-w.style-timebox .times-header .th-line {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  flex: 1;
  height: 1px;
}

.time-selector-w.style-timebox .times-header .times-header-label {
  flex: 1;
  margin: 0px 10px;
  white-space: nowrap;
}

.time-selector-w.style-timebox .timeslots {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}

.time-selector-w.style-timebox .timeslots .not-working-message {
  border-radius: 4px;
  padding: 6px;
}

.time-selector-w.style-timebox .timeslots.slots-not-available {
  grid-template-columns: repeat(1, 1fr) !important;
}

.time-selector-w.style-timeline {
  flex-wrap: no-wrap;
  padding-bottom: 30px;
}

.time-selector-w.with-end-time.time-system-12
  .dp-timebox
  span.dp-label-end-time {
  opacity: 0.7;
}

.time-selector-w.with-end-time.time-system-12 .timeslots {
  grid-template-columns: repeat(2, 1fr);
}

.time-selector-w.with-end-time.time-system-24
  .dp-timebox
  span.dp-label-end-time {
  opacity: 0.7;
}

.time-selector-w.with-end-time.time-system-24 .timeslots {
  grid-template-columns: repeat(3, 1fr);
}

.time-selector-w.without-end-time.time-system-12 .timeslots {
  grid-template-columns: repeat(4, 1fr);
}

.time-selector-w.without-end-time.time-system-24 .timeslots {
  grid-template-columns: repeat(5, 1fr);
}

.times-header {
  color: #16171d;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 10px;
  text-align: center;
}

.times-header span {
  color: #222;
  margin-left: 5px;
}

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

.timeslots .not-working-message {
  background-color: rgba(206, 215, 244, 0.2);
  border-radius: 15px !important;
  color: #7985ac;
  padding: 10px !important;
}

/* .usuario_dotto-support .dotto-hidden.dotto-support, */
[class*="usuario_suporte"].dotto-hidden.dotto-support {
  display: block !important;
}

.weekday.weekday-6 {
  border-radius: 4px 0 0;
}

.weekday.weekday-7 {
  border-radius: 0 10px 0 0;
}

::-moz-selection {
  background: #000000;
  color: #fff;
}

.dotto-icon-arrow-2-left:before {
  content: "\e902";
}
.dotto-icon-arrow-2-right:before {
  content: "\e901";
}
.dotto-icon-arrow-down2:before {
  content: "\e909";
}
.dotto-icon-arrow-down:before {
  content: "\e908";
}
.dotto-icon-arrow-left:before {
  content: "\e905";
}
.dotto-icon-arrow-right:before {
  content: "\e904";
}
.dotto-icon-arrow-up2:before {
  content: "\e907";
}
.dotto-icon-arrow-up:before {
  content: "\e906";
}
.dotto-icon-book:before {
  content: "\e91a";
}
.dotto-icon-brand:before,
.dotto-icon-facebook:before,
.dotto-icon-social:before {
  content: "\e910";
}
.dotto-icon-calendar:before {
  content: "\e91b";
}
.dotto-icon-checkmark:before {
  content: "\e903";
}
.dotto-icon-clothes-21:before {
  content: "\e912";
}
.dotto-icon-common-01:before {
  content: "\e90a";
}
.dotto-icon-google:before {
  content: "\e911";
}
.dotto-icon-lp-logo:before {
  content: "\e91c";
}
.dotto-icon-message-circle:before {
  content: "\e91d";
}
.dotto-icon-message-square:before {
  content: "\e91e";
}
.dotto-icon-minus-circle:before {
  content: "\e915";
}
.dotto-icon-minus-square:before {
  content: "\e916";
}
.dotto-icon-minus:before {
  content: "\e914";
}
.dotto-icon-paperclip:before {
  content: "\e91f";
}
.dotto-icon-plus-circle:before {
  content: "\e918";
}
.dotto-icon-plus-square:before {
  content: "\e919";
}
.dotto-icon-plus:before {
  content: "\e917";
}
.dotto-icon-printer:before {
  content: "\e920";
}
.dotto-icon-qrcode:before {
  content: "\e921";
}
.dotto-icon-ui-09:before {
  content: "\e913";
}
.dotto-icon-ui-15:before {
  content: "\e90b";
}
.dotto-icon-ui-24:before {
  content: "\e90c";
}
.dotto-icon-ui-46:before {
  content: "\e90f";
}
.dotto-icon-ui-47:before {
  content: "\e90e";
}
.dotto-icon-ui-50:before {
  content: "\e90d";
}
.dotto-icon-ui-83:before {
  content: "\e900";
}
.dotto-icon-trash:before {
  content:"\e959";
}
.dotto-icon-tag:before {
  content:"\e963";
}

@font-face {
  font-family: "dotto";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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")
    format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.caixadedialogo .os-notification-close {
  display:none;
}

.caixadedialogo button.dotto-btn {
  background: #194af9;
  width: 100%;
  color: white;
  margin-top: 10px;
}

.caixadedialogo + .os-notification-close {
  top: 20px !important;
  right: 10px !important;
  color: #1f1f1f;
}

.caixadedialogo button.dotto-btn-block.dotto-btn-secundary {
  background: #ffffff;
  border: 1px solid #EBF0FF;
  color: #1F1F1F;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  padding: 12px 12px;
  text-decoration: none;
  border-radius: 30px;
  width: 100%;
  margin-top: 10px;
}

.caixadedialogo button.dotto-btn-block.dotto-btn-secundary:hover {
  background: #194AF9;
  color:#fff;
}

.caixadedialogo button.dotto-btn.dotto-btn-block {
  background:#ff9898;
  border:2px solid #710c10;
}

.caixadedialogo button.dotto-btn:hover {
  background:#194AF9;
  width:100%;
}

.dotto-lightbox-cancell {
  margin-bottom: 0px !important;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 10px 50px rgba(144, 155, 194, 0.1);
  width: 380px;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  transition: all 0.3s cubic-bezier(0.25,1.1,0.5,1.05);
  left: 50%;
  position: absolute;
  padding: 30px 20px 20px;
}

.dotto-lightbox-close-cancell {
  box-shadow: none;
  color: #333 !important;
  display: block;
  font-size: 15px;
  outline: none;
  position: absolute;
  right: 12px;
  text-decoration: none;
  top: 12px;
  transition: all .6s ease;
}

.dotto-lightbox-close-cancell:hover{
  transform:rotate(90deg) !important;
}

.dotto-message-subtle {
  background: #f9f9f9;
  color: #8894AF;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 10px 15px;
  width: fit-content;
  margin-top: -5px;
}

.coupon-status {
  background: rgb(25, 221, 150);
  color: white;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}

.coupon-status .coupon-code-remove {
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
  cursor: pointer;
}

.coupon-notification{
  display: flex;
  align-items: center;
  gap: 10px;
}

.dotto-w .dotto-booking-form-element .dotto-form-w .dotto-heading-cancell {
  background-color: #fff;
  left: 0px;
  padding: 15px 30px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10;
}

.dotto-w
.dotto-booking-form-element
.dotto-form-w
.dotto-heading-cancell
.dotto-lightbox-close {
  box-shadow: none;
  color: #1e222b;
  display: block;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}