#accessibility-toolbar.accessibility-toolbar-right.accessibility-toolbar-open {
    right: 0;
}
#accessibility-toolbar.accessibility-toolbar-open #accessibility-toolbar-overlay{
    display: block;
}
#accessibility-toolbar #accessibility-toolbar-overlay{
    display: none;
}
#accessibility-toolbar.accessibility-toolbar-right {
    right: -220px;
    -webkit-transition: right 750ms cubic-bezier(.23, 1, .32, 1);
    -moz-transition: right 750ms cubic-bezier(.23, 1, .32, 1);
    -o-transition: right 750ms cubic-bezier(.23, 1, .32, 1);
    transition: right 750ms cubic-bezier(.23, 1, .32, 1);
}
#accessibility-toolbar {
    top: 130px !important;
}

#accessibility-toolbar {
    position: fixed;
    height: 100%;
    line-height: 1.4;
    z-index: 990;
}
#accessibility-toolbar .accessibility-toolbar-toggle button {
    display: inline-block;
    font-size: 200%;
    line-height: 0;
    padding: 10px 0px 10px 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    background-color: rgb(36, 96, 173);
    color: #ffffff;
    border-radius: 26px 0 0px 26px;
    height: 1.4em;
}

#accessibility-icon {
    background: url(./img/accessibility.svg);
    width: 24px;
    height: 24px;
    background-size: 100%;
}

#accessibility-toolbar.accessibility-toolbar-open .accessibility-toolbar-overlay {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
#accessibility-toolbar .accessibility-toolbar-overlay {
    background-color: #ffffff;
}
#accessibility-toolbar .accessibility-toolbar-overlay, #accessibility-toolbar .accessibility-toolbar-overlay ul.accessibility-toolbar-items {
    border-color: #4054b2;
}
#accessibility-toolbar .accessibility-toolbar-overlay {
    border: 1px solid;
    font-size: 100%;
    width: 220px;
    direction: rtl;

    /*for small screens support*/
    max-height: calc(100% - 130px);
    overflow: auto;
    height: 400px;
}
#accessibility-toolbar .accessibility-toolbar-overlay p.accessibility-toolbar-title {
    color: #333333;
}
#accessibility-toolbar .accessibility-toolbar-overlay p.accessibility-toolbar-title {
    display: block;
    line-height: 2;
    font-weight: bold;
    padding: 10px 15px 0;
    margin: 0;
}
#accessibility-toolbar .accessibility-toolbar-overlay ul.accessibility-toolbar-items {
    list-style: none;
    margin: 0;
}

#accessibility-toolbar .accessibility-toolbar-overlay ul.accessibility-toolbar-items li.accessibility-toolbar-item button, #accessibility-toolbar .accessibility-toolbar-overlay p.accessibility-toolbar-title {
    color: #333333;
}
#accessibility-toolbar .accessibility-toolbar-overlay ul.accessibility-toolbar-items li.accessibility-toolbar-item button {
    display: block;
    padding: 10px 7px;
    line-height: 1;
    height: calc(1.5em + 20px);
    width: 100%;
    text-align: right;
    font-size: 0.835rem;
    box-sizing: border-box;
}
.accessibility-toolbar-item button.active{
    background: rgba(0, 0, 0, 0.3);
}
body.rtl #accessibility-toolbar .accessibility-toolbar-overlay ul.accessibility-toolbar-items li.accessibility-toolbar-item button svg {
    padding-left: 6px;
    padding-right: 0;
}
#accessibility-toolbar .accessibility-toolbar-overlay ul.accessibility-toolbar-items li.accessibility-toolbar-item button svg {
    padding-left: 6px;
    display: inline-block;
    width: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-size: inherit;
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    vertical-align: middle;
}
#accessibility-toolbar .accessibility-toolbar-toggle {
    position: absolute;
}
#accessibility-toolbar.accessibility-toolbar-right .accessibility-toolbar-toggle {
    right: 220px;
}

html.sepia>:not(#enable-toolbar) {
    -ms-filter: sepia(100%);
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}
html.monochrome>:not(#enable-toolbar) {
    -ms-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
html.invert>:not(#enable-toolbar) {
    -ms-filter: invert(100%);
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

html.keyboard-navigation a:focus,
html.keyboard-navigation button:focus,
html.keyboard-navigation video:focus,
html.keyboard-navigation input:focus,
html.keyboard-navigation textarea:focus,
html.keyboard-navigation .button:focus{
    background-color: #fffdb8!important;
    color: #333!important;
}

html.readable-font {
    font-family: Arial, Helvetica, sans-serif!important;
}

html.large-font {
    font-size: 130%;
}

html.large-font #tf-services .line1,html.large-font #tf-services .line2 {
    height: 30vw;
}

html.medium-font {
    font-size: 115%;
}

html.medium-font #tf-services .line1,html.medium-font #tf-services .line2 {
    height: 25vw;
}

html.high-contrast a,
html.high-contrast article,
html.high-contrast aside,
html.high-contrast basefont,
html.high-contrast bdi,
html.high-contrast big,
html.high-contrast blockquote,
html.high-contrast button,
html.high-contrast canvas,
html.high-contrast caption,
html.high-contrast center,
html.high-contrast code,
html.high-contrast col,
html.high-contrast colgroup,
html.high-contrast dd,
html.high-contrast del,
html.high-contrast details,
html.high-contrast dir,
html.high-contrast div,
html.high-contrast dl,
html.high-contrast dt,
html.high-contrast embed,
html.high-contrast fieldset,
html.high-contrast figcaption,
html.high-contrast figure,
html.high-contrast font,
html.high-contrast footer,
html.high-contrast form,
html.high-contrast header,
html.high-contrast hgroup,
html.high-contrast html,
html.high-contrast iframe,
html.high-contrast img,
html.high-contrast input,
html.high-contrast ins,
html.high-contrast kbd,
html.high-contrast label,
html.high-contrast legend,
html.high-contrast li,
html.high-contrast main,
html.high-contrast mark,
html.high-contrast menu,
html.high-contrast meter,
html.high-contrast nav,
html.high-contrast nobr,
html.high-contrast object,
html.high-contrast ol,
html.high-contrast option,
html.high-contrast output,
html.high-contrast p,
html.high-contrast pre,
html.high-contrast progress,
html.high-contrast q,
html.high-contrast rb,
html.high-contrast rp,
html.high-contrast rt,
html.high-contrast ruby,
html.high-contrast s,
html.high-contrast samp,
html.high-contrast section,
html.high-contrast select,
html.high-contrast small,
html.high-contrast span,
html.high-contrast strike,
html.high-contrast sub,
html.high-contrast summary,
html.high-contrast sup,
html.high-contrast svg,
html.high-contrast table,
html.high-contrast tbody,
html.high-contrast td,
html.high-contrast text,
html.high-contrast textarea,
html.high-contrast th,
html.high-contrast thead,
html.high-contrast time,
html.high-contrast tr,
html.high-contrast tt,
html.high-contrast ul,
html.high-contrast var,
html.high-contrast video,
html.high-contrast input::-webkit-input-placeholder,
html.high-contrast input::-moz-placeholder,
html.high-contrast input:-ms-input-placeholder,
html.high-contrast input:-moz-placeholder {
    color: #fff !important;
}
html.high-contrast img,
html.high-contrast figure,
html.high-contrast div{
    background-color: transparent!important;
}
html.high-contrast,
html.high-contrast a,
html.high-contrast abbr,
html.high-contrast acronym,
html.high-contrast address,
html.high-contrast article,
html.high-contrast aside,
html.high-contrast b,
html.high-contrast basefont,
html.high-contrast bdi,
html.high-contrast big,
html.high-contrast blockquote,
html.high-contrast body,
html.high-contrast button,
html.high-contrast canvas,
html.high-contrast caption,
html.high-contrast center,
html.high-contrast cite,
html.high-contrast code,
html.high-contrast col,
html.high-contrast colgroup,
html.high-contrast dd,
html.high-contrast del,
html.high-contrast details,
html.high-contrast dfn,
html.high-contrast dir,
html.high-contrast div,
html.high-contrast dl,
html.high-contrast dt,
html.high-contrast em,
html.high-contrast embed,
html.high-contrast fieldset,
html.high-contrast figcaption,
html.high-contrast figure,
html.high-contrast font,
html.high-contrast footer,
html.high-contrast form,
html.high-contrast h1,
html.high-contrast h1 a,
html.high-contrast h1 a b,
html.high-contrast h1 abbr,
html.high-contrast h1 b,
html.high-contrast h1 center,
html.high-contrast h1 em,
html.high-contrast h1 i,
html.high-contrast h1 span,
html.high-contrast h1 strong,
html.high-contrast h2,
html.high-contrast h2 a,
html.high-contrast h2 a b,
html.high-contrast h2 abbr,
html.high-contrast h2 b,
html.high-contrast h2 center,
html.high-contrast h2 em,
html.high-contrast h2 i,
html.high-contrast h2 span,
html.high-contrast h2 strong,
html.high-contrast h3,
html.high-contrast h3 a,
html.high-contrast h3 a b,
html.high-contrast h3 abbr,
html.high-contrast h3 b,
html.high-contrast h3 center,
html.high-contrast h3 em,
html.high-contrast h3 i,
html.high-contrast h3 span,
html.high-contrast h3 strong,
html.high-contrast h4,
html.high-contrast h4 a,
html.high-contrast h4 a b,
html.high-contrast h4 abbr,
html.high-contrast h4 b,
html.high-contrast h4 center,
html.high-contrast h4 em,
html.high-contrast h4 i,
html.high-contrast h4 span,
html.high-contrast h4 strong,
html.high-contrast h5,
html.high-contrast h5 a,
html.high-contrast h5 a b,
html.high-contrast h5 abbr,
html.high-contrast h5 b,
html.high-contrast h5 center,
html.high-contrast h5 em,
html.high-contrast h5 i,
html.high-contrast h5 span,
html.high-contrast h5 strong,
html.high-contrast h6,
html.high-contrast h6 a,
html.high-contrast h6 a b,
html.high-contrast h6 abbr,
html.high-contrast h6 b,
html.high-contrast h6 center,
html.high-contrast h6 em,
html.high-contrast h6 i,
html.high-contrast h6 span,
html.high-contrast h6 strong,
html.high-contrast header,
html.high-contrast hgroup,
html.high-contrast html,
html.high-contrast i,
html.high-contrast input,
html.high-contrast ins,
html.high-contrast kbd,
html.high-contrast label,
html.high-contrast legend,
html.high-contrast li,
html.high-contrast main,
html.high-contrast mark,
html.high-contrast menu,
html.high-contrast meter,
html.high-contrast nav:not(#accessibility-toolbar):not(.subheader),
html.high-contrast nobr,
html.high-contrast object,
html.high-contrast ol,
html.high-contrast option,
html.high-contrast output,
html.high-contrast p,
html.high-contrast pre,
html.high-contrast progress,
html.high-contrast q,
html.high-contrast rb,
html.high-contrast rp,
html.high-contrast rt,
html.high-contrast ruby,
html.high-contrast s,
html.high-contrast samp,
html.high-contrast section,
html.high-contrast small,
html.high-contrast span,
html.high-contrast strike,
html.high-contrast strong,
html.high-contrast sub,
html.high-contrast summary,
html.high-contrast sup,
html.high-contrast svg,
html.high-contrast table,
html.high-contrast tbody,
html.high-contrast td,
html.high-contrast text,
html.high-contrast textarea,
html.high-contrast th,
html.high-contrast thead,
html.high-contrast time,
html.high-contrast tr,
html.high-contrast tt,
html.high-contrast u,
html.high-contrast ul,
html.high-contrast var,
html.high-contrast video {
    /*background: #000!important;*/
    background-color: #000!important;
    border-color: white !important;
}
html.high-contrast .bot-wrapper {
    background: #000 !important;
}
html.high-contrast #jumping-dots > div{
    background: white !important;
}

html.high-contrast button:not(.expander),
html.high-contrast input,
html.high-contrast textarea,
html.high-contrast .bubble{
    border: 1px solid white !important;
}
html.high-contrast button,
html.high-contrast h1,
html.high-contrast h2,
html.high-contrast h3{
    color: yellow !important;
}
html.high-contrast *{
    color: white !important;
}

html.high-contrast .onoffswitch-switch {
    background-color: yellow !important;
}
html.high-contrast a{
    color: greenyellow !important;
}
/*body was added to selector for overriding high-contrast style*/
html.highlight-titles body .title,
html.highlight-titles body h1,
html.highlight-titles body h1 *,
html.highlight-links body h1 strong,
html.highlight-titles body h2,
html.highlight-titles body h2 *,
html.highlight-titles body h3,
html.highlight-titles body h3 *,
html.highlight-titles body h4,
html.highlight-titles body h4 *,
html.highlight-titles body h5,
html.highlight-titles body h5 *,
html.highlight-titles body h6,
html.highlight-titles body h6 * {
    font-weight: 900;
    background-color: #d4ff32!important;
    border-radius: 4px;
    color: black!important;
}
html.highlight-links a {
    text-decoration: underline!important;
    color:red !important;
}
.large-page #accessibility-toolbar{
    zoom: 0.75;
}

#subHeadButton {
    border: none !important;
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.high-contrast-image {
    display: none;
}
html.high-contrast .high-contrast-image {
    display: block;
}
html.high-contrast .regular-contrast-image {
    display: none;
}