.alert {
  position: fixed;
  top: 0;
  right: 20px;
  transition: all 300ms;
  visibility: hidden;
  opacity: 0;
  z-index: 9999; }
  .alert.show {
    visibility: visible;
    opacity: 1;
    top: 20px;
    transition: all 300ms; }
  .alert.alert-success-email {
    display: inline-block; }

.pd-t-30 {
  padding-top: 30px; }

.modal.fade.modal-calendar {
  transition: all 300ms;
  padding-right: 0 !important; }
  .modal.fade.modal-calendar .modal-header {
    align-items: center;
    justify-content: flex-start; }
    .modal.fade.modal-calendar .modal-header .return {
      margin-right: 15px;
      cursor: pointer; }
  .modal.fade.modal-calendar .calender-list-infor {
    height: 425px;
    transform: translateX(0);
    transition: all 300ms; }
    .modal.fade.modal-calendar .calender-list-infor.hide {
      transform: translateX(calc(-100% - 2rem));
      transition: all 300ms; }
  .modal.fade.modal-calendar .calender-list-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    padding: 10px;
    border: 1px solid #efefef;
    margin-bottom: 10px;
    border-radius: 4px;
    transition: all 300ms;
    cursor: pointer; }
    .modal.fade.modal-calendar .calender-list-item.active {
      border: 1px solid var(--default);
      transition: all 300ms;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; }
      .modal.fade.modal-calendar .calender-list-item.active .fa-check-circle {
        transition: all 300ms;
        color: var(--default); }
    .modal.fade.modal-calendar .calender-list-item .fa-check-circle {
      position: absolute;
      transition: all 300ms;
      top: calc(50% - 8px);
      right: 10px;
      color: #495057; }
    .modal.fade.modal-calendar .calender-list-item__name {
      color: #283034;
      font-weight: 500;
      font-size: 15px;
      padding-right: 55px; }
    .modal.fade.modal-calendar .calender-list-item .fa-tag {
      position: absolute;
      top: calc(50% - 5px);
      left: 0;
      font-size: 13px;
      color: var(--default); }
    .modal.fade.modal-calendar .calender-list-item__card {
      padding-left: 15px;
      position: relative;
      color: var(--default);
      font-size: 12px; }
    .modal.fade.modal-calendar .calender-list-item__hot-tag {
      padding: 1px 5px;
      font-size: 10px;
      background: #dc3545;
      font-weight: 900;
      height: 100%;
      border-radius: 4px;
      color: #fff;
      text-transform: uppercase;
      margin-left: 5px; }
    .modal.fade.modal-calendar .calender-list-item__des {
      font-size: 15px;
      color: #999;
      font-weight: 400; }
  .modal.fade.modal-calendar .calender-list-service {
    position: relative;
    max-height: 250px;
    overflow: auto;
    padding-right: 2px; }
    .modal.fade.modal-calendar .calender-list-service::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      background-color: none; }
    .modal.fade.modal-calendar .calender-list-service::-webkit-scrollbar {
      width: 6px;
      background-color: #fff;
      margin-left: 5px; }
    .modal.fade.modal-calendar .calender-list-service::-webkit-scrollbar-thumb {
      background: rgba(196, 196, 196, 0.5);
      border-radius: 5px; }
    .modal.fade.modal-calendar .calender-list-service__search {
      position: sticky;
      top: 0;
      z-index: 1; }
      .modal.fade.modal-calendar .calender-list-service__search > input {
        width: 100%;
        padding: 6px 30px 6px 10px;
        border: 1px solid #efefef;
        border-radius: 4px;
        outline: none;
        transition: all 300ms;
        margin-bottom: 10px;
        color: #495057; }
        .modal.fade.modal-calendar .calender-list-service__search > input:focus {
          border: 1px solid var(--default);
          transition: all 300ms; }
      .modal.fade.modal-calendar .calender-list-service__search > .fa-search {
        position: absolute;
        top: 11.5px;
        right: 10px; }
  .modal.fade.modal-calendar .modal-content {
    overflow: hidden; }
  .modal.fade.modal-calendar .calender-list-book {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    transform: translateX(100%);
    transition: all 300ms;
    left: 0; }
    .modal.fade.modal-calendar .calender-list-book.show {
      transition: all 300ms;
      transform: translateX(0); }
    .modal.fade.modal-calendar .calender-list-book p {
      margin-bottom: 0; }
    .modal.fade.modal-calendar .calender-list-book__location {
      display: flex;
      align-items: center;
      margin-bottom: 15px; }
      .modal.fade.modal-calendar .calender-list-book__location i {
        font-weight: 500;
        margin-right: 9px;
        font-size: 15px; }
      .modal.fade.modal-calendar .calender-list-book__location p {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 15px; }
      .modal.fade.modal-calendar .calender-list-book__location span {
        color: #dc3545; }
    .modal.fade.modal-calendar .calender-list-book__date {
      display: flex;
      margin-bottom: 15px; }
      .modal.fade.modal-calendar .calender-list-book__date-detail {
        flex: 0 0 50%;
        display: flex; }
        .modal.fade.modal-calendar .calender-list-book__date-detail i {
          margin-right: 9px;
          font-size: 15px;
          font-weight: 500;
          margin-top: 3px; }
        .modal.fade.modal-calendar .calender-list-book__date-detail > div {
          display: flex;
          flex-direction: column; }
        .modal.fade.modal-calendar .calender-list-book__date-detail p {
          font-weight: 500;
          font-size: 15px;
          text-transform: uppercase; }
        .modal.fade.modal-calendar .calender-list-book__date-detail .calender-list-book__day {
          font-weight: 400; }
        .modal.fade.modal-calendar .calender-list-book__date-detail .calender-list-book__hour {
          font-weight: 400; }
    .modal.fade.modal-calendar .calender-list-book__service {
      flex-grow: 1; }
      .modal.fade.modal-calendar .calender-list-book__service > div:first-child {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 500;
        margin-bottom: 5px; }
        .modal.fade.modal-calendar .calender-list-book__service > div:first-child i {
          font-size: 15px;
          font-weight: 500;
          margin-right: 2px; }
      .modal.fade.modal-calendar .calender-list-book__service #calender-list-book__service-item {
        max-height: 92px;
        overflow: auto; }
      .modal.fade.modal-calendar .calender-list-book__service-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 20px;
        max-height: 125px;
        overflow: auto; }
        .modal.fade.modal-calendar .calender-list-book__service-item p {
          font-weight: 400;
          font-size: 15px; }
          .modal.fade.modal-calendar .calender-list-book__service-item p span {
            margin-right: 3px; }
        .modal.fade.modal-calendar .calender-list-book__service-item i {
          color: #28a745; }
    .modal.fade.modal-calendar .calender-list-book__home {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0;
      position: relative;
      margin-bottom: 10px;
      /*&:after {
          position: absolute;
          content: '';
          bottom: 0;
          background: rgba(0,0,0,0.06);
          right: -16px;
          height: 2px;
          width: calc(100% + 32px);
      }*/ }
      .modal.fade.modal-calendar .calender-list-book__home > div {
        display: flex; }
        .modal.fade.modal-calendar .calender-list-book__home > div i {
          font-size: 15px;
          margin-right: 2px;
          font-weight: 500;
          margin-top: 3px; }
        .modal.fade.modal-calendar .calender-list-book__home > div p {
          font-weight: 500;
          font-size: 15px; }
    .modal.fade.modal-calendar .calender-list-book .calender-infor-customer {
      padding-top: 15px;
      position: relative; }
      .modal.fade.modal-calendar .calender-list-book .calender-infor-customer .form-group {
        margin-bottom: 10px; }
      .modal.fade.modal-calendar .calender-list-book .calender-infor-customer:before {
        position: absolute;
        content: '';
        top: 0;
        right: -16px;
        height: 2px;
        background: rgba(0, 0, 0, 0.06);
        width: calc(100% + 32px); }
      .modal.fade.modal-calendar .calender-list-book .calender-infor-customer p {
        font-weight: 500;
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 6px; }
    @supports (-webkit-appearance: none) or (-moz-appearance: none) {
      .modal.fade.modal-calendar .calender-list-book input[type='checkbox'],
      .modal.fade.modal-calendar .calender-list-book input[type='radio'] {
        --active: #275EFE;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background .3s, border-color .3s, box-shadow .2s; }
        .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:after,
        .modal.fade.modal-calendar .calender-list-book input[type='radio']:after {
          content: '';
          display: block;
          left: 0;
          top: 0;
          position: absolute;
          transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); }
        .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:checked,
        .modal.fade.modal-calendar .calender-list-book input[type='radio']:checked {
          --b: var(--default);
          --bc: var(--lipstick);
          --d-o: .3s;
          --d-t: .6s;
          --d-t-e: cubic-bezier(.2, .85, .32, 1.2); }
        .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:disabled,
        .modal.fade.modal-calendar .calender-list-book input[type='radio']:disabled {
          --b: var(--disabled);
          cursor: not-allowed;
          opacity: .9; }
          .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:disabled:checked,
          .modal.fade.modal-calendar .calender-list-book input[type='radio']:disabled:checked {
            --b: var(--disabled-inner);
            --bc: var(--border); }
          .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:disabled + label,
          .modal.fade.modal-calendar .calender-list-book input[type='radio']:disabled + label {
            cursor: not-allowed; }
        .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:not(.switch),
        .modal.fade.modal-calendar .calender-list-book input[type='radio']:not(.switch) {
          width: 21px; }
          .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:not(.switch):after,
          .modal.fade.modal-calendar .calender-list-book input[type='radio']:not(.switch):after {
            opacity: var(--o, 0); }
          .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:not(.switch):checked,
          .modal.fade.modal-calendar .calender-list-book input[type='radio']:not(.switch):checked {
            --o: 1; }
        .modal.fade.modal-calendar .calender-list-book input[type='checkbox'] + label,
        .modal.fade.modal-calendar .calender-list-book input[type='radio'] + label {
          font-size: 14px;
          line-height: 21px;
          display: inline-block;
          vertical-align: top;
          cursor: pointer;
          margin-left: 4px; }
      .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:not(.switch) {
        border-radius: 7px; }
        .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:not(.switch):after {
          width: 5px;
          height: 9px;
          border: 2px solid var(--active-inner);
          border-top: 0;
          border-left: 0;
          left: 7px;
          top: 4px;
          transform: rotate(var(--r, 20deg)); }
        .modal.fade.modal-calendar .calender-list-book input[type='checkbox']:not(.switch):checked {
          --r: 43deg; }
      .modal.fade.modal-calendar .calender-list-book input[type='checkbox'].switch {
        width: 38px;
        border-radius: 11px; }
        .modal.fade.modal-calendar .calender-list-book input[type='checkbox'].switch:after {
          left: 2px;
          top: 2px;
          border-radius: 50%;
          width: 15px;
          height: 15px;
          background: var(--ab, var(--border));
          transform: translateX(var(--x, 0)); }
        .modal.fade.modal-calendar .calender-list-book input[type='checkbox'].switch:checked {
          --ab: white;
          --x: 17px; }
        .modal.fade.modal-calendar .calender-list-book input[type='checkbox'].switch:disabled:not(:checked):after {
          opacity: .6; }
      .modal.fade.modal-calendar .calender-list-book input[type='radio'] {
        border-radius: 50%; }
        .modal.fade.modal-calendar .calender-list-book input[type='radio']:after {
          width: 19px;
          height: 19px;
          border-radius: 50%;
          background: var(--active-inner);
          opacity: 0;
          transform: scale(var(--s, 0.7)); }
        .modal.fade.modal-calendar .calender-list-book input[type='radio']:checked {
          --s: .5; } }
  .modal.fade.modal-calendar .calender-location {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px; }
    .modal.fade.modal-calendar .calender-location__detail {
      flex: 0 0 calc(50% - 2.5px);
      text-align: center;
      padding: 6px 0;
      background: white;
      cursor: pointer;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
      margin-bottom: 10px;
      transition: all 300ms; }
      .modal.fade.modal-calendar .calender-location__detail span:first-child {
        color: #495057;
        font-size: 14px;
        font-weight: 400;
        transition: all 300ms;
        line-height: 1.5; }
      .modal.fade.modal-calendar .calender-location__detail .calender-location__icon-mark {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background: white;
        top: -12px;
        right: -5px;
        padding: 4.5px 6px;
        border-radius: 50%; }
    .modal.fade.modal-calendar .calender-location__detail.active {
      background: var(--default);
      box-shadow: unset;
      border-radius: 4px;
      transition: all 300ms;
      position: relative; }
      .modal.fade.modal-calendar .calender-location__detail.active span {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5; }
      .modal.fade.modal-calendar .calender-location__detail.active .calender-location__icon-mark {
        visibility: visible;
        opacity: 1; }
  .modal.fade.modal-calendar.show {
    display: flex !important;
    align-items: center;
    justify-content: center; }
  .modal.fade.modal-calendar .form-group label.calender-response-text {
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 5px;
    border: 1px solid #C4C4C4;
    display: inline-flex;
    align-content: center;
    cursor: pointer;
    color: #999;
    font-weight: 400;
    margin-bottom: 10px; }
    .modal.fade.modal-calendar .form-group label.calender-response-text i {
      margin-left: 10px;
      font-size: 18px; }
  .modal.fade.modal-calendar .pd-0 {
    padding: 0; }
  .modal.fade.modal-calendar .calender-service-time {
    margin: 0;
    padding: 0; }
  .modal.fade.modal-calendar .btn {
    border: 1px solid;
    border-radius: 5px;
    padding: 13px 26px; }
    .modal.fade.modal-calendar .btn.calender-close:hover {
      color: unset;
      background: unset; }
    .modal.fade.modal-calendar .btn.calender-close {
      background: white;
      color: rgba(0, 0, 0, 0.4); }
    .modal.fade.modal-calendar .btn.bg-color-09 {
      background: var(--default);
      transition: all 300ms; }
    .modal.fade.modal-calendar .btn.bg-color-09[disabled] {
      background: var(--gray);
      transition: all 300ms; }
    .modal.fade.modal-calendar .btn.bg-color-09[disabled]:hover {
      color: white;
      background: var(--gray);
      cursor: not-allowed; }
    .modal.fade.modal-calendar .btn.bg-color-09:hover {
      color: var(--default);
      background: unset; }
  .modal.fade.modal-calendar.show label {
    background: #fff;
    color: unset; }
  .modal.fade.modal-calendar .book-day p {
    transition: all 300ms; }
  .modal.fade.modal-calendar .choose-date .fa {
    position: absolute;
    right: 25px;
    top: 11px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .modal.fade.modal-calendar .choose-anothor-day {
    text-align: center;
    padding: 0; }
    .modal.fade.modal-calendar .choose-anothor-day input {
      height: 100%; }
    .modal.fade.modal-calendar .choose-anothor-day ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #999;
      font-weight: 400; }
    .modal.fade.modal-calendar .choose-anothor-day ::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 400;
      color: #999; }
    .modal.fade.modal-calendar .choose-anothor-day :-ms-input-placeholder {
      /* IE 10+ */
      font-weight: 400;
      color: #999; }
    .modal.fade.modal-calendar .choose-anothor-day :-moz-placeholder {
      /* Firefox 18- */
      font-weight: 400;
      color: #999; }
  .modal.fade.modal-calendar .choose-date label {
    padding: 0;
    margin-bottom: 3px; }
  .modal.fade.modal-calendar .form-group {
    align-items: center;
    margin-bottom: 42px; }
  .modal.fade.modal-calendar .form-control {
    font-size: 14px; }
  .modal.fade.modal-calendar .date-time {
    margin: 0;
    border-radius: 5px; }
  .modal.fade.modal-calendar .book-date {
    text-align: center;
    transition: all 300ms; }
    .modal.fade.modal-calendar .book-date input::-webkit-outer-spin-button,
    .modal.fade.modal-calendar .book-date input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .modal.fade.modal-calendar .book-date:nth-child(2n+1) {
      padding-left: 0;
      padding-right: 5px; }
    .modal.fade.modal-calendar .book-date input {
      height: 37px; }
    .modal.fade.modal-calendar .book-date p {
      padding: 8px 0;
      cursor: pointer;
      font-size: 14px;
      font-weight: 400; }
  .modal.fade.modal-calendar .modal-body > p {
    margin-bottom: 5px; }
  .modal.fade.modal-calendar .calender-hours {
    margin: 14px 0;
    padding: 0;
    position: relative; }
    .modal.fade.modal-calendar .calender-hours:before {
      position: absolute;
      content: '';
      bottom: -2px;
      height: 0.5px;
      width: 100%;
      background: #D3D3D3;
      right: 0;
      z-index: 1; }
    .modal.fade.modal-calendar .calender-hours .col-form-label {
      margin-bottom: 10px; }
    .modal.fade.modal-calendar .calender-hours .calender-hours-pick {
      display: flex;
      flex-wrap: nowrap;
      padding: 10px 0 0 0;
      overflow-x: scroll;
      position: relative; }
      .modal.fade.modal-calendar .calender-hours .calender-hours-pick::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: none; }
      .modal.fade.modal-calendar .calender-hours .calender-hours-pick::-webkit-scrollbar {
        height: 6px;
        background-color: #fff; }
      .modal.fade.modal-calendar .calender-hours .calender-hours-pick::-webkit-scrollbar-thumb {
        background: rgba(196, 196, 196, 0.5);
        border-radius: 5px; }
      .modal.fade.modal-calendar .calender-hours .calender-hours-pick .hours-box:not(:last-child) {
        margin-right: 13px; }
      .modal.fade.modal-calendar .calender-hours .calender-hours-pick .hours-box {
        transition: all 300ms;
        border: 1px solid;
        cursor: pointer;
        padding: 10px 0;
        flex: 0 0 72px;
        border-radius: 5px;
        font-size: 15px;
        margin-bottom: 7px;
        line-height: 18px;
        text-align: center; }
      .modal.fade.modal-calendar .calender-hours .calender-hours-pick .hours-box.txt-color-gray {
        color: #999; }
  .modal.fade.modal-calendar .calender-service-detail {
    position: relative;
    padding: 0; }
  .modal.fade.modal-calendar .select2-container--default {
    width: 100% !important; }
    .modal.fade.modal-calendar .select2-container--default::before {
      content: '\f0dd';
      position: absolute;
      font-weight: 700;
      top: calc(50% - 20px);
      right: 13px;
      color: #C4C4C4;
      font-size: 20px;
      font-family: 'Font Awesome 5 pro';
      z-index: 1; }
  .modal.fade.modal-calendar .select2-container--default span.select2-selection--multiple {
    padding: 6px 6px 11px 6px;
    border: 1px solid #C4C4C4; }
  .modal.fade.modal-calendar .select2-container .select2-search--inline textarea.select2-search__field {
    font-size: 15px;
    margin-left: 10px;
    margin-top: auto;
    height: 20px;
    width: unset !important; }
  .modal.fade.modal-calendar .select2-container.select2-container--default .select2-search--inline textarea.select2-search__field[placeholder=""] {
    height: 24px; }
  .modal.fade.modal-calendar #message-text {
    min-height: 70px;
    max-height: 100px; }
  .modal.fade.modal-calendar .close:not(:disabled):not(.disabled):focus {
    outline: none; }
  .modal.fade.modal-calendar .calender-service {
    margin: 7px 0; }
    .modal.fade.modal-calendar .calender-service .book-date:nth-child(2) {
      padding-right: 5px;
      padding-left: 0; }
    .modal.fade.modal-calendar .calender-service > label {
      padding: 5px 0; }
  .modal.fade.modal-calendar .calender-another-day {
    border-radius: 5px; }

.dialog-calender {
  position: fixed;
  bottom: 30px;
  right: 80px;
  z-index: 9; }
  .dialog-calender .icon-calender {
    background-color: white;
    border-radius: 50%;
    border: 1px solid;
    padding: 9.5px 10.575px;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition: all 400ms ease-in-out;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none; }
    .dialog-calender .icon-calender:hover {
      color: var(--default); }
    .dialog-calender .icon-calender:focus {
      color: var(--default);
      outline: none; }
    .dialog-calender .icon-calender i {
      font-size: 17px; }

.form-group > div {
  position: relative; }

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