.form-control.date-picker{position:relative}.form-control.date-picker label{display:inline-block;font-size:16px;margin-bottom:3px}.form-control.date-picker label .required{color:red;margin-left:5px}.form-control.date-picker .react-datepicker-wrapper{display:block}.form-control.date-picker input{outline:none;background:#fff;border-radius:5px;height:48px;width:100%;padding:12px 24px;color:var(--text-color);display:block;margin-bottom:16px;border:1px solid black}.form-control.date-picker input.border-danger,.form-control.date-picker input.is-invalid{border:1px solid red!important}.form-control.date-picker input:focus{border:1px solid var(--primary-color)}.form-control.date-picker input::-webkit-outer-spin-button,.form-control.date-picker input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-control.date-picker .error-message{position:absolute;top:73%;font-size:var(--error-message-size)}.form-control.date-picker .error-message.text-danger{color:red}.react-datepicker-popper{z-index:11}.react-datepicker__year-dropdown{top:50px;left:150px;width:30%}.react-datepicker__year-dropdown .react-datepicker__year-option--selected{left:5px}.react-datepicker__month-dropdown{right:100px;left:unset;top:50px}.react-datepicker__year-read-view,.react-datepicker__month-read-view{visibility:visible!important}
