:root {
    --main-background-color: var(--gray-body-bg) !important;
}
.q-group:hover {
    text-decoration: none;
}
#questionnaire-list {
    min-height: 50vh;
}
.q-group .panel.panel-border {
    transition: all 0.2s;
}

    .q-group .panel.panel-border:hover {
        background-color: #fafafa;
    }

    .q-group .panel.panel-border .panel-body {
        position: relative;
    }

        .q-group .panel.panel-border .panel-body .name {
            padding-right: 100px;
        }

        .q-group .panel.panel-border .panel-body .icon-right {
            position: absolute;
            top: 20px;
            right: 15px;
        }


#questionnaire-list #questionnaire-search {
    height: 48px;
    background: white;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 8px;
}

#questionnaire-list #questionnaire-search-btn i {
    font-size: 1.5rem;
    color: var(--primary);
}

#questionnaire-list .dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}

#questionnaire-list #questionnaire-search-txt {
    border: none;
    outline: none;
    background: white;
}

    #questionnaire-list #questionnaire-search-txt:focus {
        border: none !important;
        outline: none !important;
        box-shadow: none;
    }

#questionnaire-list #questionnaire-search-btn:focus {
    box-shadow: none;
    border: none;
}
#questionnaire-list-result .questionnaire {
    border-radius: 8px;
}