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

.accordion {
    background-color: white !important;
    color: black !important;
    padding: 0;
    margin: 0;

}

.help_btn {
    border: none;
    background: var(--color-clocx-primary) !important;
    color: white !important;
    font-size: 16px;
    text-align: left;
    padding: 10px;
}

@media only screen and (max-width: 600px) {
    .help_btn {
        padding: 7px;
    }
}

@media only screen and (max-width: 400px) {
    .help_btn {
        padding: 5px;
    }
}

.header_btn{
     opacity: 1;
}

.main_btn {
    opacity: 0.9;
}

.sub_btn {
    opacity: 0.8;
}

.help_btn[aria-expanded="true"]:after {
    font-family: "Font Awesome 6 Free", sans-serif;
    font-weight: 600;
    content: "\f077";
    float: right;
    color: white;
}

.help_btn[aria-expanded="false"]:after {
    font-family: "Font Awesome 6 Free", sans-serif;
    font-weight: 600;
    content: "\f078";
    float: right;
    color: white;
}