.off_screen {
    position:absolute !important; /* Outside the DOM flow */
    height:1px;
    width:1px; /* Nearly collapsed */
    overflow:hidden;
    clip:rect(1px 1px 1px 1px); /* IE 7+ only support clip without commas */
    clip:rect(1px, 1px, 1px, 1px); /* All other browsers */
}

/*-- side bar --*/
#wrapper_side_bar {
    position:fixed;
    top:16%;
    right:0em;
    z-index:189;
    width:50px;
}

    #wrapper_side_bar ul {
        position:relative;
        margin:0em;
        padding:0em;
        background-color:#000000;
        list-style:none;
	}
	        
	    #wrapper_side_bar li {
            margin:0em;
            padding:0em;
	    }	  

	        #wrapper_side_bar a {
                display:block;
                color:#333333;
                font-size:.8em;
                text-align:center;
                padding:10px;
                margin:0em;
                background-color:#0888ca;
                border:2px #0888ca solid;
	        }

            #wrapper_side_bar li:hover {
                opacity:.7;
            }

            #wrapper_side_bar li.accessibility {
                
            }

                #wrapper_side_bar li.accessibility img {
                    height:20px;
		    display:block;
		    margin:0px auto;
                }    
                
            #wrapper_side_bar li.search_icon  {
                background-color:#9fcc3b;    
            }

                #wrapper_side_bar .material-icons {
                    color:#FFFFFF;
                    padding:0em;
                    margin:0em;
                }

#wrapper_side_bar a:focus {
    border:2px #FFFFFF solid;
}

/* end side bar */

/* start accessibility */

    #accessibility_font_size h2 {
        margin:0px;
    }

    #accessibility_font_size h3,
    #accessibility_font_color h3 {
        font-size:1em;
        font-weight:600;
    }

    #accessibility_font_size ul,
    #accessibility_font_color ul {
        margin:0px;
        padding:0px;
        list-style:none;
    }

        #accessibility_font_size li,
        #accessibility_font_color li {
            display:inline-block;
            margin:0px 0px 14px 0px;
            padding:0px;
            width:19%;
            border:1px #c9c9c9 solid;
            text-align:center;
            box-sizing:border-box;
            -moz-box-sizing:border-box;
            -webkit-box-sizing:border-box;
            overflow:hidden;
            vertical-align:top;
        }

    #accessibility_font_size,
    #accessibility_font_color {
        clear:both;
        margin:0em;
    }

        #accessibility_font_size a,
        #accessibility_font_color a {
            display:inline-block;
            margin:0em;
            color:#000000;
            width:100%;
            height:60px;
            padding-top:30px;
            text-align:center;
            vertical-align:top;
            background-color:#FFFFFF;
        }

        #accessibility_font_size a:focus,
        #accessibility_font_color a:focus {
            text-decoration:underline;
        }

            #accessibility_font_size li:nth-child(1) { font-size:18px; }                    /* 100% */
            #accessibility_font_size li:nth-child(2) { font-size:19.8px; }                  /* 110% */
            #accessibility_font_size li:nth-child(3) { font-size:21.599999999999998px; }    /* 120% */
            #accessibility_font_size li:nth-child(4) { font-size:23.400000000000002px; }    /* 130% */
            #accessibility_font_size li:nth-child(5) { font-size:25.2px; }                  /* 140% */
            #accessibility_font_size li:nth-child(6) { font-size:27px; }                    /* 150% */
            #accessibility_font_size li:nth-child(7) { font-size:31.5px; }                  /* 175% */
            #accessibility_font_size li:nth-child(8) { font-size:36px; }                    /* 200% */

            #accessibility_font_color .default_style { color:black; background-color:white; }

            #accessibility_font_color .yellow_style_1 { color:yellow; background-color:white; }
            #accessibility_font_color .yellow_style_2 { color:yellow; background-color:blue; border-color:blue; }
            #accessibility_font_color .yellow_style_3 { color:yellow; background-color:black; border-color:black; }

            #accessibility_font_color .green_style_1 { color:green; background-color:white; }
            #accessibility_font_color .green_style_2 { color:green; background-color:darkblue; border-color:darkblue; }
            #accessibility_font_color .green_style_3 { color:green; background-color:black; border-color:black; }

            #accessibility_font_color .white_style_1 { color:white; background-color:black; border-color:black; }
            #accessibility_font_color .white_style_2 { color:white; background-color:gray; border-color:gray; }
            #accessibility_font_color .white_style_3 { color:white; background-color:darkred; border-color:darkred; }

    #container_accessibility_settings_content .logo {
        margin:4em 0em 0em 0em;
        padding:4em 0em 0em 0em;
        border-top:1px #efefef solid;
        text-align:center;
    }

/* end side accessibility */

/* responsive */
@media (max-width:479px) {
    #accessibility_font_size,
    #accessibility_font_color {
        text-align:center;
    }

    #accessibility_font_size li,
    #accessibility_font_color li {
        width:98% !important;
    }
}

@media (max-width:1023px) {
    #wrapper_side_bar {
        top:auto;
        right:auto;
        bottom:20px;
        left:0px;
    }
}

@media (min-width:480px) and (max-width:639px) {
    #accessibility_font_size li,
    #accessibility_font_color li {
        width:47% !important;
    }
}

@media (min-width:640px) and (max-width:767px) {
    #accessibility_font_size li,
    #accessibility_font_color li {
        width:32% !important;
    }
}

@media (min-width:1024px) and (max-width:1280px) {
    #accessibility_font_size li,
    #accessibility_font_color li {
        width:32% !important;
    }
}