@import url("/static/css/clocx-styles.css");

.ui-widget {
    font-family: "DM Sans Regular", sans-serif !important;
    font-size: 1em;
}

.ui-widget-content {
    /*border: 1px solid var(--clocx-primary-blue);*/
    -webkit-border-radius: var(--border-radius-clocx-primary);
    -moz-border-radius: var(--border-radius-clocx-primary);
    border-radius: var(--border-radius-clocx-primary);
    background: var(--color-clocx-white-primary);
    -webkit-box-shadow: 2px 2px 10px 10px var(--color-clocx-shadow);
    -moz-box-shadow: 2px 2px 10px 10px var(--color-clocx-shadow);
    box-shadow: 2px 2px 10px 1px var(--color-clocx-shadow);
}

.ui-widget-content a {
    font-family: "DM Sans Regular", sans-serif;
    font-size: var(--font-size-clocx-primary);
    color: var(--color-clocx-primary);
}

.ui-menu-item a:hover {
    /*background-color: rgba(50, 45, 201, .25);*/
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    background: lightpink;
    border: red 2px solid !important;
}

.ui-menu-item .highlight {
    font-weight: bold;
}