.accessibility{

    position: fixed;
    z-index: 999;
    top: 40%;
    display: flex;
    left: -200px;
}



.accessibility-button{
    width: 50px;
    height: 50px;
    background-color: #137bac;
    color: white;
    border: solid 1px white;
    font-size: 17pt;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.accessibility-menu {


    width: 200px;
    border: solid 1px #137bac;
    background-color: white;
    border-bottom-right-radius: 10px;


}

.accessibility-menu-title{
    font-weight: bold;
    padding: 5px;
}

.accessibility-menu-item{

    text-align: left;
    border: none;
    background-color: white;
    font-size: 11pt;
    padding: 2px;
    display: block;
    width: 100%;
    padding: 5px;
    padding-left: 10px;
    

}

.accessibility-menu-item:last-of-type{
    border-bottom-right-radius: 10px;

}

.accessibility-menu-item:hover{
    background-color: #137bac;
    color: white;
}


.accessibility-font-size-1{

    font-size: 30pt !important;
}


.accessibility-grayscale{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

body.accessibility-link a{

    text-decoration: underline;
}

body.accessibility-font *:not(span):not(i){
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
}


/* ------------ */

body.accessibility-contrast .comment {
    background-color: black;
    
}

body.accessibility-contrast {
    background-color: black;
    
}

body.accessibility-contrast .groups-block {
    background-color: black;
}

body.accessibility-contrast .accessibility-button{
    background-color: black;
    color: rgb(255,255,0);
    border-color: rgb(255,255,0);
}

body.accessibility-contrast .accessibility-menu {
    background-color: black;
    border-color: rgb(255,255,0);
}

body.accessibility-contrast .accessibility-menu-item {
    background-color: black;
}

body.accessibility-contrast .container-content {
    background-color: black;
}

body.accessibility-contrast .footer {
    background-color: black;
}

body.accessibility-contrast * {

    color: rgb(255,255,0);
}

body.accessibility-contrast a {

    color: rgb(255,255,0);
}


body.accessibility-contrast .navbar * {
    color: rgb(255,255,0);
}

body.accessibility-contrast .navbar{
    background-color: black;
}



body.accessibility-contrast .navbar-custom-2,


body.accessibility-contrast .navbar-custom-2 .dropdown-menu {
    background-color: black;
}

body.accessibility-contrast .groups-block * {
    background-color: black;
}
body.accessibility-contrast .slide-container > .circles > .circle.active {
    background-color: black;
}


body.accessibility-contrast .navbar-custom-1 .nav-link i:hover {
    color: rgb(255,255,0);
}

body.accessibility-contrast .slide-container *{
    color: rgb(255,255,0) !important;


}

body.accessibility-contrast .articles-block *{
    color: rgb(255,255,0) !important;



}

body.accessibility-contrast .text-secondary {
    color: rgb(255,255,0) !important;


}

body.accessibility-contrast .slide-container > .box > .content{
background-color: rgba(0, 0, 0,0.71);

}

body.accessibility-contrast .btn-more {
    background-color: black;
    border-color:  rgb(255,255,0);


}

body.accessibility-contrast .navbar-top-headline{
background-color: black;
border-bottom-color: rgb(255,255,0);
}
