@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&display=swap');

body {
	font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.user-login-form,
.user-form,
.user-pass {
	font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
	background: #f0efe1;
	font-size: 14px;
  padding: 2rem;
  max-width: 500px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  margin: 1rem 0;
}
.user-login-form p,
.user-form p,
.user-pass p {
	font-size: 12px;
}
.user-form {
	max-width: 1000px;
	height: 550px;
	overflow: auto;
}
.user-login-form label,
.user-form label,
.user-pass label {
	font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
.user-login-form .form-text,
.user-login-form select,
.user-login-form textarea,
.user-form .form-text,
.user-form select,
.user-form textarea,
.user-form .form-email,
.user-pass .form-text,
.user-pass select,
.user-pass textarea,
.user-pass .form-email {
	border: solid 1px #eae9e6;
  border-radius: 5px;
  padding: .7rem 1rem;
  min-height: 40px;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0 6px 12px #0000000d;
  max-width: 100%;
  margin-bottom: 20px;
}


.user-login-form .form-actions .form-submit,
.user-form .form-actions .form-submit,
.user-pass .form-actions .form-submit {
	align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: initial;
    width: -moz-max-content;
    width: max-content;
    padding: 1rem 2.5rem;
    border-radius: 5px;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    background-color: #e92d3a;
    border: solid 1px #e92d3a;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.user-login-form .form-actions .form-submit:hover,
.user-form .form-actions .form-submit:hover,
.user-pass .form-actions .form-submit:hover {
		background-color: #fff;
    color: #e92d3a;
}
.description {
	font-size: 12px;
	margin-bottom: 10px;
}

.page-wrapper article {
	margin-top: 3rem;
}
.messages__wrapper {
    display:none;
}
.react-datepicker {
  font-family: "Manrope", sans-serif;
  box-shadow: 0 6px 12px #0000000d;
}
.react-datepicker__header {
  background-color: #f0efe1;
  border-color: #eae9e6;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, 
.react-datepicker__day--in-range, .react-datepicker__month-text--selected, 
.react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, 
.react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, 
.react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, 
.react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range,
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #f83db3;
    color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover,
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #f83db3;    
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  font-size: 14px;
}
.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  background-color: #ffdcf2;
}
.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #f83db3;
  color: #fff; 
}