.faq {
    .left-corner {
        padding: 15px;
    }

    .dropdown-menu > .active > div > a {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #337ab7;
    }

    .dropdown-menu > li > div > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857;
        color: #333333;
        /* white-space: nowrap; */
    }

    .showHand {
        cursor: pointer;
        cursor: hand;
    }

    .suggestionslist-div {
        background-color: #fff;
        box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
        width: 90%;
        max-height: 310px;
        position: absolute;
        z-index: 55556;
        border-radius: 4px;
        font-size: 13px;
        overflow-y: scroll;
        padding: 0;
    }

    .suggestionlist-ul {
        list-style-type: none;
        padding-left: 0px;
        margin-bottom: 0
    }

    .suggestionlist-li {
        font-size: 1.0em;
    }

    .suggestionlist-li:hover {
        background-color: #d6f0ff;

        .suggestionslist-li-heading {
            color: #fff
        }
    }

    .suggestionlist-li-a {
        color: #85939a;
        padding: 10px 14px 5px 1px;
        text-decoration: none !important;
    }

    .suggestionslist-li-icon {
        margin-right: 6px;
        width: 20px;
        text-align: center;
        font-size: 30px;
        color: #cad5e0
    }

    .suggestionslist-li-heading {
        font-size: 14px;
        font-weight: bold;
        margin: 0;
    }

    .suggestionlist-li-content {
        max-height: 3em;
        overflow: hidden;
    }

    .question-heading {
        cursor: pointer;
        cursor: hand;
        font-size: 16px;
        color: #3f444a;
    }

    .question-heading-icon {
        margin-right: 6px;
        width: 18px;
        text-align: center;
        font-size: 16px;
        color: #cad5e0;
    }
    /*.question-content { padding-bottom:5px; } */
    .category-heading {
        font-size: 20px;
        font-weight: 400;
        color: #3f444a
    }

    li.list-group-item a,
    .faqShowAllButton a {
        outline: 0;
    }

    .list-group {
        border: 0;
        margin-bottom: 0;
    }

    .list-group-item {
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
    }

    .list-group-item:last-child {
        border-radius: 0;
    }

    .faqShowAllButton {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.modern-icon-picker {
    display: none;
}

.wizdom-icon-picker {
    /*Icon picker*/
    .ui-iconpicker.brand-default > button {
        color: #333333;
        background-color: white;
        border-color: #cccccc;
    }
    .ui-iconpicker.brand-default > button:hover, .ui-iconpicker.brand-default > button:focus, .ui-iconpicker.brand-default > button:active, .ui-iconpicker.brand-default > button.active {
        color: #333333;
        background-color: #ebebeb;
        border-color: #adadad;
    }
    .open .ui-iconpicker.brand-default > button.dropdown-toggle {
        color: #333333;
        background-color: #ebebeb;
        border-color: #adadad;
    }
    .ui-iconpicker.brand-default > button:active, .ui-iconpicker.brand-default > button.active {
        background-image: none;
    }
    .open .ui-iconpicker.brand-default > button.dropdown-toggle {
        background-image: none;
    }
    .ui-iconpicker.brand-default > button.disabled, .ui-iconpicker.brand-default > button.disabled:hover, .ui-iconpicker.brand-default > button.disabled:focus, .ui-iconpicker.brand-default > button.disabled:active, .ui-iconpicker.brand-default > button.disabled.active, .ui-iconpicker.brand-default > button[disabled], .ui-iconpicker.brand-default > button[disabled]:hover, .ui-iconpicker.brand-default > button[disabled]:focus, .ui-iconpicker.brand-default > button[disabled]:active, .ui-iconpicker.brand-default > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-default > button, fieldset[disabled] .ui-iconpicker.brand-default > button:hover, fieldset[disabled] .ui-iconpicker.brand-default > button:focus, fieldset[disabled] .ui-iconpicker.brand-default > button:active, fieldset[disabled] .ui-iconpicker.brand-default > button.active {
        background-color: white;
        border-color: #cccccc;
    }
    .ui-iconpicker.brand-default > button .badge {
        color: white;
        background-color: #333333;
    }
    .ui-iconpicker.brand-primary > button {
        color: white;
        background-color: #428bca;
        border-color: #357ebd;
    }
    .ui-iconpicker.brand-primary > button:hover, .ui-iconpicker.brand-primary > button:focus, .ui-iconpicker.brand-primary > button:active, .ui-iconpicker.brand-primary > button.active {
        color: white;
        background-color: #3276b1;
        border-color: #285e8e;
    }
    .open .ui-iconpicker.brand-primary > button.dropdown-toggle {
        color: white;
        background-color: #3276b1;
        border-color: #285e8e;
    }
    .ui-iconpicker.brand-primary > button:active, .ui-iconpicker.brand-primary > button.active {
        background-image: none;
    }
    .open .ui-iconpicker.brand-primary > button.dropdown-toggle {
        background-image: none;
    }
    .ui-iconpicker.brand-primary > button.disabled, .ui-iconpicker.brand-primary > button.disabled:hover, .ui-iconpicker.brand-primary > button.disabled:focus, .ui-iconpicker.brand-primary > button.disabled:active, .ui-iconpicker.brand-primary > button.disabled.active, .ui-iconpicker.brand-primary > button[disabled], .ui-iconpicker.brand-primary > button[disabled]:hover, .ui-iconpicker.brand-primary > button[disabled]:focus, .ui-iconpicker.brand-primary > button[disabled]:active, .ui-iconpicker.brand-primary > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-primary > button, fieldset[disabled] .ui-iconpicker.brand-primary > button:hover, fieldset[disabled] .ui-iconpicker.brand-primary > button:focus, fieldset[disabled] .ui-iconpicker.brand-primary > button:active, fieldset[disabled] .ui-iconpicker.brand-primary > button.active {
        background-color: #428bca;
        border-color: #357ebd;
    }
    .ui-iconpicker.brand-primary > button .badge {
        color: #428bca;
        background-color: white;
    }
    .ui-iconpicker.brand-success > button {
        color: white;
        background-color: #5cb85c;
        border-color: #4cae4c;
    }
    .ui-iconpicker.brand-success > button:hover, .ui-iconpicker.brand-success > button:focus, .ui-iconpicker.brand-success > button:active, .ui-iconpicker.brand-success > button.active {
        color: white;
        background-color: #47a447;
        border-color: #398439;
    }
    .open .ui-iconpicker.brand-success > button.dropdown-toggle {
        color: white;
        background-color: #47a447;
        border-color: #398439;
    }
    .ui-iconpicker.brand-success > button:active, .ui-iconpicker.brand-success > button.active {
        background-image: none;
    }
    .open .ui-iconpicker.brand-success > button.dropdown-toggle {
        background-image: none;
    }
    .ui-iconpicker.brand-success > button.disabled, .ui-iconpicker.brand-success > button.disabled:hover, .ui-iconpicker.brand-success > button.disabled:focus, .ui-iconpicker.brand-success > button.disabled:active, .ui-iconpicker.brand-success > button.disabled.active, .ui-iconpicker.brand-success > button[disabled], .ui-iconpicker.brand-success > button[disabled]:hover, .ui-iconpicker.brand-success > button[disabled]:focus, .ui-iconpicker.brand-success > button[disabled]:active, .ui-iconpicker.brand-success > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-success > button, fieldset[disabled] .ui-iconpicker.brand-success > button:hover, fieldset[disabled] .ui-iconpicker.brand-success > button:focus, fieldset[disabled] .ui-iconpicker.brand-success > button:active, fieldset[disabled] .ui-iconpicker.brand-success > button.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }
    .ui-iconpicker.brand-success > button .badge {
        color: #5cb85c;
        background-color: white;
    }
    .ui-iconpicker.brand-info > button {
        color: white;
        background-color: #5bc0de;
        border-color: #46b8da;
    }
    .ui-iconpicker.brand-info > button:hover, .ui-iconpicker.brand-info > button:focus, .ui-iconpicker.brand-info > button:active, .ui-iconpicker.brand-info > button.active {
        color: white;
        background-color: #39b3d7;
        border-color: #269abc;
    }
    .open .ui-iconpicker.brand-info > button.dropdown-toggle {
        color: white;
        background-color: #39b3d7;
        border-color: #269abc;
    }
    .ui-iconpicker.brand-info > button:active, .ui-iconpicker.brand-info > button.active {
        background-image: none;
    }
    .open .ui-iconpicker.brand-info > button.dropdown-toggle {
        background-image: none;
    }
    .ui-iconpicker.brand-info > button.disabled, .ui-iconpicker.brand-info > button.disabled:hover, .ui-iconpicker.brand-info > button.disabled:focus, .ui-iconpicker.brand-info > button.disabled:active, .ui-iconpicker.brand-info > button.disabled.active, .ui-iconpicker.brand-info > button[disabled], .ui-iconpicker.brand-info > button[disabled]:hover, .ui-iconpicker.brand-info > button[disabled]:focus, .ui-iconpicker.brand-info > button[disabled]:active, .ui-iconpicker.brand-info > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-info > button, fieldset[disabled] .ui-iconpicker.brand-info > button:hover, fieldset[disabled] .ui-iconpicker.brand-info > button:focus, fieldset[disabled] .ui-iconpicker.brand-info > button:active, fieldset[disabled] .ui-iconpicker.brand-info > button.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }
    .ui-iconpicker.brand-info > button .badge {
        color: #5bc0de;
        background-color: white;
    }
    .ui-iconpicker.brand-warning > button {
        color: white;
        background-color: #f0ad4e;
        border-color: #eea236;
    }
    .ui-iconpicker.brand-warning > button:hover, .ui-iconpicker.brand-warning > button:focus, .ui-iconpicker.brand-warning > button:active, .ui-iconpicker.brand-warning > button.active {
        color: white;
        background-color: #ed9c28;
        border-color: #d58512;
    }
    .open .ui-iconpicker.brand-warning > button.dropdown-toggle {
        color: white;
        background-color: #ed9c28;
        border-color: #d58512;
    }
    .ui-iconpicker.brand-warning > button:active, .ui-iconpicker.brand-warning > button.active {
        background-image: none;
    }
    .open .ui-iconpicker.brand-warning > button.dropdown-toggle {
        background-image: none;
    }
    .ui-iconpicker.brand-warning > button.disabled, .ui-iconpicker.brand-warning > button.disabled:hover, .ui-iconpicker.brand-warning > button.disabled:focus, .ui-iconpicker.brand-warning > button.disabled:active, .ui-iconpicker.brand-warning > button.disabled.active, .ui-iconpicker.brand-warning > button[disabled], .ui-iconpicker.brand-warning > button[disabled]:hover, .ui-iconpicker.brand-warning > button[disabled]:focus, .ui-iconpicker.brand-warning > button[disabled]:active, .ui-iconpicker.brand-warning > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-warning > button, fieldset[disabled] .ui-iconpicker.brand-warning > button:hover, fieldset[disabled] .ui-iconpicker.brand-warning > button:focus, fieldset[disabled] .ui-iconpicker.brand-warning > button:active, fieldset[disabled] .ui-iconpicker.brand-warning > button.active {
        background-color: #f0ad4e;
        border-color: #eea236;
    }
    .ui-iconpicker.brand-warning > button .badge {
        color: #f0ad4e;
        background-color: white;
    }
    .ui-iconpicker.brand-danger > button {
        color: white;
        background-color: #d9534f;
        border-color: #d43f3a;
    }
    .ui-iconpicker.brand-danger > button:hover, .ui-iconpicker.brand-danger > button:focus, .ui-iconpicker.brand-danger > button:active, .ui-iconpicker.brand-danger > button.active {
        color: white;
        background-color: #d2322d;
        border-color: #ac2925;
    }
    .open .ui-iconpicker.brand-danger > button.dropdown-toggle {
        color: white;
        background-color: #d2322d;
        border-color: #ac2925;
    }
    .ui-iconpicker.brand-danger > button:active, .ui-iconpicker.brand-danger > button.active {
        background-image: none;
    }
    .open .ui-iconpicker.brand-danger > button.dropdown-toggle {
        background-image: none;
    }
    .ui-iconpicker.brand-danger > button.disabled, .ui-iconpicker.brand-danger > button.disabled:hover, .ui-iconpicker.brand-danger > button.disabled:focus, .ui-iconpicker.brand-danger > button.disabled:active, .ui-iconpicker.brand-danger > button.disabled.active, .ui-iconpicker.brand-danger > button[disabled], .ui-iconpicker.brand-danger > button[disabled]:hover, .ui-iconpicker.brand-danger > button[disabled]:focus, .ui-iconpicker.brand-danger > button[disabled]:active, .ui-iconpicker.brand-danger > button[disabled].active, fieldset[disabled] .ui-iconpicker.brand-danger > button, fieldset[disabled] .ui-iconpicker.brand-danger > button:hover, fieldset[disabled] .ui-iconpicker.brand-danger > button:focus, fieldset[disabled] .ui-iconpicker.brand-danger > button:active, fieldset[disabled] .ui-iconpicker.brand-danger > button.active {
        background-color: #d9534f;
        border-color: #d43f3a;
    }
    .ui-iconpicker.brand-danger > button .badge {
        color: #d9534f;
        background-color: white;
    }
    .ui-iconpicker.disabled > button, .ui-iconpicker[disabled] > button, fieldset[disabled] .ui-iconpicker > button {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .ui-iconpicker > button > i {
        padding-right: .5em;
    }
    .ui-iconpicker > ul.dropdown-menu {
        max-height: 12.1em;
        overflow-y: scroll;
        padding: 0.5em 0.5em;
        width: 12.1em;
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .ui-iconpicker > ul.dropdown-menu {
        max-height: 15.1em;
        width: 15.1em;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        .ui-iconpicker > ul.dropdown-menu {
        max-height: 23.1em;
        width: 23.1em;
        }
    }
    @media (min-width: 1200px) {
        .ui-iconpicker > ul.dropdown-menu {
        max-height: 23.1em;
        width: 34.1em;
        }
    }
    .ui-iconpicker > ul.dropdown-menu::-webkit-scrollbar {
        width: 0.1em;
    }
    .ui-iconpicker > ul.dropdown-menu > li {
        float: left;
    }
    .ui-iconpicker > ul.dropdown-menu > li button {
        height: 2.5em;
        margin: 0.1em 0.1em;
        padding: 0 0;
        width: 2.5em;
    }
}

.faqEditWebpart {
    .categorylinks-container .glyphicon { color: #444444; }    
    .categoryLink:hover,
    .categorylinks-container .link { cursor: move; }
}
