.ch-color-label{float:left; margin:0; padding:0.5em 1em 0 0; }

/* Colors */
.vi-colors-v{list-style-type:none; margin:0; padding:0; position:relative; z-index:99999; float:left; }
.vi-colors-v .square{list-style-type: none; background: #fff !important;}


/* Change colors */

/* blue */
body.vi-colors.color-1.b-color, .vi-colors .color-1.init, .vi-colors .color-1 > .b-color, .vi-colors .color-1.b-color{background-color:blue; }
.vi-colors .color-1 > .t-subcolor, .vi-colors .color-1.t-subcolor{color:white !important; border-color:white !important;}
.vi-colors .color-1 > .t-color, .vi-colors .color-1.t-color{color:blue !important; border-color:blue !important; }
body.vi-colors.color-1.b-subcolor, .vi-colors .color-1 > .b-subcolor, .vi-colors .color-1.b-subcolor{background-color:white; }

/* green */
body.vi-colors.color-2.b-color, .vi-colors .color-2.init, .vi-colors .color-2 > .b-color, .vi-colors .color-2.b-color{background-color:green; }
.vi-colors .color-2 > .t-subcolor, .vi-colors .color-2.t-subcolor{color:black !important; border-color:black !important; }
.vi-colors .color-2 > .t-color, .vi-colors .color-2.t-color{color:green !important; border-color:green !important; } 
body.vi-colors.color-2.b-subcolor, .vi-colors .color-2 > .b-subcolor, .vi-colors .color-2.b-subcolor{background-color:black; }

/* orange */
body.vi-colors.color-3.b-color, .vi-colors .color-3.init, .vi-colors .color-3 > .b-color, .vi-colors .color-3.b-color{background-color:orange; }
.vi-colors .color-3 > .t-subcolor, .vi-colors .color-3.t-subcolor{color:black !important; border-color:black !important;}
.vi-colors .color-3 > .t-color, .vi-colors .color-3.t-color{color:orange !important; border-color:orange !important; }
body.vi-colors.color-3.b-subcolor, .vi-colors .color-3 > .b-subcolor, .vi-colors .color-3.b-subcolor{background-color:black; }
	
/* red */
body.vi-colors.color-4.b-color, .vi-colors .color-4.init, .vi-colors .color-4 > .b-color, .vi-colors .color-4.b-color{background-color:red; }
.vi-colors .color-4 > .t-subcolor, .vi-colors .color-4.t-subcolor{color:black !important; border-color:black !important; }
.vi-colors .color-4 > .t-color, .vi-colors .color-4.t-color{color:red !important; border-color:red !important; }
body.vi-colors.color-4.b-subcolor, .vi-colors .color-4 > .b-subcolor, .vi-colors .color-4.b-subcolor{background-color:black; }

/* black */
body.vi-colors.color-5.b-color, .vi-colors .color-5.init, .vi-colors .color-5 > .b-color, .vi-colors .color-5.b-color{background-color:black; }
.vi-colors .color-5 > .t-subcolor, .vi-colors .color-5.t-subcolor{color:white !important; border-color:white !important;}
.vi-colors .color-5 > .t-color, .vi-colors .color-5.t-color{color:black !important; border-color:black !important; }
body.vi-colors.color-5.b-subcolor, .vi-colors .color-5 > .b-subcolor, .vi-colors .color-5.b-subcolor{background-color:white; }



/*
*/



.ch-size-label{float:left; margin:0; padding:0.5em 1em 0 0; }
.vi-sizes{list-style-type:none; margin:0; padding:0; position:relative; z-index:99998; color:#555555; float:left; }
.vi-colors #colors li{border-style:solid; border-width:1px; border-color:#777777; }
.vi-colors #colors li.reload{border:0; }
#visually-impaired-box .reload{ cursor: pointer; }
body.size-1 > *, .vi-sizes .size-1{font-size:0.85em; }
body.size-2 > *, .vi-sizes .size-2{font-size:1em; }
body.size-3 > *, .vi-sizes .size-3{font-size:1.15em; }
body.size-4 > *, .vi-sizes .size-4{font-size:1.3em; }
body.size-5 > *, .vi-sizes .size-5{font-size:1.45em; }
body #visually-impaired-box{font-size:initial;float: right; }

/*
.body-size-1{font-size:0.85em; }
.body-size-2{font-size:1em; }
.body-size-3{font-size:1.15em; }
.body-size-4{font-size:1.3em; }
.body-size-5{font-size:1.45em; }
*/

   /*                
#visuallyimpaired_widget-2 {
    color: #000000;
    position: absolute;
    height: 60px;
    /*width: 760px;*
    width: 15em;
    left: 220px;
    top: 20px;
    line-height: 60px;
    font-weight: bold;
    z-index: 30;
}
*/

#visually-impaired-box > ul > li > ul > li{
   margin: 3px;
   cursor: pointer;
}
#visually-impaired-box > ul > li > ul{
   padding-top: 3px;
}
#visually-impaired-box > ul > li > ul > ul{
   display: flex;
   gap: 3px;
   padding: 0 3px 3px 3px;
}
#visually-impaired-box > ul > li > ul > ul > li{
   width: 100%;
   padding: 5px;
   cursor: pointer;
}