/****** menus ********************************************************/

.nav ul {
	/*opacity: 0;*/
    display:none;
}


.nav li:hover ul,
.nav li:focus ul,
ul.menu-open {
	/*opacity: 1;*/
    display:block;
}

.nav li a {outline:none !important;}

.accss-instruction {position: absolute;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 20px;
    width: 300px;
}

.accss-instruction .tc-c {
    font-size:13px;
    margin-top:20px;
}

.accss-button-yes-no,.accss-button-pom-container {width:60px;float:left;}
.accss-button-yes-no[data-status='off']{background:#fff;border:1px solid #999;color:#000;}
.accss-button-yes-no[data-status='on']{background:#000;border:1px solid #fff;color:#fff;}
.accss-button-pom-container .accss-button-pom{width:47%;background:#fff;border:1px solid #999;color:#000;}
.accss-button-pom-container .accss-button-pom:first-of-type{margin-left:6%;}
.accss-btn-1,.accss-btn-2{background:#fff;border:1px solid #999;color:#000;margin:1%;}
.accss-btn-1 {width:48%;}
.accss-btn-2{width:31%;}

#Accessibility_Container {
    max-height:90% !important;
    overflow:auto;
}


/****** original ******/


#Accessibility_Btn {
    position: fixed;
    left: 0;
    cursor: pointer;
    left: 0px;
    width: unset;
    bottom: 5%;
    background-color: #f48e1a;
    border-radius: 0 50% 50% 0;
    padding: 0;
    z-index:999;
    border:0;
}
#Accessibility_Btn > img {
     width: 2rem;
}
#Accessibility_Container 
{
    top:70px;
    left: -300px;
    background-color: #fff;
    position: fixed;
    text-align: right;
    width: 300px;
    font-family: sans-serif;
    z-index:999;
}
.acc_p
{
    margin:8px 0;
}
#AccM_title
{
    font-size: 18px;
    background-color:#f48e1a;
    padding:3px;
    box-sizing: border-box;
}
#accessibility .instruction-row {font-size:14px;padding:3px;}
#reset {
    width: 35px;
    float: left;
    padding: 7px 0 0 10px;
    cursor: pointer;
    box-sizing: border-box;
}

.acc_p {
    padding: 5px;
    background-color: #fff;
    cursor: pointer;
}

/*/*/
#Accessibility_Container *:not(b) {
    /*border: solid black 1px;*/
}
div.PageJumpScroll {
    
    width: 80%;
    height: 50px;
    border: solid 1px;
    cursor: pointer;
    background-color: #fff;
    display: inline-block;
}
div.PageJumpScroll:hover {
    opacity: 0.5;
}
.text_size {
    margin-right: 15px;
    display: inline-block;
        border-radius: 15px;
}

.checkbox {
    text-align: center;
    border: solid black 1px;
    float: left;
    margin-top:0;
}
.btn_png {
    width: 35px;
    height: 35px;
}
#text_size_container {
    text-align: center;
}
.pages_img {
    float: left;
   height: 18px;
    border: solid black 1px;
        margin-left: 15px;
}

#acc_dec{text-align:center;}

/****special classes***/

.accessibility_container_eng .checkbox { float:right;}
.accessibility_container_eng .acc_p {text-align:left;}







/*************************************Constrast************************************/

body.accss-contrast, 
body.accss-contrast span,
body.accss-contrast div:not(.color),
body.accss-contrast font,
body.accss-contrast a,
body.accss-contrast table,
body.accss-contrast td,
body.accss-contrast footer,
body.accss-contrast input,
body.accss-contrast select,
body.accss-contrast textarea,
body.accss-contrast section,
body.accss-contrast form,
body.accss-contrast ul,
body.accss-contrast p,
body.accss-contrast ul li {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !Important;
	color:#ffcc33 !Important;
}

body.accss-contrast .section,
body.accss-contrast img,
body.accss-contrast .video,
body.accss-contrast input[type=image],
body.accss-contrast iframe {
    -webkit-filter: invert(1); 
    filter: invert(1);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
}

body.accss-contrast ul li {
    background-image: none !important;
}

body.accss-contrast input,
body.accss-contrast select,
body.accss-contrast textarea
{
    border:1px solid yellow;
}

body.accss-contrast *:focus {
    border: solid 2px yellow !important;
}
 
body.accss-contrast a[href], body.accss-contrast .accss-href {
    border:1px dashed yellow;
}

body.accss-contrast .accss-href a[href] {
    border:none !important;
}

/*********************************MonoChrome***************************************/

body.accss-monochrome/*,
body.accss-monochrome img,
body.accss-monochrome .video,
body.accss-monochrome iframe */ {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#toTop, #toTop img
{
    filter: none;
    filter:none;
    -webkit-filter: none;
}

.accessibility-labels
{
    display:block;
}

/*********************************Saturate****************************************/
body.accss-saturate
{
    -webkit-filter:saturate(800%);
    filter:saturate(800%);
}

/*********************************Links**************************************/
body.accss-links a { text-decoration:underline;    border: 2px dashed #999;
    padding: 10px 0;;line-height:115%;}


/*********************************Titles**************************************/
body.accss-titles h1,body.accss-titles h2 { text-decoration:underline; font-weight:bold;border: 2px dashed #999;
    padding: 10px 0;}

/*********************************Font****************************************/
body.accss-fontfamily, body.accss-fontfamily * { font-family:Arial !important;}



/*******************************************************************************/

.accss-displayInlineBlock {display:inline-block;}

#Accessibility_Btn, #Accessibility_Container {
                z-index: 9999999999999999999999;
            }

                #Accessibility_Btn > img {
                    width: 28px;
                }



@media screen and (max-width: 812px) {
    #Accessibility_Container {
        left: -300px;
        width: 300px;
    }
    #accessibility button{font-size:13px;}
}