.ai-close-button {
    border: 1px solid var(--ai-input-border-color);
    border-left: none;
    display: flex;
    padding-right: .5rem;
}
input.ai-input-border,
textarea.ai-input-border {
    border-color: var(--ai-input-border-color);
}
input.ai-input-border:focus,
textarea.ai-input-border:focus {
    border-color: var(--ai-input-border-color);
    box-shadow: none;
}
.ai-prepend-icon {
    border: 1px solid var(--ai-input-border-color);
    border-right: none;
    display: flex;
    align-items: start;
    padding-top: 0.6rem;
    padding-left: .5rem;
}
.ai-close-button.is-invalid,
.ai-prepend-icon.is-invalid {
    border-color: var(--ai-error-border-color);
}
#description.rounded-border {
    border-radius: 19px;
}
.generate-button {
    font-size: var(--text-size-sm);
    font-weight: var(--font-weight-regular);
}
.generate-button.default-button-state {
    background: linear-gradient(to right, var(--ai-generate-button-default-left), var(--ai-generate-button-default-right));
}
.generate-button.default-button-state:hover {
    background: linear-gradient(to right, var(--ai-generate-button-hover-left), var(--ai-generate-button-hover-right));
}
.generate-button.generate-button-state {
    background: linear-gradient(to right, var(--ai-generate-button-complete-left), var(--ai-generate-button-complete-right));
}
.generate-button.complete-button-state {
    background: linear-gradient(to right, var(--ai-generate-button-complete-left), var(--ai-generate-button-complete-right));
}
.generate-button.error-button-state {
    background: linear-gradient(to right, var(--ai-generate-button-error-left), var(--ai-generate-button-error-right));
}
.generate-button.disabled-button-state {
    /* !important Needed to override Bootstrap styles with !important applied */
    color: var(--ai-generate-button-disabled-text) !important;
    background-color: var(--ai-generate-button-disabled-background) !important;
}
.generate-button.disabled-button-state img,
.tts-complete-button.disabled-button-state img {
    filter: grayscale(100%) brightness(20%);
}
.form-control {
    border-radius: 19px;
    background-color: var(--form-control-background-color);
    border: 1px solid var(--form-control-border-color);
    color: var(--form-control-color);
    font-size: var(--text-size-base);
    line-height: var(--text-line-height-base);
    z-index: 10;
}
.form-control:focus {
    background-color: var(--form-control-background-color-focus);
    border-color: var(--form-control-border-color-focus);
    box-shadow: 0 0 0 .2rem var(--form-control-box-shadow-color-focus);
}
.form-control:disabled, .form-control.disabled {
    background-color: var(--form-control-background-color-disabled);
    color: var(--form-control-color-disabled);
}

.form-group > .help-text {
    margin-top: calc(0.25rem * 1);
    color: var(--sp-brand-blue-100)
}
.form-group > .error-text {
    margin-top: calc(0.25rem * 1);
    color: var(--sp-red-400);
}

.radio-button-wrapper {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
.radio-button-wrapper label {
    cursor: pointer;
}

.form-group.radio-button-group label {
    order: 2;
}

.radio-button {
    background-color: var(--radio-button-background-color);
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    position: absolute;
    margin-left: -1.25rem;
}
.radio-button:checked {
    background-color: var(--radio-button-background-color-checked);
    border-color: var(--radio-button-background-color-checked);
}
.radio-button:checked[type=radio] {
    background-image: var(--radio-button-background-image-checked);
}
.radio-button:disabled {
    background-color: var(--radio-button-background-color-disabled);
    border-color: var(--radio-button-border-color-disabled);
}

.custom-radio-clause input[type="radio"] {
    display: none;
}

.custom-radio-clause {
    display: flex;
}
.custom-radio-clause .custom-radio-clause-block {
    align-items: center;
    background-color: var(--color-primary-outline-background);
    border: 1px solid var(--color-primary-outline-border);
    cursor: pointer;
    display: flex;
    justify-content: center;
    height: 40px;
    width: 100px;
}
.custom-radio-clause .custom-radio-clause-block.checked  {
    background-color: var(--color-primary-outline-background-hover);
}
.custom-radio-clause .custom-radio-clause-block:hover {
    background-color: var(--color-primary-outline-background-hover);
    border: 1px solid var(--color-primary-outline-border-hover);
}
.custom-radio-clause .and {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.custom-radio-clause .exclude {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

/** Input Group Addons (appends/prepends) **/
.trailing-addon-internal {
    margin-right: calc(0.25rem * 3);
    right: 0;
}
.leading-addon-internal, .trailing-addon-internal {
    position: absolute;
    display: inline-flex;
    align-items: center;
    z-index: 1001;
}
.input-group .input-group-prepend .btn,
.input-group .input-group-append .btn,
.input-group .input-group-addon .btn,
.input-group .input-group-append .input-group-text {
    background-color: var(--form-control-background-color);
    border-color: var(--form-control-border-color);
    color: var(--form-control-color);
}

.input-group .input-group-append > :last-child,
.input-group .input-group-append > :last-child > :last-child {
    border-radius: 0 19px 19px 0;
}
.input-group .input-group-prepend > :first-child,
.input-group .input-group-prepend > :first-child > :first-child {
    border-radius: 19px 0px 0px 19px;
}
/*.input-group:has(.input-group-append) > .input-group-append :not:last-child {*/
/*    border-radius: 0;*/
/*}*/
/*.input-group:has(.input-group-append) > :not(:last-child) {*/
/*    border-top-right-radius: 0;*/
/*    border-bottom-right-radius: 0;*/
/*}*/

/*.input-group:has(.input-group-prepend) > .input-group-prepend :not:first-child {*/
/*    border-radius: 0;*/
/*}*/
/*.input-group:has(.input-group-prepend) > :not(:first-child) {*/
/*    border-top-left-radius: 0;*/
/*    border-bottom-left-radius: 0;*/
/*}*/
/*.input-group:has(.input-group-prepend) > .input-wrapper > :first-child {*/
/*    border-top-left-radius: 0;*/
/*    border-bottom-left-radius: 0;*/
/*}*/
.input-group > .input-group-prepend + .input-wrapper > .leading-addon-internal + input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .input-wrapper.leading-addon > input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .select-container {
    display: inline-flex;
}
.input-group > .input-wrapper.trailing-addon > input,
.input-group > .select-container.trailing-addon .btn.select-trigger {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.leading-addon-internal, .trailing-addon-internal {
    position: absolute;
    display: inline-flex;
    align-items: center;
    z-index: 1001;
}
.leading-addon-internal {
    margin-left: calc(0.25rem * 3);
    left: 0;
}
.trailing-addon-internal {
    margin-right: calc(0.25rem * 3);
    right: 0;
}
.input-group-append {
    margin-left: -1px;
}

/** Select and multi-select **/
.select-container {
    position: relative;
}
.select-container .btn.select-trigger {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.75rem;
    padding-right: 0.5rem;
    overflow: clip;
}
.select-container[readonly] .btn.select-trigger {
    background-color: var(--form-control-background-color-disabled);
    color: var(--form-control-color-disabled);
    cursor: default;
    pointer-events: none;
}
.select-container .btn.select-trigger .trigger-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: clip;
    pointer-events: none;
}
.select-container .select-box {
    border-radius: 0.25rem;
    border: 1px solid var(--form-control-border-color);
    padding: 0.25rem;
    position: absolute;
    margin-top: 0.25rem;
    top: 2rem;
    z-index: 1000;
    color: var(--base-text-color);
    background-color: var(--select-box-background-color);
}
.select-container.multiple .select-box {
    background-color: var(--select-box-multiple-background-color);
    position: relative;
    top: unset;
    z-index: unset;
}
.select-container .select-box li {
    color: var(--select-box-item-text-color);
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
}
.select-container .select-box li.selected {
    background-color: var(--select-box-item-background-color-selected);
}
.select-container .select-box li:hover,
.select-container .select-box li.highlighted {
    background-color: var(--select-box-item-background-color-hover);
}
.select-container .select-box li.selected.highlighted,
.select-container .select-box li.selected:hover,
.select-container .select-box li.highlighted:hover {
    backdrop-filter: brightness(0.8);
    background-color: unset;
}
.select-container .select-box li.disabled {
    opacity: 0.5;
}

.select-container .select-box li.list-separator {
    height: 1px;
    padding: 0;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    background-color: var(--separator-color);
}

.select-container.multiple .select-box li {
    background-color: var(--select-box-multiple-item-background-color);
}
.select-container.multiple .select-box li:hover,
.select-container.multiple .select-box li.highlighted {
    backdrop-filter: brightness(0.8);
    background-color: unset;
}
.select-container.multiple .select-box li:hover,
.select-container.multiple .select-box li.highlighted {
    background-color: var(--select-box-multiple-item-background-color-hover);
}
.select-container.multiple .select-box li.selected {
    background-color: var(--select-box-multiple-item-background-color-selected);
}
.select-container.multiple .select-box li.selected:hover,
.select-container.multiple .select-box li.selected.highlighted {
    background-color: var(--select-box-multiple-item-background-color-selected-hover);
}

/** Date picker overrides **/
.datepicker-calendar, .flatpickr-calendar {
    background-color: var(--datepicker-background-color)!important;
    border: 1px solid var(--separator-color)!important;
    color: var(--base-text-color)!important;
    font-size: var(--text-size-base)!important;
    line-height: var(--text-line-height-base)!important;
}
.datepicker-date.today, .flatpickr-date.today {
    background-color: var(--datepicker-today-background-color)!important;
}
.date-component > .input-group > .input-wrapper > .trailing-addon-internal .btn {
    color: var(--datepicker-calendar-button-color);
}

div.datepicker-days table,
div.datepicker-months table,
div.datepicker-years table,
div.datepicker-decades table,
div.datepicker-centuries table,
.flatpickr-calendar .flatpickr-day,
.flatpickr-calendar .flatpickr-weekday,
.flatpickr-calendar .flatpickr-current-month,
.flatpickr-calendar .flatpickr-time input,
.flatpickr-calendar .flatpickr-time span {
    color: var(--datepicker-text-color);
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-day.nextMonthDay {
    color: var(--datepicker-disabled-text-color);
}

div.datepicker th.prev:hover,
div.datepicker th.next:hover,
div.datepicker table tr td.range,
div.datepicker table tr td.day:hover,
div.datepicker table tr td span.month:hover,
div.datepicker table tr td span.year:hover,
div.datepicker table tr td span.decade:hover,
div.datepicker table tr td span.century:hover,
div.datepicker .datepicker-switch:hover,
#ui-datepicker-div,
.flatpickr-calendar.static.open,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: var(--datepicker-background-color);
}

div.flatpickr-calendar.static.open {
    outline-color: var(--datepicker-outline-color);
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    fill: var(--datepicker-arrows-color);
}

div.datepicker.dropdown-menu,
.flatpickr-calendar span.flatpickr-day:hover,
.flatpickr-calendar .flatpickr-time input:hover,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-calendar .flatpickr-time input:focus,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus {
    background-color: var(--datepicker-item-hover-color);
}

div.flatpickr-calendar.hasTime .flatpickr-time {
    border-top: none;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after,
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after,
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: var(--datepicker-arrows-color);
    border-bottom-color: var(--datepicker-arrows-color);
}

::-webkit-calendar-picker-indicator:hover {
    cursor: pointer;
}

/** Date range input overrides **/
.input-daterange .input-group:has(.input-group-append) > input:first-child {
    border-radius: 19px 0 0 19px
}
.input-daterange input:first-child {
    border-radius: 19px 0 0 19px!important;
}
.input-daterange .input-group:has(.input-group-prepend) > input:last-child {
    border-radius: 0 19px 19px 0;
}
.input-daterange input:last-child {
    border-radius: 0 19px 19px 0!important;
}

::-webkit-calendar-picker-indicator {
    filter: invert(48%) sepia(94%) saturate(1900%) hue-rotate(185deg) brightness(100%) contrast(103%);
    cursor: pointer;
}
/*::-webkit-calendar-picker-indicator:hover {*/
/*    filter: invert(60%) sepia(100%) saturate(1854%) hue-rotate(3deg) brightness(107%) contrast(106%);*/
/*}*/

/** Filter dropdown overrides **/
.filterDropdownBtn {
    border-radius: 19px 0 0 19px;
}
.filterDropdownBtn:after {
    float: right;
    margin-top: 10px;
}
@media (max-width: 768px) {
    .filterDropdownBtn {
        padding: 0.375rem 0.8rem;
    }
}

/** Color picker overrides **/
.color-picker .colorpicker-input-addon i {
    border-radius: 50%!important;
}
input.color-picker-alpha {
    border-radius: 0;
}
.color-picker .colorpicker-input-addon:before {
    border-radius: 50%;
    height: 24px;
    width: 24px;
}
.color-picker .colorpicker-input-addon i {
    border-radius: 50%;
    height: 24px;
    width: 24px;
}
.color-picker .input-group.color-picker-reset-wrapper {
    width: auto;
}

select {
    border-radius: 19px;
    padding: .25rem 32px .25em 9px;
    height: 38px;
    cursor: pointer;

    /*overflow: hidden;*/
    /*overflow: -moz-hidden-unscrollable;*/
    /*background: url(/green_downarrow.png) no-repeat right white;*/
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("../images/chevron_down.svg");
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%;
    background-size: 1.2em auto;
}


.select-picker {
    margin: 10px 0;
}
.select-picker .if-selected {
    display: none;
}
.select-picker .selected .if-selected {
    display: inline;
}
.select-picker .selected .if-unselected {
    display: none;
}
.select-picker .select-item {
    float: left;
    cursor: pointer;
    background-color: var(--select-picker-item-background-color);
    border: 1px solid var(--select-picker-item-border-color);
    border-radius: 3px;
    width: 47%;
    text-align: center;
    padding-bottom: 10px;
    line-height: 1.3em;
    font-weight: bold;
    font-size: 13px;
    position: relative;
}
.select-picker .select-item:nth-child(-n + 2) {
    margin-bottom: 1rem;
}
.select-picker .select-item-disabled {
    float: left;
    cursor: pointer;
    background-color: var(--select-picker-item-background-color-disabled);
    border: 1px solid var(--select-picker-item-border-color-disabled);
    color: var(--select-picker-item-color-disabled);
    border-radius: 3px;
    width: 22%;
    text-align: center;
    padding-bottom: 10px;
    line-height: 1.3em;
    font-weight: bold;
    font-size: 13px;
    position: relative;
}
.select-picker .select-item .icon img,
.select-picker .select-item-disabled .icon img{
    width: 37px;
    height: 37px;
    margin: 13px;
}
.select-picker .channel-layout-select .icon img{
    width: 150px;
    height: auto;
}
.select-picker .select-item .label,
.select-picker .select-item-disabled .label {
    color: var(--select-picker-item-color);
    font-size: 16px;
    font-weight: var(--font-weight-light);
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
}
.select-picker .select-item.selected {
    border: 2px solid var(--select-picker-item-border-color-selected);
    background-color: var(--select-picker-item-background-color-selected);
}
.select-picker .select-item.selected:after {
    content: "";
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
    background-image: url("../images/design_2018/tabs_details/checkmark.svg");
    position: absolute;
    right: -1px;
    top: -1px;
}
.select-picker .select-item.selected .label {
    font-weight: var(--font-weight-semi-bold);
    color: var(--select-picker-item-color-selected);
}
.select-picker .select-thumbnail,
.select-picker .select-branding,
.select-picker .select-cta-background {
    float: left;
    background-color: var(--select-picker-select-image-background-color);
    border: 1px dashed var(--select-picker-select-image-border-color);
    border-radius: 2px;
    height: 4rem;
    width: 32%;
    position: relative;
    /*border-style: dashed;*/
}
.select-picker .select-thumbnail.populated,
.select-picker .select-branding.populated,
.select-picker .select-cta-background.populated {
    cursor: pointer;
    border-style: solid;
}
.select-picker .select-thumbnail.populated .thumbnail-img,
.select-picker .select-branding.populated .branding-img {
    max-width: 100%;
    text-align: center;
}
.select-picker .select-thumbnail.populated:hover span,
.select-picker .select-branding.populated:hover span {
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url("../images/design_2018/share_remove.png");
    position: absolute;
    right: -6px;
    top: -10px;
    z-index: 1;
}
.select-picker .select-thumbnail.selected.populated,
.select-picker .select-branding.selected.populated,
.select-picker .select-cta-background.selected.populated {
    border: 2px solid var(--select-picker-select-image-border-color-selected);
    background-color: var(--select-picker-select-image-background-color-selected);
}
.select-picker .select-thumbnail.selected.populated:after,
.select-picker .select-branding.selected.populated:after,
.select-picker .select-cta-background.selected.populated:after {
    content: "";
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
    background-image: url("../images/design_2018/tabs_details/checkmark.svg");
    position: absolute;
    right: -2px;
    top: -2px;
}

.textarea-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.textarea-wrapper .form-control, .textarea-wrapper textarea.form-control:not(.has-header):not(.has-footer) {
    border-radius: 9px;
}
.textarea-wrapper textarea.form-control.has-header {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.textarea-wrapper textarea.form-control.has-footer {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.textarea-wrapper .input-header,
.textarea-wrapper .input-footer {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    height: auto;
    width: 100%;
}
.textarea-wrapper .form-control.input-header {
    border-bottom: none;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.textarea-wrapper .form-control.input-footer {
    border-top: none;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}

/** Position picker **/
.position-picker {
    display: table;
}
.position-picker-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.position-picker-position {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    margin: 6px;
    cursor: pointer;
    font-family: "Font Awesome 5 Free", emoji;
}
.position-picker-position:after {
    content: "\f0c8";
}
.position-picker-position[checked="checked"]:after {
    display: inline-block;
    border-radius: 2px;
    line-height: 22px;
    content: "\f14a";
}
.position-picker[disabled="disabled"] .position-picker-position,
.position-picker.disabled .position-picker-position {
    cursor: default;
    pointer-events: none;
    filter: grayscale(100%);
}

.slide-toggle {
    display: inline-flex;
    align-items: center;
}

.slide-toggle .toggle {
    display: none;
}

.slide-toggle .toggle,
.slide-toggle .toggle:after,
.slide-toggle .toggle:before,
.slide-toggle .toggle *,
.slide-toggle .toggle *:after,
.slide-toggle .toggle *:before,
.slide-toggle .toggle + .toggle-btn {
    box-sizing: border-box;
}

.slide-toggle .toggle::-moz-selection,
.slide-toggle .toggle:after::-moz-selection,
.slide-toggle .toggle:before::-moz-selection,
.slide-toggle .toggle *::-moz-selection,
.slide-toggle .toggle *:after::-moz-selection,
.slide-toggle .toggle *:before::-moz-selection,
.slide-toggle .toggle + .toggle-btn::-moz-selection {
    background: none;
}

.slide-toggle .toggle::selection,
.slide-toggle .toggle:after::selection,
.slide-toggle .toggle:before::selection,
.slide-toggle .toggle *::selection,
.slide-toggle .toggle *:after::selection,
.slide-toggle .toggle *:before::selection,
.slide-toggle .toggle + .toggle-btn::selection {
    background: none;
}

.slide-toggle .toggle + .toggle-btn {
    display: block;
    width: 4rem;
    height: 2rem;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slide-toggle .toggle + .toggle-btn:after,
.slide-toggle .toggle + .toggle-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}

.slide-toggle .toggle + .toggle-btn:after {
    left: 0;
}

.slide-toggle .toggle + .toggle-btn:before {
    display: none;
}

.slide-toggle .toggle:checked + .toggle-btn:after {
    left: 50%;
}

.slide-toggle .toggle + .toggle-btn {
    background: var(--slide-toggle-button-color);
    border-radius: 9999px;
    padding: 0;
    margin: 0;
    transition: all 0.4s ease;
}

.slide-toggle .toggle + .toggle-btn:after {
    border-radius: 9999px;
    background: var(--slide-toggle-button-color);
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}

.slide-toggle .toggle + .toggle-btn:hover:after {
    will-change: padding;
}

.slide-toggle .toggle + .toggle-btn:active {
    filter: brightness(0.75)!important;
}

.slide-toggle .toggle + .toggle-btn:active:after {
    padding-right: 0.8em;
}

.slide-toggle .toggle + .toggle-btn {
    background: var(--slide-toggle-background-color);
}

.slide-toggle .toggle:checked + .toggle-btn {
    background: var(--slide-toggle-background-color-checked);
}

.slide-toggle .toggle:checked + .toggle-btn:active {
    box-shadow: none;
}

.slide-toggle .toggle:checked + .toggle-btn:active:after {
    margin-left: -0.8em;
}

.slide-toggle .leading-label {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0.5rem;
}

.slide-toggle .trailing-label {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 0.25rem;
}

.divider {
    background-color: var(--divider-line-color);
    position: relative;
    overflow: hidden;
    border: 0;
}
.divider.divider-x {
    height: 1px;
    margin: 0.25rem 0 0.25rem 0;
    width: 100%;
}
.divider.divider-y {
    width: 1px;
    margin: 0 0.25rem 0 0.25rem;
    height: 100%
}
.divider-wrapper-x {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.divider-wrapper-y {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.divider-label {
    color: var(--divider-label-color);
}

/*.btn.btn-primary, button.btn-primary {*/
/*    background-color: var(--color-primary-background) !important;*/
/*}*/

body .ui-datepicker {
    background-color: var(--flatpickr-input-background-color);
    border-radius: 5px;
}
body .ui-datepicker .ui-datepicker-title {
    line-height: unset;
    text-align: center;
}
body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span {
    left: 20%;
    top: 10%;
    margin-left: 0;
    margin-top: 0;
}

body .ui-icon {
    font-size: xx-small;
    text-indent: unset;
}

body .ui-widget-content {
    background: var(--flatpickr-input-background-color);
    border: 1px solid var(--datepicker-outline-color);
    color: var(--datepicker-text-color);
}

body .ui-widget-header {
    background: var(--flatpickr-input-background-color);
    color: var(--datepicker-outline-color);
}

body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default {
    border: 0 solid transparent;
    background-color: var(--flatpickr-input-background-color);
    color: var(--datepicker-text-color);
    max-width: 39px;
    text-align: center;
}

body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus {
    background: var(--dropdown-background-color);
    border: 0 solid transparent;
    border-radius: 150px;
    color: var(--datepicker-text-color);
    font-weight: normal;
    text-align: center;
}

body .ui-state-active,
body .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active {
    border: 0 solid var(--datepicker-text-color);
    border-radius: 150px;
    background: var(--dropdown-background-color);
    color: var(--datepicker-text-color);
}

body .ui-state-highlight,
body .ui-widget-content .ui-state-highlight,
body .ui-widget-header .ui-state-highlight {
    border: 1px solid transparent;
    background: var(--dropdown-background-color);
    color: var(--datepicker-text-color);
    border-radius: 150px;
    max-width: 39px;
    text-align: center;
}