/* ##### SELECT ##### */
.btn-select {
  background-color: #fff;
  border: 1px solid #ced4da;
}
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li a:active {
  background-color: #eee;
  color: inherit;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item.active .text-muted {
  color: #fff !important;
  background-color: #007bff !important;
}

.bootstrap-select .error + .btn-select {border-color:red; box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);}
.bootstrap-select .valid + .btn-select {border-color:#36d100;}
.bootstrap-select.valid + label.error {display: none !important;}

.bootstrap-select.disabled, .bootstrap-select>.disabled {background-color: #eee;}

.bs-actionsbox .btn-group button {border: 1px solid #ced4da;}

.dropdown-menu .status {
  padding: .25rem 1.5rem;
  color: #c8c8c8;
  font-size: 12px;
}

/* #### FLATPICKER - CONFIRM DATE  #### */
.flatpickr-confirm {
  height: 40px;
  max-height: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: rgba(0,0,0,0.06)
}

.flatpickr-confirm svg path {
  fill: inherit;
}

.flatpickr-confirm.darkTheme {
  color: white;
  fill: white;
}

.flatpickr-confirm.visible {
  max-height: 40px;
  visibility: visible
}

/* #### FULLCALENDAR.IO #### */
.fc-day.fc-other-month {
  background: #F3F3F3;
}
.fc-head .fc-day-header {padding: 5px 0;}

.event-transports, .event-other-transports {
  background-color: rgb(79, 79, 79) !important;
  border:1px solid #565655 !important;
  color: #fff;
}
.event-other-transports {
  background-color: rgba(79, 79, 79,0.7) !important;
}

.event-transports-waiting, .event-transports-waiting:hover {
  background-color: rgba(255,193,7,1) !important;
  border:1px solid #dba606 !important;
  color: #212529;
}

.fc-event[class*='transports'] .fc-content::before {
  font-family: "Font Awesome 5 Pro";
  content: '\f0d1';
  margin-right: 5px;
}

.event-order, .event-other-order {
  background-color: rgba(0,123,255,1) !important;
  border:1px solid #0059b9 !important;
  color: #fff;
}
.event-other-order {background-color: rgba(0,123,255,0.7) !important;}

.event-order-waiting, .event-order-waiting:hover {
  background-color: rgba(255,193,7,1) !important;
  border:1px solid #dba606 !important;
  color: #212529;
}

.fc-event[class*='order'] .fc-content::before {
  font-family: "Font Awesome 5 Pro";
  content: '\f291';
  margin-right: 5px;
}

.fc-event.event-problem {border-left: 15px solid red !important;}

.fc-time-grid-event .fc-time {display: inline;}

/* #### QUTIP #### */
.btn.btn-notification {font-size: 16px; color: #000; padding-left: 0; padding-right: 0; overflow: inherit; margin: -3px 5px;}
.btn.btn-notification .badge {
  position: absolute;
  left: 8px;
  top: -2px;
  font-size: 11px;
  font-weight: bold;
}

.qtip-honeti {
  margin-top: 6px;
  max-width: none !important;
}
.qtip-honeti .qtip-content {padding: 0;}

.qtip-honeti .qtip-tip{background-color: #F9F9F9 !important;}

/* ##### FANCYBOX ##### */
.fancybox-container .fancybox-bg {background: #000; opacity: 0.8 !important;}

.is-apple-mobile .fancybox-content {
  vertical-align: top; !important;
}

@media all and (max-width: 1200px) {
  /* ##### SELECT ##### */
  .bootstrap-select .dropdown-item {white-space: normal;}
}

@media all and (max-width: 479px) {
  /* ##### FANCYBOX ##### */
  .fancybox-slide--iframe {padding-left: 10px !important; padding-right: 10px !important;}

}