/*========================================================
        DARK LAYOUT
=========================================================*/
.fc.fc-unthemed td.fc-today {
  background: #fcf8e3; }

.fc .fc-view-container .fc-body .fc-week table tbody .fc-day.fc-today {
  background: #fcf8e3; }

.fc .fc-button,
.fc .fc-button.btn-primary {
  background-color: transparent;
  color: #626262;
  border: none; }
  .fc .fc-button:hover,
  .fc .fc-button.btn-primary:hover {
    background-color: #f8f8f8;
    color: #626262; }
  .fc .fc-button:focus, .fc .fc-button.focus,
  .fc .fc-button.btn-primary:focus,
  .fc .fc-button.btn-primary.focus {
    box-shadow: none; }
  .fc .fc-button.disabled, .fc .fc-button:disabled,
  .fc .fc-button.btn-primary.disabled,
  .fc .fc-button.btn-primary:disabled {
    box-shadow: none; }
  .fc .fc-button:not(:disabled):not(.disabled):active, .fc .fc-button:not(:disabled):not(.disabled).active, .fc .fc-button:not(:disabled).fc-button-active,
  .fc .fc-button.btn-primary:not(:disabled):not(.disabled):active,
  .fc .fc-button.btn-primary:not(:disabled):not(.disabled).active,
  .fc .fc-button.btn-primary:not(:disabled).fc-button-active {
    box-shadow: none;
    background-color: transparent;
    color: #626262;
    font-weight: 500; }
    .fc .fc-button:not(:disabled):not(.disabled):active:focus, .fc .fc-button:not(:disabled):not(.disabled).active:focus, .fc .fc-button:not(:disabled).fc-button-active:focus,
    .fc .fc-button.btn-primary:not(:disabled):not(.disabled):active:focus,
    .fc .fc-button.btn-primary:not(:disabled):not(.disabled).active:focus,
    .fc .fc-button.btn-primary:not(:disabled).fc-button-active:focus {
      box-shadow: none; }

.fc .fc-event {
  border: 1px solid #babfc7;
  background: #ececec;
  margin-bottom: .2rem; }
  .fc .fc-event .fc-title {
    color: inherit; }

.fc .fc-time-grid .fc-slats td {
  height: 2em; }

@media (max-width: 767.98px) {
  .fc .fc-header-toolbar {
    margin-bottom: 1rem; }
    .fc .fc-header-toolbar .fc-right, .fc .fc-header-toolbar .fc-left {
      margin: .2rem auto; } }

#main-menu-navigation.nav.navbar-nav .nav-item.bookmark {
  display: none; }

#bookmark-icons li.active a i {
  color: rgba(var(--theme-color), 1); }

.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-logo {
  background: var(--logo-url) no-repeat;
  background-position: center center;
  height: 45px;
  width: 206px;
  background-size: contain; }

.main-menu .navbar-header .navbar-brand {
  margin-top: .7rem; }
  .main-menu .navbar-header .navbar-brand .brand-logo {
    background: var(--logo-url) no-repeat;
    background-position: center center;
    height: 45px;
    width: 206px;
    background-size: contain; }

.horizontal-menu.navbar-floating.horizontal-menu-collapsible:not(.blank-page).horizontal-menu-collapsed .app-content {
  padding-top: 63px;
  -webkit-transition: padding-top 0.3s ease-out 0.2s;
  -moz-transition: padding-top 0.3s ease-out 0.2s;
  -o-transition: padding-top 0.3s ease-out 0.2s;
  transition: padding-top 0.3s ease-out 0.2s; }

.horizontal-menu.navbar-floating.horizontal-menu-collapsible:not(.blank-page).horizontal-menu-collapsed .horizontal-menu-wrapper {
  display: none; }

.nav-tabs .nav-item .nav-link > i + span {
  margin-left: 1vw; }

.header-navbar .navbar-container ul.nav li i.ficon {
  font-size: 2rem; }

.tooltip-inner {
  /* tooltip container box */
  max-width: 80vw !important;
  width: auto !important;
  overflow: auto !important; }
  .tooltip-inner .mouse-over-event {
    display: flex;
    flex-direction: column;
    text-align: left; }
    .tooltip-inner .mouse-over-event > div + div {
      margin-top: 1rem; }
    .tooltip-inner .mouse-over-event ul {
      margin-bottom: 0; }
      .tooltip-inner .mouse-over-event ul li {
        display: inline-flex; }
        .tooltip-inner .mouse-over-event ul li + li {
          margin-left: 1rem; }
          .tooltip-inner .mouse-over-event ul li + li:not(:first-child):before {
            content: "|";
            margin-right: 1rem; }

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--single .select2-selection__choice,
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--classic .select2-selection--single .select2-selection__choice {
  background-color: #f8f8f8 !important;
  border-color: #d8d8d8 !important;
  color: #626262;
  padding: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--single .select2-selection__choice__remove,
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--classic .select2-selection--single .select2-selection__choice__remove {
  color: inherit !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(var(--theme-color), 1); }

.select2-container--default .square,
.select2-container--classic .square {
  padding: 10px;
  margin-right: 1rem; }

button.btn > i + span {
  margin-left: .2vw; }

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: rgba(var(--theme-color), 1); }

.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: rgba(var(--theme-color), 1); }

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn {
  color: rgba(var(--theme-color), 1); }
  .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:hover {
    color: rgba(var(--theme-color), 1); }

.modal-meeting .modal-body {
  width: 70vw;
  max-height: 80vh; }
  @media (orientation: landscape) and (max-width: 823px) {
    .modal-meeting .modal-body {
      max-height: 62vh; } }
  .modal-meeting .modal-body > div {
    width: 50%; }
    .modal-meeting .modal-body > div + div {
      padding-left: 1rem; }
    .modal-meeting .modal-body > div select + button {
      margin-left: 1rem; }
  .modal-meeting .modal-body .time {
    display: flex;
    justify-content: center; }
  .modal-meeting .modal-body .every-x {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .modal-meeting .modal-body .every-x .vs-checkbox-con.vs-checkbox-primary {
      width: auto; }
    .modal-meeting .modal-body .every-x > * + * {
      margin-left: 1rem; }
    .modal-meeting .modal-body .every-x > input {
      width: 3rem; }
  .modal-meeting .modal-body .day-recurrencies {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-height: 300px;
    overflow-y: auto; }
    .modal-meeting .modal-body .day-recurrencies li {
      padding: 15px 20px; }
      .modal-meeting .modal-body .day-recurrencies li .card {
        margin-bottom: 0; }
        .modal-meeting .modal-body .day-recurrencies li .card .card-body {
          display: flex;
          justify-content: space-between;
          align-items: center; }
  @media (orientation: portrait), (orientation: landscape) and (max-width: 823px) {
    .modal-meeting .modal-body .bootstrap-datetimepicker-widget table.table th.picker-switch {
      width: 100%; }
    .modal-meeting .modal-body .bootstrap-datetimepicker-widget table.table td, .modal-meeting .modal-body .bootstrap-datetimepicker-widget table.table th {
      padding: .5rem; }
    .modal-meeting .modal-body table.table-condensed td {
      width: 35px;
      height: 35px;
      line-height: 35px; }
      .modal-meeting .modal-body table.table-condensed td span {
        width: 35px;
        height: 35px;
        line-height: 35px; }
    .modal-meeting .modal-body table.table-condensed a[data-action] {
      padding: 0; } }

.modal-check-in-out .customers-in-out-datetime {
  display: flex;
  flex-direction: column; }
  .modal-check-in-out .customers-in-out-datetime > li {
    display: flex;
    flex-direction: column; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group .btn + .input-group-pickr,
  .input-group .input-group-prepend .btn + .input-group-pickr,
  .input-group-prepend fieldset .btn + .input-group-pickr,
  fieldset .input-group-prepend .btn + .input-group-pickr,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group .input-group-pickr + .input-group-text,
  .input-group .input-group-prepend .input-group-pickr + .input-group-text,
  .input-group-prepend fieldset .input-group-pickr + .input-group-text,
  fieldset .input-group-prepend .input-group-pickr + .input-group-text,
  .input-group-prepend .input-group .input-group-text + .input-group-pickr,
  .input-group .input-group-prepend .input-group-text + .input-group-pickr,
  .input-group-prepend .input-group .input-group-pickr + .input-group-pickr,
  .input-group .input-group-prepend .input-group-pickr + .input-group-pickr,
  .input-group-prepend fieldset .input-group-text + .input-group-pickr,
  fieldset .input-group-prepend .input-group-text + .input-group-pickr,
  .input-group-prepend fieldset .input-group-pickr + .input-group-pickr,
  fieldset .input-group-prepend .input-group-pickr + .input-group-pickr,
  .input-group-prepend .input-group-text + .btn,
  .input-group-prepend .input-group .input-group-pickr + .btn,
  .input-group .input-group-prepend .input-group-pickr + .btn,
  .input-group-prepend fieldset .input-group-pickr + .btn,
  fieldset .input-group-prepend .input-group-pickr + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group .btn + .input-group-pickr,
  .input-group .input-group-append .btn + .input-group-pickr,
  .input-group-append fieldset .btn + .input-group-pickr,
  fieldset .input-group-append .btn + .input-group-pickr,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group .input-group-pickr + .input-group-text,
  .input-group .input-group-append .input-group-pickr + .input-group-text,
  .input-group-append fieldset .input-group-pickr + .input-group-text,
  fieldset .input-group-append .input-group-pickr + .input-group-text,
  .input-group-append .input-group .input-group-text + .input-group-pickr,
  .input-group .input-group-append .input-group-text + .input-group-pickr,
  .input-group-append .input-group .input-group-pickr + .input-group-pickr,
  .input-group .input-group-append .input-group-pickr + .input-group-pickr,
  .input-group-append fieldset .input-group-text + .input-group-pickr,
  fieldset .input-group-append .input-group-text + .input-group-pickr,
  .input-group-append fieldset .input-group-pickr + .input-group-pickr,
  fieldset .input-group-append .input-group-pickr + .input-group-pickr,
  .input-group-append .input-group-text + .btn,
  .input-group-append .input-group .input-group-pickr + .btn,
  .input-group .input-group-append .input-group-pickr + .btn,
  .input-group-append fieldset .input-group-pickr + .btn,
  fieldset .input-group-append .input-group-pickr + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text, .input-group .input-group-pickr, fieldset .input-group-pickr {
  display: flex;
  align-items: center;
  padding: 0.7rem 0.7rem;
  margin-bottom: 0;
  font-size: 0.96rem;
  font-weight: 400;
  line-height: 1.25;
  color: #4e5154;
  text-align: center;
  white-space: nowrap;
  background-color: #ededed;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px; }
  .input-group-text input[type="radio"], .input-group .input-group-pickr input[type="radio"], fieldset .input-group-pickr input[type="radio"],
  .input-group-text input[type="checkbox"],
  .input-group .input-group-pickr input[type="checkbox"],
  fieldset .input-group-pickr input[type="checkbox"] {
    margin-top: 0; }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.25em + 2rem + 2px); }

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group .input-group-lg > .input-group-prepend > .input-group-pickr,
fieldset .input-group-lg > .input-group-prepend > .input-group-pickr,
.input-group-lg > .input-group-append > .input-group-text,
.input-group .input-group-lg > .input-group-append > .input-group-pickr,
fieldset .input-group-lg > .input-group-append > .input-group-pickr,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 1rem 2.5rem;
  font-size: 1.25rem;
  line-height: 1.25;
  border-radius: 6px; }

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1em + 1rem + 2px); }

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group .input-group-sm > .input-group-prepend > .input-group-pickr,
fieldset .input-group-sm > .input-group-prepend > .input-group-pickr,
.input-group-sm > .input-group-append > .input-group-text,
.input-group .input-group-sm > .input-group-append > .input-group-pickr,
fieldset .input-group-sm > .input-group-append > .input-group-pickr,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.5rem 1.5rem;
  font-size: 0.7rem;
  line-height: 1;
  border-radius: 4px; }

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.7rem; }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-prepend > .input-group-pickr,
fieldset .input-group > .input-group-prepend > .input-group-pickr,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .input-group-pickr,
fieldset .input-group > .input-group-append:not(:last-child) > .input-group-pickr,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append:last-child > .input-group-pickr:not(:last-child),
fieldset .input-group > .input-group-append:last-child > .input-group-pickr:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-append > .input-group-pickr,
fieldset .input-group > .input-group-append > .input-group-pickr,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .input-group-pickr,
fieldset .input-group > .input-group-prepend:not(:first-child) > .input-group-pickr,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-pickr:not(:first-child),
fieldset .input-group > .input-group-prepend:first-child > .input-group-pickr:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.form-section > i + span {
  margin-left: 1vw; }

.form-section > span {
  text-transform: capitalize !important; }

.form-group textarea {
  max-width: 100%; }

.form-group .custom-switch {
  padding-left: 0;
  padding-top: 8px; }

.input-group > .select2.select2-container, fieldset > .select2.select2-container {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1% !important;
  margin-bottom: 0; }
  .input-group > .select2.select2-container .select2-selection, fieldset > .select2.select2-container .select2-selection {
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

.input-group .input-group-pickr, fieldset .input-group-pickr {
  padding: 0; }
  .input-group .input-group-pickr .pickr, fieldset .input-group-pickr .pickr {
    height: 100%;
    width: 4vw; }
    .input-group .input-group-pickr .pickr .pcr-button, fieldset .input-group-pickr .pickr .pcr-button {
      height: inherit;
      width: inherit; }

.input-group .input-group-append .custom-select, fieldset .input-group-append .custom-select {
  border-radius: 0 5px 5px 0; }

.input-group .custom-control-input:checked ~ .custom-control-label::before, fieldset .custom-control-input:checked ~ .custom-control-label::before {
  background-color: rgba(var(--theme-color), 1);
  border-color: rgba(var(--theme-color), 1); }

.prc-app button:focus, .prc-app input:focus, .pickr button:focus, .pickr input:focus {
  box-shadow: none; }

.prc-app button.pcr-active, .prc-app input.pcr-active, .pickr button.pcr-active, .pickr input.pcr-active {
  box-shadow: none; }

.dropzone {
  border: 2px dashed rgba(var(--theme-color), 1); }
  .dropzone.dropzone-area {
    width: 100%; }
  .dropzone .dz-message {
    color: rgba(var(--theme-color), 1); }
    .dropzone .dz-message::before {
      color: rgba(var(--theme-color), 1); }

.dataTables_wrapper > .row:nth-child(2) > div.col-sm-12 {
  overflow-x: auto; }

@media (max-width: 991.98px) {
  .wizard > .steps > ul > li {
    width: 25%; } }

.calendar-page .content-body {
  display: flex; }
  @media (orientation: portrait) {
    .calendar-page .content-body {
      flex-direction: column; }
      .calendar-page .content-body:not(.filter-hide) .calendar {
        max-width: 100%;
        margin-top: 2rem; }
      .calendar-page .content-body:not(.filter-hide) .filters {
        width: 100%;
        height: 100%;
        margin-top: 0;
        padding-right: 0; }
      .calendar-page .content-body.filter-hide .filters {
        height: 0; } }
  .calendar-page .content-body.filter-hide .calendar {
    max-width: calc(100%); }
  .calendar-page .content-body.filter-hide .filters {
    width: 0;
    opacity: 0;
    padding-right: 0;
    margin-top: 0; }
  .calendar-page .content-body .feather.icon-sliders {
    font-size: 1.5rem !important; }
  .calendar-page .content-body .calendar {
    max-width: 75%; }
  .calendar-page .content-body .filters {
    margin-top: 2.2rem;
    padding-right: 2.2rem;
    width: calc(25%);
    opacity: 1;
    -webkit-transition: height 0.3s ease-out 0.2s, opacity 0.1s ease 0.1s;
    -moz-transition: height 0.3s ease-out 0.2s, opacity 0.1s ease 0.1s;
    -o-transition: height 0.3s ease-out 0.2s, opacity 0.1s ease 0.1s;
    transition: height 0.3s ease-out 0.2s, opacity 0.1s ease 0.1s; }


    .calendar-page .content-body {
      display: flex; }
      @media (orientation: portrait) {
        .calendar-page .content-body {
          flex-direction: column; }
          .calendar-page .content-body:not(.fastBooking-hide) .calendar {
            max-width: 100%;
            margin-top: 2rem; }
          .calendar-page .content-body:not(.fastBooking-hide) .fastBooking{
            width: 100%;
            height: 100%;
            margin-top: 0;
            padding-right: 0; }
          .calendar-page .content-body.fastBooking-hide .fastBooking {
            height: 0; } }
      .calendar-page .content-body.fastBooking-hide .calendar {
        max-width: calc(100%); }
      .calendar-page .content-body.fastBooking-hide .fastBooking {
        width: 0;
        opacity: 0;
        padding-right: 0;
        margin-top: 0; }
      .calendar-page .content-body .feather.icon-sliders {
        font-size: 1.5rem !important; }
      .calendar-page .content-body .calendar {
        max-width: 75%; }
      .calendar-page .content-body .fastBooking {
        margin-top: 2.2rem;
        padding-right: 2.2rem;
        width: calc(25%);
        opacity: 1;
        -webkit-transition: height 0.3s ease-out 0.2s, opacity 0.1s ease 0.1s;
        -moz-transition: height 0.3s ease-out 0.2s, opacity 0.1s ease 0.1s;
        -o-transition: height 0.3s ease-out 0.2s, opacity 0.1s ease 0.1s;
        transition: height 0.3s ease-out 0.2s, opacity 0.1s ease 0.1s; }

.billings .form-control.has-error {
  border-color: #ea5455; }

.billings .plans {
  display: flex;
  justify-content: space-evenly; }
  .billings .plans fieldset {
    padding: 0.7rem 0.7rem; }

.settings .notification-types {
  min-height: 38px;
  align-items: center; }
  .settings .notification-types .custom-control + .custom-control {
    margin-left: 2rem; }

.settings .notifications-tab {
  display: flex;
  width: 100%; }
  .settings .notifications-tab .nav {
    white-space: nowrap; }
  .settings .notifications-tab .tab-content {
    width: 100%; }
    .settings .notifications-tab .tab-content .container {
      max-width: unset; }
      .settings .notifications-tab .tab-content .container .editor {
        min-height: 30vh; }

.dashboard-page .card-header.edit input {
  display: flex; }

.dashboard-page .card-header.edit h2 {
  display: none; }

.dashboard-page .card-header input {
  display: none; }

@media (max-width: 768px) {
  .dashboard-page .card-header h2 {
    font-size: 1.34rem; } }

@media (max-width: 576px) {
  .dashboard-page .card-header h2 {
    font-size: 1rem; } }

.user-qr-code .canvas-wrapper {
  width: 300px;
  height: 300px; }

.unavailability-component .unavailability-recurrencies {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-height: 602px;
  overflow-y: auto; }
  .unavailability-component .unavailability-recurrencies li {
    padding: 15px 20px; }
    .unavailability-component .unavailability-recurrencies li .card {
      margin-bottom: 0;
      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1) !important; }
      .unavailability-component .unavailability-recurrencies li .card .card-body {
        display: flex;
        justify-content: space-between;
        align-items: center; }

.unavailability-page .unavailability-recurrencies {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: .8rem; }
  @media (max-width: 1199.98px) {
    .unavailability-page .unavailability-recurrencies {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 991.98px) {
    .unavailability-page .unavailability-recurrencies {
      grid-template-columns: repeat(1, 1fr); } }
  .unavailability-page .unavailability-recurrencies > li {
    display: flex; }
    .unavailability-page .unavailability-recurrencies > li .card {
      margin: 0;
      width: 100%; }
      .unavailability-page .unavailability-recurrencies > li .card .card-body {
        display: flex;
        justify-content: space-between; }
        .unavailability-page .unavailability-recurrencies > li .card .card-body button {
          font-size: x-large; }

.appointment-wizard-component {
  min-width: 55vw;
}

.appointment-wizard-component.confirm {
  position: relative;
}

.appointment-wizard-component.confirm .confirm-container {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.appointment-wizard-component .confirm-container {
  display: none;
}

.appointment-wizard-component .wizard>.actions>ul>li {
  margin-top: 10px;
}

.appointment-wizard-component fieldset .card:last-child {
  margin-bottom: 1rem;
}

.appointment-wizard-component .date-summary-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 2rem;
}

@media (max-width: 991.98px) {
  .appointment-wizard-component .date-summary-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 1rem;
  }
}

.appointment-wizard-component .date-summary-grid>div>span:first-child {
  width: 3rem;
}

.appointment-wizard-component .schedule-recurrencies {
  display: grid;
  grid-row-gap: 1rem;
}

.appointment-wizard-component .schedule-recurrencies>li {
  display: flex;
}

.appointment-wizard-component .schedule-recurrencies>li .card {
  margin: 0;
  width: 100%;
}

.appointment-wizard-component .schedule-recurrencies>li .card .card-body {
  display: flex;
  justify-content: space-between;
}

.appointment-wizard-component .schedule-recurrencies>li .card .card-body button {
  font-size: x-large;
}

.appointment-wizard-component .summary-recurrencies-list {
  overflow-y: hidden;
  overflow-x: auto;
}

.appointment-wizard-component .summary-recurrencies-list .recurrency-item {
  min-width: 22rem;
}



.rent-wizard-component {
  min-width: 85vw;
}

.rent-wizard-component.confirm {
  position: relative;
}

.rent-wizard-component.confirm .confirm-container {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.rent-wizard-component .confirm-container {
  display: none;
}

.rent-wizard-component .wizard>.actions>ul>li {
  margin-top: 10px;
}

.rent-wizard-component fieldset .card:last-child {
  margin-bottom: 1rem;
}

.rent-wizard-component .date-summary-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 2rem;
}

@media (max-width: 991.98px) {
  .rent-wizard-component .date-summary-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 1rem;
  }
}

.rent-wizard-component .date-summary-grid>div>span:first-child {
  width: 3rem;
}

.rent-wizard-component .schedule-recurrencies {
  display: grid;
  grid-row-gap: 1rem;
}

.rent-wizard-component .schedule-recurrencies>li {
  display: flex;
}

.rent-wizard-component .schedule-recurrencies>li .card {
  margin: 0;
  width: 100%;
}

.rent-wizard-component .schedule-recurrencies>li .card .card-body {
  display: flex;
  justify-content: space-between;
}

.rent-wizard-component .schedule-recurrencies>li .card .card-body button {
  font-size: x-large;
}

.rent-wizard-component .summary-recurrencies-list {
  overflow-y: hidden;
  overflow-x: auto;
}

.rent-wizard-component .summary-recurrencies-list .recurrency-item {
  min-width: 22rem;
}

.modal-meeting-wrapper .appointment-wizard-component .rent-wizard-component .summary-recurrencies-list {
  max-width: 80vw;
}



:root {
  --theme-color: 50,111,215;
  --logo-url: url(../../images/appuntamelo/logo.png); }

body.appuntamelo-layout .login-card .card-title, body.appuntamelo-layout .forgot-card .card-title, body.appuntamelo-layout .activation-card .card-title, body.appuntamelo-layout .register-card .card-title, body.appuntamelo-layout .result-card .card-title {
  width: 100%; }

body.appuntamelo-layout .login-card .logo, body.appuntamelo-layout .forgot-card .logo, body.appuntamelo-layout .activation-card .logo, body.appuntamelo-layout .register-card .logo, body.appuntamelo-layout .result-card .logo {
  max-width: 100%;
  margin-bottom: 2rem; }
  @media (min-width: 1920px) {
    body.appuntamelo-layout .login-card .logo, body.appuntamelo-layout .forgot-card .logo, body.appuntamelo-layout .activation-card .logo, body.appuntamelo-layout .register-card .logo, body.appuntamelo-layout .result-card .logo {
      max-width: 300px; } }

body.appuntamelo-layout .login-card #loginCard {
  display: flex; }

body.appuntamelo-layout .login-card #forgotCard {
  display: none; }

body.appuntamelo-layout .forgot-card #forgotCard {
  display: flex; }

body.appuntamelo-layout .forgot-card #loginCard {
  display: none; }

body.appuntamelo-layout .bg-authentication {
  background-color: #EFF2F7; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body.appuntamelo-layout .bg-authentication {
      width: 100%; } }

body.appuntamelo-layout .span-list-with-comma-separator > span:not(:last-child):after {
  content: ','; }

@media (orientation: portrait) {
  body.appuntamelo-layout .content {
    min-height: calc(100% - 2.8rem); }
  body.appuntamelo-layout footer.footer-static {
    padding: .5rem 1.1rem;
    font-size: smaller; } }

body.appuntamelo-layout .custom-switch {
  padding-left: 2.5rem; }

body.appuntamelo-layout .table-responsive table {
  width: 100% !important; }
  body.appuntamelo-layout .table-responsive table td .custom-switch {
    padding: 0; }

body.appuntamelo-layout .spinner-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center; }

body.appuntamelo-layout > .spinner-container {
  position: fixed; }

body.appuntamelo-layout .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto; }

body.appuntamelo-layout .d-flex.justify-content-evenly {
  justify-content: space-evenly !important; }

body.appuntamelo-layout .span-spacing > span:first-child {
  margin-right: 1vw; }

body.appuntamelo-layout .span-spacing > span + span {
  margin-left: 1vw; }

body.appuntamelo-layout .right-text-spacing {
  margin-right: .4rem; }

body.appuntamelo-layout #main-menu-navigation {
  flex-wrap: nowrap;
  overflow-y: auto; }


.sw-theme-default>.nav .nav-link.active {
    /* color: #17a2b8!important; */
    cursor: pointer;
    color: rgba(var(--theme-color), 1)!important;
}
.sw-theme-default>.nav .nav-link.done {
  /* color: #17a2b8!important; */
  cursor: pointer;
  color: rgba(var(--theme-color), 0.5)!important;
}
.sw-theme-default>.nav .nav-link.inactive {
    /* color: #999; */
    cursor: not-allowed;
    color: rgba(var(--theme-color), 0.5);
}
.sw-theme-default>.nav .nav-link.active::after {
    background: rgba(var(--theme-color), 1)!important;
    width: 100%;
}
.sw-theme-default>.nav .nav-link.done::after {
  background: rgba(var(--theme-color), 0.5);
  width: 100%;
}
.sw-theme-default .toolbar>.btn {
  color: #fff;
  background-color: rgba(var(--theme-color), 1)!important;
  border: 1px solid  rgba(var(--theme-color), 1)!important;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  font-weight: 400;
}
.sw-theme-default .toolbar>.btn{
  padding: 1rem!important;
  text-transform: uppercase!important;
}
.sw-theme-default .toolbar>.btn:hover{
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1) !important; 
}
.sw-theme-default .toolbar>.saveButton{
  background-color: #f96700!important;
  border: 1px solid #fd7e24!important;
}

.sw-theme-default .toolbar>.deleteButton{
  background-color: #f90000!important;
    border: 1px solid #fb1b1b!important;
}

.sw-theme-default .toolbar>.createButton{
  background-color: #f96700!important;
  border: 1px solid #fd7e24!important;
}


.sw-theme-progress>.nav .nav-link.active {
  /* color: #17a2b8!important; */
  cursor: pointer;
  color: #FFF!important;
}
.sw-theme-progress>.nav .nav-link.done {
/* color: #17a2b8!important; */
cursor: pointer;
/*color: rgba(var(--theme-color), 0.5)!important;*/
color:#FFF!important;
}
.sw-theme-progress>.nav .nav-link.inactive {
  /* color: #999; */
  cursor: not-allowed;
  color: rgba(var(--theme-color), 0.5);
}
.sw-theme-progress>.nav .nav-link.active::after {
  background: rgba(var(--theme-color), 1)!important;
  width: 100%;
}
.sw-theme-progress>.nav .nav-link.done::after {
background: rgba(var(--theme-color), 0.5);
width: 100%;
}
.sw-theme-progress .toolbar>.btn {
color: #fff;
background-color: rgba(var(--theme-color), 1)!important;
border: 1px solid  rgba(var(--theme-color), 1)!important;
padding: 0.375rem 0.75rem;
border-radius: 0.25rem;
font-weight: 400;
}
.sw-theme-progress .toolbar>.btn{
padding: 1rem!important;
text-transform: uppercase!important;
}
.sw-theme-progress .toolbar>.btn:hover{
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1) !important; 
}
.sw-theme-progress .toolbar>.saveButton{
background-color: #f96700!important;
border: 1px solid #fd7e24!important;
}

.sw-theme-progress .toolbar>.deleteButton{
background-color: #f90000!important;
  border: 1px solid #fb1b1b!important;
}

.sw-theme-progress .toolbar>.createButton{
background-color: #f96700!important;
border: 1px solid #fd7e24!important;
}


.sw-theme-arrows>.nav .nav-link.active {
  /* color: #17a2b8!important; */
  cursor: pointer;
  color: #FFF!important;
  background: rgba(var(--theme-color), 1)!important;
  border: 1px solid  rgba(var(--theme-color), 1)!important;
}
.sw-theme-arrows>.nav .nav-link.done {
/* color: #17a2b8!important; */
cursor: pointer;
/*color: rgba(var(--theme-color), 0.5)!important;*/
color:#FFF!important;
}
.sw-theme-arrows>.nav .nav-link.inactive {
  /* color: #999; */
  cursor: not-allowed;
  color: rgba(var(--theme-color), 0.5);
}
.sw-theme-arrows>.nav .nav-link.active::after {
  background: rgba(var(--theme-color), 1)!important;
  width: 100%;
}
.sw-theme-arrows>.nav .nav-link.done::after {
background: rgba(var(--theme-color), 0.5);
width: 100%;
}
.sw-theme-arrows .toolbar>.btn {
color: #fff;
background-color: rgba(var(--theme-color), 1)!important;
border: 1px solid  rgba(var(--theme-color), 1)!important;
padding: 0.375rem 0.75rem;
border-radius: 0.25rem;
font-weight: 400;
}
.sw-theme-arrows .toolbar>.btn{
padding: 1rem!important;
text-transform: uppercase!important;
}
.sw-theme-arrows .toolbar>.btn:hover{
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1) !important; 
}
.sw-theme-arrows .toolbar>.saveButton{
background-color: #f96700!important;
border: 1px solid #fd7e24!important;
}

.sw-theme-arrows .toolbar>.deleteButton{
background-color: #f90000!important;
  border: 1px solid #fb1b1b!important;
}

.sw-theme-arrows .toolbar>.createButton{
background-color: #f96700!important;
border: 1px solid #fd7e24!important;
}



.btn-warning{
  border-color: #fd9851 !important;
  background-color: #f9780ba3 !important;
  color: #fff;
  text-transform: uppercase;
}
.btnSmall-1{
  padding: 0.6rem 1rem!important;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.fc .fc-event{
  border-radius:0.3rem!important;
}
.fc .fc-event .fc-title {
  font-size: .70rem;
  text-transform: uppercase;
}
.fc-day-grid-event .fc-time {
  font-weight: 700;
  font-size: 0.75rem;
}

.circleImage {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.detailAppModalElementTime{
  background-color: rgba(var(--theme-color), 0.8);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;color: #FFF;
  margin-bottom: 1rem;
}
.detailAppModalElement{
  background-color:rgba(var(--theme-color), 0.6)!important;
  /* padding: 1rem 1.5rem; */
  padding: 1rem 0.5rem;
  border-radius: 0.5rem;
  margin-top:1rem;
}
.detailAppModalElement i{
  color:#FFF!important
}

.detailAppModalElement h4{
  color:#FFF!important
}

.detailAppModalElement p{
  color:#FFF!important
}
.detailAppModalElement label{
  color:#FFF!important
}
.detailAppModalElement span{
  color:#FFF!important
}


.detailAppDashboardTime{
  background-color: rgba(var(--theme-color), 0.8);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;color: #FFF;
  margin-bottom: 1rem;
}
.detailAppDashboard{
  background-color:rgba(var(--theme-color), 0.6)!important;
  padding: 1rem 1.5rem;
  
}
.detailAppDashboard i{
  color:#FFF!important
}

.detailAppDashboard h4{
  color:#FFF!important
}

.detailAppDashboard p{
  color:#FFF!important
}
.detailAppDashboard label{
  color:#FFF!important
}
.detailAppDashboard span{
  color:#FFF!important
}


.custom-switch-theme .custom-control-label::before {

  background-color: rgba(var(--theme-color), 0.4)!important;
  
}

.bookmark-icons{
  font-size: 1.4rem;
}

.bookmark-icons li{
  margin-right: 0.7rem;;
}
.fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header.fc-today {
  color: #FFF!important;
  background-color: rgba(var(--theme-color), 0.6)!important;
}

.noUi-handle {
  box-shadow: none;
  border: none;
  border-radius: 50%;
  background: #FFF;
  border: 5px solid  rgba(var(--theme-color), 1)!important;
}

.noUi-target {
  background-color: rgba(var(--theme-color), 0.5)!important;
  border: none;
  box-shadow: none;
  border-radius: 1rem;
}

/*========= PAGE LIST HEADER =========*/

.pageListHeaderContainer  .card-body{
  padding-bottom: 0.5rem!important;
}
.pageListHeaderContainer i{
  color: #FFF!important;
}
.pageListHeaderTitleIcon {
 font-size:1.5rem;
}
.pageListHeaderTitle {
  font-size:1.5rem;
  color:#FFF;
 }
 .pageListHeaderSubtitle{
  font-size:1rem;
  padding-left: 0px;
  color:#FFF;
 }
 .pageListHeaderSubtitle label{
  font-size:1rem;
  color:#FFF;
 }

 /*========= DATA TABLES=========*/
 div.dataTables_wrapper div.dataTables_filter input {
   font-size: 1rem;;
 }


 form label{
   letter-spacing:0px;
 }

 html body .content .content-wrapper {
 padding: 1rem!important;
}

.fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header {
  font-size: 1.2rem;
  padding: 0.5rem;
}

.fc-ltr .fc-axis {
  padding: 5px;
}