.ada_widget_main {
    position: fixed;
    bottom: 30px;
    z-index: 9999;
    cursor: pointer;
}

.ada_pos_left {
    left: 30px;
}

.ada_pos_right{
    right: 30px;
}

.ada_widget_icon {
    position: relative;
    color: #33bdff;
    display: inline-block;
}

.ada_widget_icon .fa-check-circle {
    display: none;
    position: absolute;
}

.ada_widget_icon.active .fa-check-circle {
    display: block;
    background-color: #fff;
    padding: 1px;
    font-size: 14px;
    color: #00a92c;
    right: -2px;
    top: -2px;
    border-radius: 50%;
}

.ada_widget_icon i {
    font-size: 50px;
}

.ada_widget_icon:hover {
    color: #33bdff;
}


.accessibility_options {
    position: absolute;
    bottom: 110%;
    width: auto;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    min-width: 250px;
    justify-content: center;
    -webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    display: none;
    outline: 0;
}

.accessibility_options.open {
    display: flex;
}

.ada_pos_left .accessibility_options {
    left: 0px;
}

.ada_pos_right .accessibility_options {
    right: 0px;
}

.accessibility_options_each {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: revert;
    padding: 10px;
    border-collapse: collapse;
    background-color: #e3f4f1;
    margin: 1px;
    cursor: pointer;
}

.accessibility_options_each:hover {
    background-color: #bff1e8;
}

.accessibility_options_each p {
    margin: 0;
    font-size: 16px;
    text-transform: capitalize;
}

.accessibility_options_each i {
    font-size: 30px;
    margin: 0 10px 0 0;
    min-width: 40px;
}

.accessibility_branding img {
    max-width: 100px;
}

.accessibility_branding a {
    display: inline-block;
}

.accessibility_branding {
    text-align: center;
    padding: 10px 0 0px;
}

.accessibility_branding p {
    margin: 0;
    font-size: 14px;
}

.color_contrast_btn.added,
.color_contrast_btn.added p {
    background-color: #aeddd5;
}

.font_resizer.added,
.font_resizer.added p,
.text_aligner.added,
.text_aligner.added p,
.link_highlighter.added,
.link_highlighter.added p {
    background-color: #aeddd5;
}

html.ada_color_contrast:not(a.ada_widget_icon) {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

html.ada_font_10 {
    transition: background 0.1s ease 0s;
    zoom: 1.1 !important;
}

html.ada_font_20 {
    transition: background 0.1s ease 0s;
    zoom: 1.2 !important;
}

html.ada_font_30 {
    transition: background 0.1s ease 0s;
    zoom: 1.3 !important;
}

.ada_text_align_1 {
    text-align: left !important;
}

.ada_text_align_2 {
    text-align: right !important;
}

.ada_text_align_3 {
    text-align: center !important;
}

.ada_text_align_4 {
    text-align: justify !important;
}

html.link_highlight body a:not(a.ada_widget_icon) {
    text-decoration: underline !important;
    background-color: #000 !important;
    color: #fff !important;
}