﻿.currentTabFocus {
    outline: none !important;
    outline: 3px solid yellow !important;
}

    .currentTabFocus.doubleFocus {
        box-shadow: inset 0 0 0 3px yellow !important;
        outline: 3px solid yellow !important;
        display: inline-block;
    }

    .currentTabFocus.insetFocus {
        box-shadow: 0 0 0 0px, inset 0 0 0 3px yellow !important;
        outline: none !important;
    }

.skip-navigation {
    position: fixed;
    top: 0;
    left: -100%;
    padding: 0 0;
    text-align: center;
    width: 100vw;
    z-index: 999999;
}

    .skip-navigation:focus {
        top: 0;
        left: 0;
        padding: 10px 0;
        background: #e6e6e6;
    }

a.skip-navigation {
    text-decoration: underline;
}

.hidden-outline {
    outline: none !important;
}

.animated-shadow {
    transition: box-shadow 0.1s ease-in;
}

.onlyTextReader {
    position: fixed;
    left: -100%;
    top: 0;
}