.dark-layout .form-control[type=file]::file-selector-button {
  background-color: #283046;
}

.modern-horizontal-wizard .picker {
  top: unset;
}

#user_profile_tab_nav button svg, #company_details_tab_nav button svg {
  height: 1.5rem;
  width: 1.5rem;
}
#user_profile_tab_nav .nav-tab-element, #company_details_tab_nav .nav-tab-element {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
#user_profile_tab_nav li a:not(.active):hover, #company_details_tab_nav li a:not(.active):hover {
  background-color: rgba(4, 159, 217, 0.04);
  box-shadow: 0 4px 18px -4px rgba(21, 117, 187, 0.65);
  transition: 250ms;
}

.input-with-icon {
  /* causes absolute icon div to be positioned correctly */
  position: relative;
  box-sizing: border-box;
}

.input-with-icon .form-control {
  height: 100%;
  width: 100%;
  padding-right: 3rem;
  box-sizing: border-box;
}

.input-with-icon .icon {
  position: absolute;
  /* These are set relative to the height of the input box to bound the box neatly inside. This is aesthetic to me but you may change the dimensions of course. */
  right: 0.2rem;
  top: 0.2rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.3rem;
  /* content in the icon div is centered, without bootstrap or font-awesome you may wish to add your own text in the span */
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

/* Employees calendars styles */
.bg-light-soft-orange {
  background: rgba(245, 202, 123, 0.12) !important;
  color: #F5CA7B !important;
}

.bg-light-soft-orange.fc-h-event, .bg-light-soft-orange.fc-v-event {
  border-color: rgba(245, 202, 123, 0.1);
}

.bg-light-soft-orange .fc-list-event-dot {
  border-color: #F5CA7B !important;
}

.bg-light-soft-orange.fc-list-event:hover td {
  background: rgba(245, 202, 123, 0.1) !important;
}

.bg-light-soft-orange.fc-list-event .fc-list-event-title {
  color: #F5CA7B;
}

.bg-light-lime-green {
  background: rgba(50, 205, 50, 0.12) !important;
  color: #32CD32 !important;
}

.bg-light-lime-green.fc-h-event, .bg-light-lime-green.fc-v-event {
  border-color: rgba(50, 205, 50, 0.1);
}

.bg-light-lime-green .fc-list-event-dot {
  border-color: #32CD32 !important;
}

.bg-light-lime-green.fc-list-event:hover td {
  background: rgba(50, 205, 50, 0.1) !important;
}

.bg-light-lime-green.fc-list-event .fc-list-event-title {
  color: #32CD32;
}

.bg-light-soft-violet {
  background: rgba(187, 181, 216, 0.12) !important;
  color: #BBB5D8 !important;
}

.bg-light-soft-violet.fc-h-event, .bg-light-soft-violet.fc-v-event {
  border-color: rgba(187, 181, 216, 0.1);
}

.bg-light-soft-violet .fc-list-event-dot {
  border-color: #BBB5D8 !important;
}

.bg-light-soft-violet.fc-list-event:hover td {
  background: rgba(187, 181, 216, 0.1) !important;
}

.bg-light-soft-violet.fc-list-event .fc-list-event-title {
  color: #BBB5D8;
}

.bg-light-light-red {
  background: rgba(255, 127, 127, 0.12) !important;
  color: #FF7F7F !important;
}

.bg-light-light-red.fc-h-event, .bg-light-light-red.fc-v-event {
  border-color: rgba(255, 127, 127, 0.1);
}

.bg-light-light-red .fc-list-event-dot {
  border-color: #FF7F7F !important;
}

.bg-light-light-red.fc-list-event:hover td {
  background: rgba(255, 127, 127, 0.1) !important;
}

.bg-light-light-red.fc-list-event .fc-list-event-title {
  color: #FF7F7F;
}

.bg-light-soft-blue {
  background: rgba(147, 202, 237, 0.12) !important;
  color: #93CAED !important;
}

.bg-light-soft-blue.fc-h-event, .bg-light-soft-blue.fc-v-event {
  border-color: rgba(147, 202, 237, 0.1);
}

.bg-light-soft-blue .fc-list-event-dot {
  border-color: #93CAED !important;
}

.bg-light-soft-blue.fc-list-event:hover td {
  background: rgba(147, 202, 237, 0.1) !important;
}

.bg-light-soft-blue.fc-list-event .fc-list-event-title {
  color: #93CAED;
}

/* Employees calendars styles */
.bullet.bullet-soft-orange {
  background-color: #F5CA7B;
}

.bullet.bullet-lime-green {
  background-color: #32CD32;
}

.bullet.bullet-soft-violet {
  background-color: #BBB5D8;
}

.bullet.bullet-light-red {
  background-color: #FF7F7F;
}

.bullet.bullet-soft-blue {
  background-color: #93CAED;
}

/* Employees calendars styles */
.form-check-soft-orange .form-check-input:checked {
  border-color: #F5CA7B;
  background-color: #F5CA7B;
}

.form-check-soft-orange .form-check-input:not(:disabled):checked, .form-check-soft-orange .form-check-input:not(:disabled):focus {
  border-color: #F5CA7B;
  box-shadow: 0 2px 4px 0 rgba(245, 202, 123, 0.4);
}

.form-check-lime-green .form-check-input:checked {
  border-color: #32CD32;
  background-color: #32CD32;
}

.form-check-lime-green .form-check-input:not(:disabled):checked, .form-check-lime-green .form-check-input:not(:disabled):focus {
  border-color: #32CD32;
  box-shadow: 0 2px 4px 0 rgba(50, 205, 50, 0.4);
}

.form-check-soft-violet .form-check-input:checked {
  border-color: #BBB5D8;
  background-color: #BBB5D8;
}

.form-check-soft-violet .form-check-input:not(:disabled):checked, .form-check-soft-violet .form-check-input:not(:disabled):focus {
  border-color: #BBB5D8;
  box-shadow: 0 2px 4px 0 rgba(187, 181, 216, 0.4);
}

.form-check-light-red .form-check-input:checked {
  border-color: #FF7F7F;
  background-color: #FF7F7F;
}

.form-check-light-red .form-check-input:not(:disabled):checked, .form-check-light-red .form-check-input:not(:disabled):focus {
  border-color: #FF7F7F;
  box-shadow: 0 2px 4px 0 rgba(255, 127, 127, 0.4);
}

.form-check-soft-blue .form-check-input:checked {
  border-color: #93CAED;
  background-color: #93CAED;
}

.form-check-soft-blue .form-check-input:not(:disabled):checked, .form-check-soft-blue .form-check-input:not(:disabled):focus {
  border-color: #93CAED;
  box-shadow: 0 2px 4px 0 rgba(147, 202, 237, 0.4);
}

.order-card {
  align-items: center;
  display: flex;
  gap: 2rem;
  height: 100%;
  justify-content: center;
  min-height: calc(100vh - 11.125rem);
  padding: 2rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .order-card {
    min-height: calc(100vh - 10.375rem);
  }
}

.order-tab {
  background: linear-gradient(118deg, #1575bb, rgba(21, 117, 187, 0.7));
  border: medium none;
  border-radius: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 0.625rem;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: bold;
  height: 12.125rem;
  padding: 1rem;
  text-transform: uppercase;
  width: 15.75rem;
  transition: all 0.2s;
}
.order-tab:hover, .order-tab:focus, .order-tab:focus-visible {
  background-color: #0f578c;
}
.order-tab:focus {
  background-color: #000000;
}

.logo {
  background-image: url(/images/logo.png?ae6deffcda8348126dfb458ec43a2bfe);
  background-repeat: no-repeat;
  background-size: contain;
  height: 16rem;
  width: 19rem;
}

.dark-layout .logo {
  background-image: url(/images/logo_dark.png?0f62f1e86a2a5c337f7d743d2a1c9554);
  background-repeat: no-repeat;
  background-size: contain;
  height: 16rem;
  width: 19rem;
}

.fc-popover {
  z-index: 1 !important;
}

.fc-list-day {
  position: relative;
  z-index: 1;
}

.calendar-filter {
  border-right: 0.0625rem solid #ebe9f1;
  width: 18rem;
}
.calendar-filter .calendar-filter-add {
  margin-bottom: 1rem;
  width: 100%;
}

.calendar-spinner-wrapper {
  color: black;
  left: 50%;
  position: absolute;
  top: 50%;
}

.admin-calendar {
  overflow-y: auto;
  position: relative;
}
.admin-calendar .admin-calendar-submenu {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  height: 100%;
  left: -18rem;
  position: absolute;
  transition: all 0.2s;
  z-index: 5;
}
.admin-calendar .admin-calendar-submenu.show {
  background-color: white;
  left: 0;
}
.admin-calendar .fc-event-title {
  color: white;
  white-space: normal;
}

.fc-burger-button {
  background-image: url("data:image/svg+xml,%3Csvg width='2rem' height='2rem' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7L4 7' stroke='%231C274C' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M20 12L4 12' stroke='%231C274C' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M20 17L4 17' stroke='%231C274C' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  border: none !important;
  box-shadow: none !important;
  height: 2rem;
  width: 2rem;
}

.employees-calendar {
  overflow-y: auto;
  position: relative;
}
.employees-calendar .employees-calendar-submenu {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  height: 100%;
  left: -18rem;
  position: absolute;
  transition: all 0.2s;
  z-index: 5;
}
.employees-calendar .employees-calendar-submenu.show {
  background-color: white;
  left: 0;
}
.employees-calendar .fc-event-title {
  color: white;
}
.employees-calendar .fc-event-time {
  color: white;
}

.datepicker-wrapper .flatpickr-calendar.inline {
  display: none;
  position: absolute;
  top: 2.75rem;
}
.datepicker-wrapper.open .flatpickr-calendar.inline {
  display: inherit;
}

.form-control[readonly] {
  background-color: transparent;
}

.form-control:disabled {
  background-color: #efefef;
}

.order-tires-services-table {
  display: flex;
  margin: 1rem;
  overflow-x: auto;
}

.order-tires-services-table-header {
  align-items: center;
  border: 0.0625rem solid #D1D1D1;
  display: flex;
  flex-shrink: 0;
  min-height: 4.825rem;
  padding: 1rem;
  text-transform: uppercase;
}
.order-tires-services-table-header.bold {
  font-weight: bold;
}

.order-tires-services-table-body-row {
  border-bottom: 0.0625rem solid #D1D1D1;
  display: flex;
  padding: 1rem;
}
.order-tires-services-table-body-row.result {
  justify-content: center;
}
.order-tires-services-table-body-row.selectable {
  cursor: pointer;
  justify-content: center;
  gap: 0.5rem;
}
.order-tires-services-table-body-row.selectable .form-check-input {
  cursor: pointer;
}
.order-tires-services-table-body-row.selectable:hover {
  background-color: #D1D1D1;
}

.button-add {
  background-color: transparent;
  color: #1575BB;
  transition: all 0.1s;
}
.button-add:hover {
  background-color: #1575BB;
  color: white;
}

.button-delete {
  background-color: transparent;
  color: #ea5455;
  transition: all 0.1s;
}
.button-delete:hover {
  background-color: #ea5455;
  color: white;
}

.search-select-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-select-row .search-select-delete {
  background-color: transparent;
  border: none;
  z-index: 3;
}
.search-select-row .search-select-delete:hover {
  color: red;
}

.required .form-label::after,
label.required:after,
h6.accordion-header .accordion-button .accordion-header-name.required:after {
  content: "*";
  display: inline;
  position: relative;
  font-family: inherit;
  margin-left: 2px;
  line-height: 1.2;
  max-height: 10px;
  font-size: 15px;
  color: #ea5455;
}

.has-sub .menu-content .menu-sub-item {
  padding-left: 0.5rem;
}

.react-select .select__control.select__control--is-disabled .select__value-container .select__input-container {
  visibility: visible;
}

.wide-checkbox {
  width: 2rem;
  height: 2rem;
}

.vam {
  vertical-align: middle;
}

.checkbox-label {
  vertical-align: middle;
  margin-left: 0.5rem;
}