[name='dates-ajax-spinner'] {
    position: absolute;
    transform: scale(.5);
    display: none;
    height: 33px;
    width: 33px;
}

[name='dates-ajax-spinner'].in {
    display: inline-block;
}

[name='dates-ajax-result-alert']{
    display: none;
}

[name='dates-ajax-result-alert'].in{
    display: flex;
}

[name='dates-ajax-result-alert'].shimmer{
    border-color:transparent;
}

.dynamic-dates-wrapper .checkbox:has(#allow-dynamic-dates) label{
    padding-left: 0;
}

.dynamic-dates-wrapper .form-group:not(.hidden):not(.inline-block):not(.flex-me){
    display: block !important;
}

.dynamic-dates-wrapper .form-group.flex-me:not(.hidden){
    display: inline-flex;
    align-items: center;
    gap:10px;
    margin-right: 30px;
}
.dynamic-dates-wrapper .form-group.flex-me:not(.hidden) label{
    margin-bottom: 0;
}

.dynamic-dates-wrapper .form-group.flex-me:not(.hidden) .form-helptip{
    padding: 0;
    margin: 0;
    order: 10;
}

/* Because of teh gap in the flex-me class, we have to drag the button back. */
.dynamic-dates-wrapper .form-group.flex-me:not(.hidden) .ui-datepicker-trigger{
    margin-left: -12px !important;
}

.dynamic-dates-wrapper input[type=number]{
    margin-left: 0;
}

form .form-group.test-dates-fg{
    float:left;
    margin-bottom: 0;
}

#date-params [name='dates-ajax-result-alert']{
    margin-top: 15px;
}