.date-picker-wrapper.inline-wrapper {
   position: absolute;
   top: 85px;
}
.date-input-container .inline-wrapper {
   overflow: hidden;
   vertical-align: top;
   background: #fff;
   box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
   transition: margin 0.3s;
   border: 1px solid #f0f0f0;
   border-radius: 4px;
   box-sizing: content-box;
   font-family: 'Cabin', sans-serif;
   font-size: 14px;
   color: #4a4a4a;
   z-index: 100;
   margin-top: 20px;
   display: flex;
   flex-direction: column;
   width: 563px;
}

.date-input-container .month-wrapper table {
   width: 252px !important;
}

.date-input-container .month-wrapper {
   display: flex;
   flex-wrap: wrap;
   direction: ltr;
   border-radius: 0 !important;
   border: none !important;
   border-bottom: 1px solid #f0f0f0;
   padding: 8px 12px;
}

.date-input-container .drp_top-bar {
   border: none;
   border-bottom: 1px solid #f0f0f0;
}

.date-input-container .month-wrapper table td,
.date-input-container .month-wrapper table th {
   height: 30px;
   line-height: 30px;
   position: relative;
   min-width: 24px;
   font-weight: 400;
   padding: 3px 0;
   color: rgba(0, 0, 0, 0.25);
   cursor: pointer;
}

.date-input-container .month-wrapper table th {
   width: 36px;
   padding: 0;
   line-height: 40px;
   cursor: pointer;
   font-weight: 600;
   color: rgba(0, 0, 0, 0.85);
}

.date-input-container .month-wrapper table .day.real-today {
   border-radius: 4px;
   background-color: #f6ad1a !important;
   color: #fff !important;
   box-shadow: 0px 0px 17px rgb(0 0 0 / 18%);
}

.date-input-container .month-wrapper table .day {
   font-size: 14px;
   position: relative;
   z-index: 2;
   display: inline-block;
   min-width: 100%;
   height: 24px;
   line-height: 24px;
   border-radius: 4px;
   border: 1px solid transparent;
   transform: scale(1);
   transition: background 0.2s ease;
}

.date-input-container .month-wrapper table .day.checked,
.date-input-container .month-wrapper table .day.hovering {
   background-color: transparent !important;
   border-top: 1px dashed #f6ad1a !important;
   border-bottom: 1px dashed #f6ad1a !important;
   border-radius: 0;
}

.date-input-container .month-wrapper table td:last-child .day.checked,
.date-input-container .month-wrapper table td:last-child .day.hovering {
   border-right: 1px dashed #f6ad1a;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
}

.date-input-container .month-wrapper table td:first-child .day.checked,
.date-input-container .month-wrapper table td:first-child .day.hovering {
   border-left: 1px dashed #f6ad1a;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
}

.date-input-container .month-wrapper table .day.first-date-selected,
.date-input-container .month-wrapper table .day.last-date-selected {
   border-radius: 4px;
   background-color: #f6ad1a !important;
   color: #fff !important;
   box-shadow: 0px 0px 17px rgb(0 0 0 / 18%);
}

.date-input-container .date-range-length-tip {
   background-color: #ffca60 !important;
   color: #fff;
   box-shadow: 0 0px 16px rgb(0 0 0 / 2%) !important;
   border-radius: 3px !important;
   margin-top: -10px !important;
   z-index: 99;
   margin-left: -6px !important;
   filter: inherit !important;
}

.date-input-container .date-range-length-tip:after {
   border-top: 4px solid #ffca60 !important;
}

.date-input-container .month-wrapper table td .day.hovering:hover {
   background-color: #ffca60 !important;
   color: #fff !important;
   border-radius: 4px;
   transform: scale(1.14);
   transition: transform 0.2s ease-in;
}

.date-input-container .day .desc {
   display: none;
}

.date-input-container .day .dot {
   width: 3px;
   height: 3px;
   background: #e3e3e3;
   position: absolute;
   bottom: 4px;
   left: calc(50% - 1.5px);
   border-radius: 50%;
}

.date-input-container .day.invalid {
   background: url(closed-day.svg);
   background-position: center;
   background-size: 62px;
}
.date-input-container .day.dolu.invalid {
   background: url(invalid-day.svg);
   background-position: center;
   background-size: 62px;
   color: #c56f6f !important;
}

.date-input-container .month-wrapper table .day.has-tooltip {
   cursor: no-drop !important;
}