/**
* Base calendar CSS
*/

.avc-calendar,
.avc-calendar::after,
.avc-calendar::before,
.avc-calendar *,
.avc-calendar *::after,
.avc-calendar *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.avc-calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(44, 102, 252, 1);
  background-color: rgba(227, 236, 247, 0.5);
  border: 0px solid rgba(0, 0, 0, 1);
  border-radius: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  max-width: 100%;
  column-gap: 16px;
  row-gap: 16px;
}

.avc-calendar.avc-calendar-spacing {
  margin: 0 auto;
  padding: 16px 32px;
  max-width: 100%;
}

.avc-calendar.elevation-10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.avc-calendar.elevation-9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.avc-calendar.elevation-8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.avc-calendar.elevation-7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.avc-calendar.elevation-6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.avc-calendar.elevation-5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.avc-calendar.elevation-4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.avc-calendar.elevation-3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.avc-calendar.elevation-2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.avc-calendar.elevation-1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.avc-calendar.avc-calendar-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 360px;
}

.avc-calendar > .avc-input {
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  cursor: pointer;
  margin: 0;
  /*margin-right: 16px;*/
  padding: 8px 0;
  color: rgba(44, 102, 252, 1);
  background-color: rgba(255, 255, 255, 1);
  border: 0px solid rgba(0, 0, 0, 1);
  border-radius: 4px;
  column-gap: 10px;
  padding: 0 1.5%;
}

.avc-input.avc-establishment,
.avc-input.avc-categories {
    padding-left: 16px;
    
  }

.avc-calendar.avc-calendar-v > .avc-input {
  width: 100%;
  flex: 1 1 auto;
  margin: 0;
  /*margin-bottom: 16px;*/
}

.avc-calendar.avc-calendar-v > .avc-button {
  width: 100%;
  flex: 1 1 auto;
  margin: 0;
}

.avc-input > i[class*="fa-"] {
  font-size: 17px !important;
  line-height: 22px !important;
}
.avc-arrival, .avc-departure {
    /*padding-left: 22px !important;*/
  }
.avc-calendar > .avc-input > input {
  width: 100%;
  height: 100%;
  border: 0;
  /*padding: 0 20px;*/
  padding: 0;
  margin: 0;
  color: inherit;
  user-select: none;
  outline: none;
  background-color: transparent;
}

.avc-calendar > .avc-input,
.avc-calendar > .avc-button {
  /*height: 36px;*/
  min-height: 21px;
}

.avc-calendar > .avc-input > i {
  margin-right: 4px;
  font-size: 20px;
  color: inherit;
  /*padding-left: 20px;*/
}

.avc-calendar > .avc-input > *:not(input):not(option) {
  font-size: 20px;
  line-height: 20px;
  height: 20px;
  width: 20px;
}

.avc-calendar.avc-calendar-no-icon > .avc-input > i {
  display: none;
}

.avc-calendar.avc-calendar-v > div {
  width: 100%;
  margin: 0;
  /*/*: 16px;*/*/
}

.avc-calendar.avc-calendar-v > div:last-child {
  /*: 0;*/
}

.avc-calendar > div > i {
  font-size: 20px;
}

.avc-calendar > .avc-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background 150ms;
  -o-transition: background 150ms;
  transition: background 150ms;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  padding: 8px 16px;
  cursor: pointer;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(44, 102, 252, 1);
  border: 0px solid rgba(0, 0, 0, 1);
  border-radius: 4px;
  /*min-height: 52px;*/
}

.avc-calendar > .avc-button:hover {
  background-color: rgba(71, 115, 252, 1);
}

.avc-calendar > .avc-button[disabled] {
  background-color: rgb(165, 165, 165) !important;
  color: white !important;
  cursor: default;
  pointer-events: none;
  user-select: none;
}

@media (max-width: 480px) {
  .avc-calendar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 360px;
  }

  .avc-calendar > .avc-input,
  .avc-calendar > .avc-button {
    width: 100% !important;
    flex: 1 1 auto;
    margin: 0;
  }

  .avc-calendar > .avc-input {
    /*margin-bottom: 16px;*/
  }
}

/* Datepicker */

.avc-datepicker .ui-datepicker-month {
  text-transform: capitalize;
}