.required {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    top: unset;
}

.required::after {
    content: '*';
    font-weight: bold;
    padding-left: 2px;
    color: #d2322d;
}

html.sidebar-left-collapsed .sidebar-left .sidebar-widget,
html.sidebar-left-collapsed .sidebar-left .separator {
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

html.sidebar-left-collapsed .sidebar-left .nano:hover .sidebar-widget,
html.sidebar-left-collapsed .sidebar-left .nano:hover .separator {
    visibility: visible;
}

@media only screen and (max-width: 767px) {

    html.sidebar-left-collapsed .sidebar-left .sidebar-widget,
    html.sidebar-left-collapsed .sidebar-left .separator {
        visibility: visible;
    }
}

@media only screen and (min-width: 768px) {
    html.sidebar-left-collapsed .sidebar-left .nano .sidebar-widget .widget-header {
        visibility: visible;
    }
}

.sidebar-widget {
    margin: 0 30px 0 0;
}