.wfa-directory-header {
display: block;
width: 100%;
padding: 10px 0;
text-align: center;
}
.wfa-directory-header h3 {
border-bottom: 1px solid #ccc;
width: fit-content;
padding-bottom: 10px;
margin: 0 auto 20px;
}
.wfa-filter-form {
display: flex;
flex-wrap: wrap;
align-items: start;
}
.wfa-filter-form .wfa-width-full {
width: 100%;
}
.wfa-filter-form .wfa-width-half {
width: 50%;
}
.wfa-filter-form .wfa-width-one_fourth {
width: 25%;
}
.wfa-filter-form .wfa-width-three_fourth {
width: 75%;
}
.wfa-filter-form .wfa-width-one_third {
width: 33.3%;
}
.wfa-filter-form .wfa-width-two_third {
width: 66.6%
}
.wfa-form-group {
margin: 0 5px;
padding-bottom: 10px;
}
.wfa-form-actions {
display: flex;
width: 100%;
justify-content: space-around;
padding-bottom: 10px;
}
.wfa-directory button {
background-color: #1d2327;
border: none;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
color: #fff;
user-select: none;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
padding: 0.375rem 0.75rem;
}
.wfa-form-actions button {
width: 50%;
margin: 0 5px;
}
.wfa-directory .wfa-directory-load-more-results, .wfa-form-actions button.wfa-form-clear {
background-color: #ffffff;
border: 1px solid #1d2327;
color: #1d2327;
}
.wfa-form-sorting {
display: flex;
padding: 10px 0;
justify-content: space-between;
}
.wfa-form-sorting .wfa-sort-input {
display: flex;
align-items: center;
}
.wfa-form-sorting label {
margin-right: 10px;
}
.wfa-directory-loader {
display: none;
width: 100%;
text-align: center;
}
.wfa-directory-loader img {
width: 50px;
height: auto;
}
.wfa-directory-errors .wfa-alert {
position: relative;
color: #383d41;
background-color: #e2e3e5;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
font-size: 1rem;
text-align: center;
}
.wfa-directory-result-actions {
display: block;
text-align: center;
padding: 10px;
}
.wfa-directory-result-actions .wfa-directory-load-more-results {
display: none;
}
.wfa-directory-results {
display: grid;
grid-gap: 10px;
}
.wfa-directory-results article {
border: 1px solid #ccc;
padding: 10px;
}
.wfa-filter-form .wfa-form-group input {
width: 100%;
width: -moz-available; width: -webkit-fill-available; width: fill-available;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.wfa-form-sorting select {
display: block;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.wfa-form-group label {
margin-right: 15px;
margin-bottom: 0.5rem;
display: inline-block;
}
.wfa-filter-form .wfa-form-group input[type="checkbox"],
.wfa-filter-form .wfa-form-group input[type="radio"] {
box-shadow: none;
height: auto;
width: auto;
}     .wfa-filter-form .wfa-form-group span.select2.select2-container {
width: 100% !important; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
}
@media only screen and (max-width: 768px) { .wfa-directory-results {
grid-template-columns: repeat(1, 1fr) !important;
}
.wfa-filter-form .wfa-width-full,
.wfa-filter-form .wfa-width-half,
.wfa-filter-form .wfa-width-one_fourth,
.wfa-filter-form .wfa-width-three_fourth,
.wfa-filter-form .wfa-width-one_third,
.wfa-filter-form .wfa-width-two_third {
width: 100%;
}
.wfa-directory-container {
display: block !important;
}
.wfa-filter-form-container {
width: 100% !important;
border-right: 0 !important;
}
.wfa-directory-content {
width: 100% !important;
}
}.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none !important;
list-style-type: none !important;
margin: 0;
padding: 0;
}
.select2-results__option {
margin: 0 !important;
padding: 6px !important;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa !important;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px !important;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
margin-left: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent !important;
border: none !important;
outline: 0 !important;
box-shadow: none !important;
-webkit-appearance: textfield !important;
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #1d2327;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}.flatpickr-calendar {
background: transparent !important;
opacity: 0 !important;
display: none !important;
text-align: center !important;
visibility: hidden !important;
padding: 0 !important;
-webkit-animation: none !important;
animation: none !important;
direction: ltr !important;
border: 0 !important;
font-size: 14px !important;
line-height: 24px !important;
border-radius: 5px !important;
position: absolute !important;
width: 307.875px !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
-ms-touch-action: manipulation !important;
touch-action: manipulation !important;
background: #fff !important;
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08) !important;
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08) !important;
}
.flatpickr-calendar select {
display: inline-block !important;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1 !important;
max-height: 640px !important;
visibility: visible !important;
}
.flatpickr-calendar.open {
display: inline-block !important;
z-index: 99999 !important;
}
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.flatpickr-calendar.inline {
display: block !important;
position: relative !important;
top: 2px !important;
}
.flatpickr-calendar.static {
position: absolute !important;
top: calc(100% + 2px) !important;
}
.flatpickr-calendar.static.open {
z-index: 999 !important;
display: block !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
-webkit-box-shadow: none !important !important;
box-shadow: none !important !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6 !important;
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6 !important;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0 !important;
}
.flatpickr-calendar.hasTime .flatpickr-time {
height: 40px !important;
border-top: 1px solid #e6e6e6 !important;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto !important;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute !important;
display: block !important;
pointer-events: none !important;
border: solid transparent !important;
content: '' !important;
height: 0 !important;
width: 0 !important;
left: 22px !important;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
left: auto !important;
right: 22px !important;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
left: 50% !important;
right: 50% !important;
}
.flatpickr-calendar:before {
border-width: 5px !important;
margin: 0 -5px !important;
}
.flatpickr-calendar:after {
border-width: 4px !important;
margin: 0 -4px !important;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100% !important;
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6 !important;
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff !important;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100% !important;
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6 !important;
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff !important;
}
.flatpickr-calendar:focus {
outline: 0 !important;
}
.flatpickr-wrapper {
position: relative !important;
display: inline-block !important;
}
.flatpickr-months {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.flatpickr-months .flatpickr-month {
background: transparent !important;
color: rgba(0,0,0,0.9) !important;
fill: rgba(0,0,0,0.9) !important;
height: 34px !important;
line-height: 1 !important;
text-align: center !important;
position: relative !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
overflow: hidden !important;
-webkit-box-flex: 1 !important;
-webkit-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
text-decoration: none !important;
cursor: pointer !important;
position: absolute !important;
top: 0 !important;
height: 34px !important;
padding: 10px !important;
z-index: 3 !important;
color: rgba(0,0,0,0.9) !important;
fill: rgba(0,0,0,0.9) !important;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none !important;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
position: relative !important;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {  left: 0 !important;  }  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {  right: 0 !important;  }  .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
color: #959ea9 !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747 !important;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
width: 14px !important;
height: 14px !important;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
-webkit-transition: fill 0.1s !important;
transition: fill 0.1s !important;
fill: inherit !important;
}
.numInputWrapper {
position: relative !important;
height: auto !important;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block !important;
}
.numInputWrapper input {
width: 100% !important;
}
.numInputWrapper input::-ms-clear {
display: none !important;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
margin: 0 !important;
-webkit-appearance: none !important;
}
.numInputWrapper span {
position: absolute !important;
right: 0 !important;
width: 14px !important;
padding: 0 4px 0 2px !important;
height: 50% !important;
line-height: 50% !important;
opacity: 0 !important;
cursor: pointer !important;
border: 1px solid rgba(57,57,57,0.15) !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.numInputWrapper span:hover {
background: rgba(0,0,0,0.1) !important;
}
.numInputWrapper span:active {
background: rgba(0,0,0,0.2) !important;
}
.numInputWrapper span:after {
display: block !important;
content: "" !important;
position: absolute !important;
}
.numInputWrapper span.arrowUp {
top: 0 !important;
border-bottom: 0 !important;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent !important;
border-right: 4px solid transparent !important;
border-bottom: 4px solid rgba(57,57,57,0.6) !important;
top: 26% !important;
}
.numInputWrapper span.arrowDown {
top: 50% !important;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent !important;
border-right: 4px solid transparent !important;
border-top: 4px solid rgba(57,57,57,0.6) !important;
top: 40% !important;
}
.numInputWrapper span svg {
width: inherit !important;
height: auto !important;
}
.numInputWrapper span svg path {
fill: rgba(0,0,0,0.5) !important;
}
.numInputWrapper:hover {
background: rgba(0,0,0,0.05) !important;
}
.numInputWrapper:hover span {
opacity: 1 !important;
}
.flatpickr-current-month {
font-size: 135% !important;
line-height: inherit !important;
font-weight: 300 !important;
color: inherit !important;
position: absolute !important;
width: 75% !important;
left: 12.5% !important;
padding: 7.48px 0 0 0 !important;
line-height: 1 !important;
height: 34px !important;
display: inline-block !important;
text-align: center !important;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.flatpickr-current-month span.cur-month {
font-family: inherit !important;
font-weight: 700 !important;
color: inherit !important;
display: inline-block !important;
margin-left: 0.5ch !important;
padding: 0 !important;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0,0,0,0.05) !important;
}
.flatpickr-current-month .numInputWrapper {
width: 6ch !important;
width: 7ch\0 !important;
display: inline-block !important;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0,0,0,0.9) !important;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0,0,0,0.9) !important;
}
.flatpickr-current-month input.cur-year {
background: transparent !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
color: inherit !important;
cursor: text !important;
padding: 0 0 0 0.5ch !important;
margin: 0 !important;
display: inline-block !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: 300 !important;
line-height: inherit !important;
height: auto !important;
border: 0 !important;
border-radius: 0 !important;
vertical-align: initial !important;
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
appearance: textfield !important;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0 !important;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100% !important;
color: rgba(0,0,0,0.5) !important;
background: transparent !important;
pointer-events: none !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-sizing: border-box !important;
color: inherit !important;
cursor: pointer !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: 300 !important;
height: auto !important;
line-height: inherit !important;
margin: -1px 0 0 0 !important;
outline: none !important;
padding: 0 0 0 0.5ch !important;
position: relative !important;
vertical-align: initial !important;
-webkit-box-sizing: border-box !important;
-webkit-appearance: menulist !important;
-moz-appearance: menulist !important;
width: auto !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(0,0,0,0.05) !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent !important;
outline: none !important;
padding: 0 !important;
}
.flatpickr-weekdays {
background: transparent !important;
text-align: center !important;
overflow: hidden !important;
width: 100% !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
height: 28px !important;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-flex: 1 !important;
-webkit-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
}
span.flatpickr-weekday {
cursor: default !important;
font-size: 90% !important;
background: transparent !important;
color: rgba(0,0,0,0.54) !important;
line-height: 1 !important;
margin: 0 !important;
text-align: center !important;
display: block !important;
-webkit-box-flex: 1 !important;
-webkit-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
font-weight: bolder !important;
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0 !important;
}
.flatpickr-days {
position: relative !important;
overflow: hidden !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
width: 307.875px !important;
}
.flatpickr-days:focus {
outline: 0 !important;
}
.dayContainer {
padding: 0 !important;
outline: 0 !important;
text-align: left !important;
width: 307.875px !important;
min-width: 307.875px !important;
max-width: 307.875px !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
display: inline-block !important;
display: -ms-flexbox !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap !important;
flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
-ms-flex-pack: justify !important;
-webkit-justify-content: space-around !important;
justify-content: space-around !important;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
opacity: 1 !important;
}
.dayContainer + .dayContainer {
-webkit-box-shadow: -1px 0 0 #e6e6e6 !important;
box-shadow: -1px 0 0 #e6e6e6 !important;
}
.flatpickr-day {
background: none !important;
border: 1px solid transparent !important;
border-radius: 150px !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
color: #393939 !important;
cursor: pointer !important;
font-weight: 400 !important;
width: 14.2857143% !important;
-webkit-flex-basis: 14.2857143% !important;
-ms-flex-preferred-size: 14.2857143% !important;
flex-basis: 14.2857143% !important;
max-width: 39px !important;
height: 39px !important;
line-height: 39px !important;
margin: 0 !important;
display: inline-block !important;
position: relative !important;
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
text-align: center !important;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer !important;
outline: 0 !important;
background: #e6e6e6 !important;
border-color: #e6e6e6 !important;
}
.flatpickr-day.today {
border-color: #959ea9 !important;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #959ea9 !important;
background: #959ea9 !important;
color: #fff !important;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #569ff7 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #fff !important;
border-color: #569ff7 !important;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px !important;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0 !important;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #569ff7 !important;
box-shadow: -10px 0 0 #569ff7 !important;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px !important;
}
.flatpickr-day.inRange {
border-radius: 0 !important;
-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6 !important;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6 !important;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57,57,57,0.3) !important;
background: transparent !important;
border-color: transparent !important;
cursor: default !important;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed !important;
color: rgba(57,57,57,0.1) !important;
}
.flatpickr-day.week.selected {
border-radius: 0 !important;
-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7 !important;
box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7 !important;
}
.flatpickr-day.hidden {
visibility: hidden !important;
}
.rangeMode .flatpickr-day {
margin-top: 1px !important;
}
.flatpickr-weekwrapper {
float: left !important;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px !important;
-webkit-box-shadow: 1px 0 0 #e6e6e6 !important;
box-shadow: 1px 0 0 #e6e6e6 !important;
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none !important;
width: 100% !important;
line-height: 28px !important;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block !important;
width: 100% !important;
max-width: none !important;
color: rgba(57,57,57,0.3) !important;
background: transparent !important;
cursor: default !important;
border: none !important;
}
.flatpickr-innerContainer {
display: block !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.flatpickr-rContainer {
display: inline-block !important;
padding: 0 !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.flatpickr-time {
text-align: center !important;
outline: 0 !important;
display: block !important;
height: 0 !important;
line-height: 40px !important;
max-height: 40px !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
overflow: hidden !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.flatpickr-time:after {
content: "" !important;
display: table !important;
clear: both !important;
}
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
width: 40% !important;
height: 40px !important;
float: left !important;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939 !important;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939 !important;
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26% !important;
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49% !important;
}
.flatpickr-time input {
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
height: inherit !important;
line-height: inherit !important;
color: #393939 !important;
font-size: 14px !important;
position: relative !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
appearance: textfield !important;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold !important;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400 !important;
}
.flatpickr-time input:focus {
outline: 0 !important;
border: 0 !important;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
height: inherit !important;
float: left !important;
line-height: inherit !important;
color: #393939 !important;
font-weight: bold !important;
width: 2% !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0 !important;
width: 18% !important;
cursor: pointer !important;
text-align: center !important;
font-weight: 400 !important;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: #eee !important;
}
.flatpickr-input[readonly] {
cursor: pointer !important;
}
@-webkit-keyframes fpFadeInDown {
from {
opacity: 0 !important;
-webkit-transform: translate3d(0, -20px, 0) !important;
transform: translate3d(0, -20px, 0) !important;
}
to {
opacity: 1 !important;
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}
}
@keyframes fpFadeInDown {
from {
opacity: 0 !important;
-webkit-transform: translate3d(0, -20px, 0) !important;
transform: translate3d(0, -20px, 0) !important;
}
to {
opacity: 1 !important;
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}
}