:root {
  --primary-color: #d5b16c;
  --white-color: #ffffff;
  --black-color: #000000;
}

.form-field {
  border: 1px solid #ddd;
  padding: 10px 12px;
  padding-left: 30px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  height: 50px;
}

html[dir="rtl"] .form-field {
  padding-left: unset !important;
  padding-right: 30px !important;
}

.form-field .field-value {
  font-size: 16px;
  font-weight: 500;
}

.form-field .field-meta {
  font-size: 12px;
  color: #888;
}

.search-button {
  height: 100%;
  width: 100%;
  text-align: center;
}

.form-label {
  margin-bottom: 4px;
  top: -15px;
  /* left: 15px; */
  background: #fff;
  padding: 0 15px;
  transform: translateX(10px);
  position: absolute;
  color: var(--primary-color);
}

html[dir="rtl"] .form-label {
  transform: translateX(-10px);
}

.switch-container {
  top: 16px;
  left: -15px;
  z-index: 1;
}

html[dir="rtl"] .switch-container {
  left: unset;
  right: -15px;
}

.switch-button {
  padding: 2px 12px;
  border-radius: 500px;
  line-height: 2;
  background: var(--white-color);
}

/* .switch-button:hover,
.switch-button:active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
} */

@media (max-width: 639px) {
  .booking-switcher li {
    flex: 1;
    min-width: 1px;
  }

  .booking-switcher li a {
    align-items: baseline;
  }
}

.buraq-clear-port {
  height: 20px;
  width: 20px;
  float: right;
  display: none;
}

.buraq-clear-port svg {
  height: 12px;
  width: 12px;
}

#booking .uk-dropdown {
  background: var(--white-color);
}

.buraq-select-items > li:not(.uk-nav-header):hover {
  background: var(--primary-color);
  cursor: pointer;
  color: var(--black-color);
}

/*.medsky-select-items > li.uk-active{
	color: #032BA6;
    background: #F7BE00;
}*/

.buraq-select-dropdown {
  padding: 0;
  max-height: 400px;
  overflow-y: scroll;
  /* width: 360px; */
}

.passenger-select-dropdown {
  width: 250px;
}

.buraq-select-dropdown,
.passenger-select-dropdown {
  left: unset !important;
}

html[dir="rtl"] .buraq-select-dropdown,
html[dir="rtl"] .passenger-select-dropdown {
  right: unset !important;
}

.buraq-select-items > li {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
}

.buraq-select-items > :nth-child(n + 2) {
  margin-top: 0 !important;
}

#booking .el-item:hover {
  cursor: pointer;
}

/* @media (min-width: 640px) and (max-width: 1199px) {
  #booking .el-item,
  .date-dropdown {
    border-top: 1px solid var(--black-color);
  }
  #booking .date-dropdown .el-item {
    border-top: none !important;
  }
} */

.asd__month-name {
  color: var(--black-color);
}

.asd__change-month-button > button > svg {
  fill: var(--black-color);
}

.asd__change-month-button:hover > button > svg {
  fill: var(--black-color);
}

.asd__change-month-button > button {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  border-radius: 0;
}

.asd__change-month-button:hover > button {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.button-container:before {
  display: none;
}

#manage-booking-form .el-item {
  border-top: 0;
}

@media (max-width: 1199px) {
  .button-container {
    margin-top: 10px;
  }
}

/* .passenger-select-dropdown {
  min-width: 300px;
} */

/* .el-title{
	position: relative;
}

.el-title:after{
	content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.877' height='7.315' viewBox='0 0 12.877 7.315'%3E%3Cpath id='Path_10219' data-name='Path 10219' d='M322.62,1039.267l6-6,6,6' transform='translate(335.059 1039.705) rotate(180)' fill='none' stroke='%23111e6c' stroke-width='1.24'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 16px;
    height: 10px;
    margin-left: 5px;
    top: 40%;
    background-size: 60%;
} */

/* @media(min-width: 1200px){
	.uk-grid > div:nth-of-type(3) .el-title, .uk-grid > div:nth-of-type(3) .el-meta{
	transform: translatex(-10px)
}
} */

#booking .uk-dropdown {
  /* min-width: 300px; */
  color: var(--black-color);
}

.buraq-flight-search .asd__day--enabled:hover {
  background-color: var(--primary-color);
}

/* .el-title{
	color: #111E6C;
    z-index: 2;
} */

.buraq-number-button.uk-disabled {
  background: #f9f9f9;
}

.buraq-number-button:not(:hover) rect {
  fill: var(--white-color);
}

.buraq-number-button.uk-disabled rect {
  fill: var(--black-color);
}

@media (max-width: 639px) {
  .switch-button svg {
    transform: rotate(90deg);
  }
  .switch-container {
    top: -35px;
    left: 50%;
    z-index: 1;
  }
  .date-dropdown.return {
    margin-top: 32px;
  }
  .tab-link {
    padding: 14px 20px !important;
  }
}

@media (max-width: 639px) {
  .switch-container {
    left: unset;
    right: 50% !important;
  }
}

#picker-input {
  margin-left: 0;
  padding-left: 0;
}

html[dir="rtl"] #picker-input {
  margin-left: unset;
  padding-left: unset;
  margin-right: 0;
  padding-right: 0;
}


@media (max-width: 959px) {
  .date-dropdown.return {
    margin-top: 32px;
  }
}

.dropdown-icon {
  right: 25px;
}

html[dir="rtl"] .dropdown-icon {
  right: unset;
  left: 25px;
}


.form-field[aria-expanded="true"] .dropdown-icon,
#picker-input[aria-expanded="true"] .dropdown-icon {
  transform: rotate(180deg);
}

html[dir=rtl] .asd__inner-wrapper{
  direction: ltr;
}

html[dir=rtl] table.asd__month-table{
  direction: rtl;
}

html[dir=rtl] .asd__day-title{
  font-size: .6em !important;
}

html[dir=rtl] .asd__month-name{
  font-size: 1.1em !important;
}