.st0{fill:#FFFFFF;}
.st1{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:2.412;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.main-toggle-icon{
    
    background-color: #2c4a4e;
    color: white !important;
    font-size: 260%;
    padding: 1px;
    display: inline-block;
    
    height: 40px;
}
.main-accessibility-icons{
    margin-top: -22px;
}
.accessibility-main{
    position:fixed !important;
    right:-223px;
    top:40%;
    background-color:#fff;
    z-index:999999;
    font-size: 14px;
    
}

.accessibility-main-id{
    top:266px;
}
#togglebutton{
    position: absolute;
    left:-38px;
}
.toggleicon1{
    left:-39px !important;
}
.toggleicon2{
    left:-40px !important;
}
.toggleicon3{
    left:-41px !important;
}

.gridsize1{
    height: 385px !important;
}
.gridsize2{
    height: 420px !important;
}
.gridsize3{
    height: 450px !important;
}

@media only screen and (max-width: 430px) {
    .accessibility-main{
        top:18%;
    }
    .accessibility-main-id{
        top:86px;
    }
    .closetoggle{
        right: 0px !important;
        transition:0s !important;
        position: absolute !important;
    }
    .opentoggle{
        transition:0s !important;
        position: absolute !important;
    }
    .closetoggle #acess{
        display: none !important;
    }
}
@media only screen and (max-width: 330px) {
    .accessibility-main{
        top:24%;
    }
    .accessibility-main-id{
        top:80px;
    }
}
@media screen and (max-width: 900px) and (orientation: landscape) {

    .closetoggle{
        right: 0px !important;
        position: absolute !important;
    }
    .opentoggle{
        position: absolute !important;
    }
    .closetoggle #acess{
        display: none !important;
    }

}
.lightbackground-submenu-login .sub-nav{
    background-color: white !important;
    
}
.lightbackground-submenu-login .sub-nav .sub-nav-item a{
    color: black !important;
}
.lightbackground-login form div p,.lightbackground-login form div a,.lightbackground-login form div h3,.lightbackground-login form div span{
    color: #000 !important;
}
.accessibility-catogory{
    font-size: 14px;
}
.addlightbackground{
    background-color: #fff !important;
    color: #000 !important;
}
.lightbackground-menu span{
    background: #231f20 !important;
}
#lightbackground nav li a,#lightbackground h2,#lightbackground h3,#lightbackground p,#lightbackground a{
    color: #000 !important;
}
#pagina-acessivel-btn{
    background-color: #008ea6 !important;
}
.lightbackground-btn{
  background-color: #008ea6 !important;
  color: white !important;
}
.pagina-acessivel-login form div{
    background-color: #000 !important;
    color: white !important;
}
.pagina-acessivel-login form div .modal-title-note{
    color: white !important;
}
.pagina-acessivel-signin{
    background-color: #000 !important;
}
.opentoggle{
    
    right: 0px;
    position : absolute;
    cursor: pointer;
}
.closetoggle{
    
    right: -223px;
    position : absolute;
    cursor: pointer;
}
.toggle-icon{
    background-color:#2c4a4e;
    color:white !important;
    font-size: 160%;
    padding: 8px;
    display:inline-block;
    line-height:0;
    height: 40px;
    
}
.accessibility-icons{
    height: 16px;
    margin: -3px; 
   
    color: rgb(130, 130, 130);
}
.accessibility-list :hover{
    color: #1F6779 !important;
    text-decoration: none !important;
}

#acess{
    color:#111433;
    border:1px solid #ccc;
    font-size: 100%;
    width:223px;
    
    position: relative;
    z-index: 999999;
}

.accessibility-title{
    
    font-weight:bold;
    padding:10px 10px 3px;
    margin: 0;
    color: #333;
    margin-right: 20px;
    font-size: 14px !important;
}
.accessibility-list{
    color:#000;
    list-style:none;
    line-height:1.8;
    padding-left: 10px;
    cursor:pointer;
}
.accessibility-item{
    margin-right:6px;
}
.pagina-acessivel{
	background-color: #111111 !important;
	color: #FFFFFF !important;
}
#pagina-acessivel a{
    color: #FFFFFF !important;
}
pagina-acessivel #article-details--wrapper{
    background-color: #111111 !important;
	color: #FFFFFF;
}
.pagina-acessivel p{
    color: #FFFFFF !important;
}
.pagina-acessivel span{
    color: #FFFFFF !important;
}
.pagina-acessivel input{
    color: #FFFFFF !important;
}
.pagina-acessivel div{
    color: #FFFFFF !important;
}
.pagina-acessivel-menu{
    background: #808080 !important;
}
.pagina-acessivel img{
    background: #808080 !important;
}
.pagina-acessivel h1, .pagina-acessivel h2, .pagina-acessivel h3, .pagina-acessivel h4, .pagina-acessivel h5{
	color: #FFFFFF !important;
}

.pagina-acessivel a, .pagina-acessivel h1 a, .pagina-acessivel h2 a, .pagina-acessivel h3 a, .pagina-acessivel h4 a, .pagina-acessivel h5 a ,.pagina-acessivel i{
	text-decoration: none;
	color: #fff !important;
}

.pagina-acessivel a:hover{
	text-decoration: underline;
}


.pagina-acessivel li a{
	color: 	#FFFFFF !important;
}

.pagina-acessivel li.active > a{
	color: 	#E53935 !important;
}
.grayscale{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}
.v-hidden{
  visibility: hidden;
}