.ui-widget {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.5
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #f2f5f5;
    color: #003a40;
}

.ui-widget-header {
    border: 1px solid #33c1ba;
    background: #33c1ba;
    color: #003a40;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #99e0dc;
    background: #99e0dc;
    font-weight: normal;
    color: #003a40;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #99e0dc;
    background: #f0ad00;
    font-weight: normal;
    color: #003a40;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003A40;
    background: #009390;
    font-weight: normal;
    color: #ffffff;
}