.MainDatePicker{flex-direction:column}.MainDatePicker,.selectedDatePlace{width:100%;padding:2%;display:flex;align-items:center;justify-content:center}.selectedDatePlace{height:20%;max-height:70px;margin-bottom:5%;color:gray}.DateMain{width:100%;height:80%;max-height:300px;padding:2%;justify-content:center;gap:35px}.DateMain,.DateMainCols{background-color:#fff;display:flex;align-items:center}.DateMainCols{width:33%;height:100%;max-height:170px;overflow-y:scroll;flex-direction:column;justify-content:flex-start;color:#6d6c6c;font-size:14px}.DatePickerButtom{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:10px}.DatePickerButtom>div{border:1px solid var(--color)!important;color:var(--color);background:#fff}.DatePickerButtom>div,.DatePickerButtom>div:hover{display:flex;justify-content:center;text-align:center;align-items:center;border-radius:10px;cursor:pointer;padding:10px;width:50%;transition:.4s ease-in-out}.DatePickerButtom>div:hover{background-color:var(--color)!important;color:#fff!important}.DatePickerButtom>div>p{margin:0}.DatePickerItems{color:#686666;width:100%;display:flex;align-items:center;justify-content:center;min-height:42px}.DatePickerItems p{cursor:pointer}.DatePickerClicked{font-weight:700;color:#000;width:100%;text-align:center;font-size:16px;border-bottom:1px solid #fbe7c4;border-top:1px solid #fbe7c4;display:flex;align-items:center;justify-content:center;min-height:42px}.DatePickerClicked>p{margin:0;cursor:pointer}