﻿.openAccessibility {
    position: fixed;
    color: #fff !important;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 9999999999;
    cursor: pointer;
    top: 4px;
    left: 0;
}

.access_img {
    /*background-image: url(https://v2.mk-sense.com/aportal/storage/e8263ad3-bfaa-400f-a729-0eb0315fe239/menu_icon);*/
    background-image: url('../images/accessibilityIcon.png');
    width: 40px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
}

.access_img_black {
    background-image: url('../images/accessibilityIconBlack.png') !important;
}

body.accessibilityMode input:-moz-focusring {
    outline: 2px solid grey !important;
}

body.accessibilityMode textarea:-moz-focusring {
    outline: 2px solid grey !important;
}

body.accessibilityMode button:-moz-focusring {
    outline: 2px solid grey !important;
}

body.accessibilityMode a:-moz-focusring {
    outline: 2px solid grey !important;
}

body.accessibilityMode input {
    border: 1px solid #000 !important;
}

body.accessibilityMode textarea {
    border: 1px solid #000 !important;
}

body.accessibilityMode select {
    border: 1px solid #000 !important;
}

body.accessibilityMode div, span :not(input[type="button"] p) {
    color: #000 !important;
    background-color: white !important;
    border-color: #000 !important;
    /*background-image: none !important;*/
}

body.accessibilityMode div {
    color: #000 !important;
    background-color: white !important;
    border-color: #000 !important;
    /*background-image: none !important;*/
}

body.accessibilityMode input[type=button] {
    color: white !important;
    background-color: #000 !important;
    border-color: #000 !important;
    /*background-image: none !important;*/
}

body.accessibilityMode button {
    color: white !important;
    background-color: #000 !important;
    border-color: #000;
    /*background-image: none !important;*/
}

body.accessibilityMode {
    color: #000 !important;
    background-color: white !important;
    border-color: #000 !important;
    /*background-image: none !important;*/
}

body.accessibilityMode input ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1; /* Firefox */
}

body.accessibilityMode input :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
}

body.accessibilityMode input ::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
}

.screenReaderText {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(1px 1px 1px 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
    -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
    overflow: hidden !important;
}