div.datepicker-modal {
    background-color: rgba(13, 14, 14, 0.74) !important;
    padding: 0 !important;
    opacity: 1 !important;
    z-index: 10000;
}

.modal.show .modal-dialog {
    pointer-events: auto;
}

.selectedDateDilogues {
    top: -10px;
    left: 0;
    position: absolute;
    width: 207%;
    background: white;
    border: 1px solid #2E7D32;
    padding-right: 0;
    z-index: 1000;
    height: 80px
}

.selectedDateDilogue-item.selectedDateDilogue-item-2.selectedDateDilogue-item-2 {
    width: 50%;
    float: left;
    padding: 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    height: 100%
}

.selectedDateDilogue-item.inactive {
    background: #e6e6e6
}

label.selectedDateDilogue-title {
    width: 100%;
    margin: 0;
    font-size: 15px
}

label.selectedDateDilogue-body {
    font-size: 17px;
    font-weight: 700;
    color: #2E7D32
}

    label.selectedDateDilogue-body.selectedDateDilogue-body-date {
        font-size: 22px
    }

#selectedDate-dep-today,
#selectedDate-dep-same-date {
    cursor: pointer
}

.et-cal-container {
    width: 100%;
    position: absolute;
    background: white;
    /* box-shadow: 0 2px 5px 0 #8c8c8c, 0 0 5px 0 #8c8c8c; */
    z-index: 1100;
    max-width: 900px;
    display: none;
    padding: 40px 20px;
    padding-top: 20px;
}

    .et-cal-container.active {
        display: block
    }

.ui-et-datepicker-top-info {
    width: 100%;
    padding: 5px;
    display: table
}

.top-info {
    height: 100%;
    float: left
}

.top-info-inside {
    margin: auto;
    display: table;
    height: 100%
}

.selected-date-display {
    display: table-cell;
    vertical-align: middle;
    /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); */
    padding: 6px 15px;
}

.top-info-inside.top-info-btns {
    text-align: right
}

.cal-contain {
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(164, 164, 164, .2)
}

td.et-cal-days {
    width: 10%;
    border: 1px solid rgba(81, 120, 66, .5);
    text-align: center
}

    td.et-cal-days.inactive {
        border: 0
    }

.cal-body {
    width: 100%
}

.cal-month-body {
    width: 90%;
    margin: auto
}

.month-head {
    text-align: center;
    border-bottom: 1px solid rgba(188, 188, 188, .4);
    padding: 5px 0;
    width: 90%;
    margin: auto
}

.cal-month {
    width: 33.3%;
    float: left
}

.widget-form.right .et-cal-container .date-popUp .cal-contain .cal-inner .cal-body .cal-month {
    width: 100%
}

a.cal-day {
    display: block;
    outline: none;
    color: #2E7D32
}

    a.cal-day:hover,
    a.cal-day:focus {
        background-color: rgba(81, 120, 66, .5);
        cursor: pointer;
        text-decoration: none;
        border: 1px solid yellow;
        margin: -1px
    }

    a.cal-day.et-cal-days-active.pop-date-stay.et-ui-date-inRange {
        background-color: rgba(81, 120, 66, .5)
    }

.date1.error-value span.day,
.date1.error-value span.month,
.date2.error-value span.day,
.date2.error-value span.month {
    color: red
}

a.cal-day.et-cal-days-active.pop-date-stay.today {
    font-weight: 700;
    border: 1px solid;
    margin: -1px
}

a.cal-day.selected {
    background-color: #2E7D32;
    color: white
}

.month-head > p {
    margin: 0
}

.prevNext-btn {
    position: absolute;
    padding: 5px;
    border: 1px solid #2E7D32;
    text-align: center;
    width: 50px;
    background: #2E7D32;
    color: white;
}

    .prevNext-btn > label {
        margin: auto;
        top: auto;
        height: 100%;
        height: 100%;
        width: 100%
    }

        .prevNext-btn > label > .fa {
            display: block
        }

    .prevNext-btn.prev-btn {
        left: 0
    }

    .prevNext-btn.next-btn {
        right: 0
    }

td.et-cal-days-name {
    text-align: center;
    color: #2E7D32
}

    td.et-cal-days-name.week-ends {
        color: red
    }

td.et-cal-days.disabled-date {
    background: #f0f0f0;
    color: #bdbdbd
}

label.fade-in {
    opacity: .5
}

label.FlightDates {
    width: 100%;
    height: 100%
}

label.FlightDatesRight {
    width: 100%;
    height: 100%
}

.inline-flex.date-as-calendar .weekday,
.inline-flex.date-as-calendar .checkin-weekday,
.inline-flex.date-as-calendar .checkout-weekday,
.inline-flex.date-as-calendar .day,
.inline-flex.date-as-calendar .checkin-day,
.inline-flex.date-as-calendar .checkout-day,
.inline-flex.date-as-calendar .month,
.inline-flex.date-as-calendar .checkin-month,
.inline-flex.date-as-calendar .checkout-month {
    display: block;
    flex: 1 1 auto
}

.inline-flex.date-as-calendar .weekday,
.inline-flex.date-as-calendar .checkin-weekday,
.inline-flex.date-as-calendar .checkout-weekday {
    order: 1;
    font-size: .6em;
    padding: 4px;
    text-align: center;
    text-transform: capitalize;
}

.inline-flex.date-as-calendar .day,
.inline-flex.date-as-calendar .checkin-day,
.inline-flex.date-as-calendar .checkout-day {
    order: 3;
    font-size: 1.7em;
    color: #2E7D32;
    text-align: center;
}

.inline-flex.date-as-calendar .month,
.inline-flex.date-as-calendar .checkin-month,
.inline-flex.date-as-calendar .checkout-month {
    order: 4;
    text-transform: capitalize;
    font-size: .6em;
    text-align: center;
}

.date-as-calendar {
    display: table-cell;
    width: 100%;
    font-variant: normal;
    font-style: normal;
    border: 1px solid #ddd;
    font-weight: 400;
    vertical-align: middle;
    color: black;
    cursor: pointer;
    background: white;
    background: linear-gradient(to bottom right, #FFF 0%, #fff 100%);
    border-radius: 0px;
    overflow: hidden;
}

    .date-as-calendar .weekday,
    .date-as-calendar .day,
    .date-as-calendar .month {
        text-align: center;
        line-height: 1
    }

    .date-as-calendar .weekday {
        text-transform: uppercase;
        color: #000
    }

button.btn.btn-ethiopian.cal-btns {
    border-color: #d2d2d2
}

a.btn.btn-ethiopian.cal-btns.cal-btn-finish {
    background: red;
    margin-left: 15px
}

.selected-date-display > label {
    margin: 0;
    margin-right: 5px
}

.selected-date-display.fade-in {
    opacity: .2
}

label.flight-date-1,
label.flight-date-2,
label.hotel-date-1,
label.hotel-date-2 {
    margin: 0;
    width: 100%;
    float: left;
    display: table;
    height: 100%;
    /*! box-shadow: 0 1px 3px rgba(132, 142, 150, 0.25), 0 4px 8px 3px rgba(112, 120, 125, 0); */
}

.FlightDates.OW > label.flight-date-1 {
    width: 100%
}

.FlightDates.OW > label.flight-date-2 {
    display: none
}

.FlightDatesRight.OW > label.flight-date-1 {
    width: 100%
}

.FlightDatesRight.OW > label.flight-date-2 {
    display: none
}

label.d-date1,
label.d-date2 {
    color: #2E7D32
}

span.cancle-selection {
    float: right;
    background: gainsboro;
    width: 25px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer
}

@media (max-width:575px) {
    .inline-flex.date-as-calendar .day {
        font-size: 1em
    }

    .datepicker-modal .modal-dialog {
        width: 100%;
        margin: 0;
    }
}

@media (max-width:995px) {
    .modal-dialog {
        width: 96% important;
    }

    .et-cal-container {
        left: 0;
    }

    .selected-date-display {
        display: block;
        margin: 5px 0;
    }

    .cal-month {
        width: 100%;
    }

        .cal-month :last {
            display: none;
        }

    td.et-cal-days {
        width: 5%;
        height: 40px;
    }

    a.cal-day {
        height: 100%;
        padding: 5px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 1000px;
    }
}