:root {
    --main-color: #2690cd;
    --main-color-10-darker: #2382b9;
    --main-color-20-darker: #1f74a4;
    --main-color-30-darker: #004481;

    --main-color-10-lighter: #349dd9;
    --main-color-20-lighter: #4aa7dd;
    --main-color-30-lighter: #61b2e1;
    --main-color-40-lighter: #77bde5;
    --main-color-50-lighter: #8ec8ea;
    --main-color-60-lighter: #a4d3ee;
    --main-color-70-lighter: #bbdef2;
    --main-color-80-lighter: #d1e9f6;
    --main-color-90-lighter: #e8f4fa;
    --main-color-97-lighter: #f8fbfd;

    --main-apptec-grey: #596171;
    --main-apptec-orange: orange;
    --main-apptec-green: #35b316;
    --main-apptec-green-lighter: #5fe73e;
    --main-apptec-yellow: #efbf3d;
    --main-apptec-red: #cb4e40;
    --main-apptec-blue: #2690cd;
    --main-apptec-red-hover: #B93C2E;
    --main-apptec-red-active: #95180A;
    --main-apptec-dark-grey: #3c3c3c;
    --main-apptec-black: #323232;
    --main-apptec-light-grey: #C0C0C0;
    --main-apptec-dashboard-grey: #4D4D4D;
    --main-apptec-footer-dashboard-hover: #3E3E3E;
    --main-apptec-footer-dashboard-active: #343434;
    --main-apptec-footer-saveChanges-hover: #1C9A00;
    --main-apptec-footer-saveChanges-active: #028000;
    --main-notification-circle-color: #2690cd;
    --main-footer-size: 46px;
    --main-header-icon-size: 34px;
    --main-header-size: 46px;
    --main-active: rgba(14, 122, 185, 0.87);
    --footer-button-transition: .2s;
    --footer-button-transition-type: ease-out;

    --command-status-successful: #35b316;
    --command-status-failed: #cb4e40;
    --command-status-discarded: #C0C0C0;
    --command-status-pending: orange;
    --command-status-repush: #efce4a;
}

::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-thumb {
    height: 30%;
    min-height: 20px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: var(--main-color);
}

::-webkit-scrollbar-track {
    /*  background-color: black; */
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

.chosen-drop::-webkit-scrollbar-track {
    background-color: white;
}

::-webkit-scrollbar-thumb:horizontal:hover,
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:active,
::-webkit-scrollbar-thumb:vertical:active {
    background-color: var(--main-color-30-lighter) !important;
}

* {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: var(--main-color) transparent;
}

.pointer {
    cursor: pointer !important;
}

.cursor-help {
    cursor: help !important;
}

.blackIcon {
    fill: black !important;
}

.whiteIcon {
    fill: white !important;
}

.redIcon {
    fill: var(--main-apptec-red) !important;
}

.yellowIcon {
    fill: var(--main-apptec-yellow) !important;
}

.greenIcon {
    fill: var(--main-apptec-green) !important;
}

.greyIcon {
    fill: #a3a3a3 !important;
}

.orangeIcon {
    fill: orange !important;
}

.orangeIcon {
    fill: var(--main-apptec-orange) !important;
}

#loading-wrapper {
    display: none;
}

#loading-text-wrapper {
    z-index: 1002;
    text-align: center;
    font-weight: bold;
    position: absolute;

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

#loading-text {
    margin: 0;
    color: white;
    font-size: 14px;
}

#loading-wrapper.showApptecAction {
    background-image: url("../../images/apptec.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #444444;
}

/* Animations */
/* Roller */
.lds_roller_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    overflow: hidden;
}

.lds_roller_wrapper:not(.full_height) {
    height: auto;
}

.lds_roller_wrapper.full_height,
.lds_roller_wrapper.loading_background .opaqueBackground,
#loading-wrapper {
    height: 100%;
}

.lds_roller_wrapper.loading_background .opaqueBackground {
    background-color: #444444;
    opacity: 0.7;
}

.lds_roller_wrapper p {
   font-size: 1.2em;
}

#loading-wrapper,
.lds_roller_wrapper.loading_background,
.lds_roller_wrapper.loading_background .opaqueBackground {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

#loading-wrapper,
.lds_roller_wrapper.loading_background {
    z-index: 6000;
}

.lds-roller {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: -4px 0 0 -4px;
    background: white;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Ring */
.lds-ring {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    border: 5px solid var(--main-color);
    border-radius: 50%;
    animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--main-color) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.2s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.1s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Import roboto files */
/* roboto-100 - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/roboto/roboto-v20-latin-100.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Thin'), local('Roboto-Thin'),
        url('../fonts/roboto/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-100.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-100.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-100.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-100.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-100italic - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/roboto/roboto-v20-latin-100italic.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
        url('../fonts/roboto/roboto-v20-latin-100italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-100italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-100italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-100italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-100italic.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-300 - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto/roboto-v20-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
        url('../fonts/roboto/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-300.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-300italic - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/roboto/roboto-v20-latin-300italic.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
        url('../fonts/roboto/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-300italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-300italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-300italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-300italic.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-regular - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto/roboto-v20-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
        url('../fonts/roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-regular.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-italic - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto/roboto-v20-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Italic'), local('Roboto-Italic'),
        url('../fonts/roboto/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-italic.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-500 - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto/roboto-v20-latin-500.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('../fonts/roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-500.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-500italic - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/roboto/roboto-v20-latin-500italic.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
        url('../fonts/roboto/roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-500italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-500italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-500italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-500italic.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-700 - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto/roboto-v20-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../fonts/roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-700.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-700italic - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto/roboto-v20-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
        url('../fonts/roboto/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-700italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-700italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-700italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-700italic.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-900 - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/roboto/roboto-v20-latin-900.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Black'), local('Roboto-Black'),
        url('../fonts/roboto/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-900.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-900.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-900.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-900.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-900italic - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/roboto/roboto-v20-latin-900italic.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
        url('../fonts/roboto/roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/roboto/roboto-v20-latin-900italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-900italic.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/roboto/roboto-v20-latin-900italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/roboto/roboto-v20-latin-900italic.svg#Roboto') format('svg');
    /* Legacy iOS */
}

.chartCanvasParent canvas,
.dashboardChartCanvasParent canvas {
    height: 100% !important;
    width: 100% !important;
}

.custom_alert_message {
    width: 70vw;
    margin-left: 15vw;
    height: auto;
    background-color: white;
    z-index: 1001;
    position: absolute;
    top: 0;
    border-radius: 5px;
}

.custom_alert_message * {
    box-sizing: border-box;
}

.custom_alert_wrapper {
    width: 100%;
    padding: 10px;
    height: auto;
}

.custom_alert_message_text {
    font-size: 18px;
    margin-left: 20px;
    text-align: center;
}

.custom_alert_message_text.successful {
    color: var(--main-apptec-green) !important;
}

.custom_alert_message_text.failure {
    color: var(--main-apptec-red) !important;
}

.custom_alert_message_text.info {
    color: var(--main-apptec-blue) !important;
}

.custom_alert_message_image svg {
    height: 24px;
    width: 24px;
}

.justifyContentCenter {
    justify-content: center;
}

.hiddenImportant {
    display: none !important;
}

.fill_with_green {
    fill: var(--main-apptec-green) !important;
}

.fill_with_red {
    fill: var(--main-apptec-red) !important;
}

.fill_with_yellow {
    fill: var(--main-apptec-yellow) !important;
}

.fill_with_grey {
    fill: var(--main-apptec-grey) !important;
}

.fill_with_blue {
    fill: var(--main-apptec-blue) !important;
}

.reportingReportData_not_available_message,
.dashboardData_not_available_message {
    height: 100%;
    width: 100%;
}

.toggleWrapper * {
    cursor: pointer !important;
}

@font-face {
    font-family: 'IcoMoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.svg#IcoMoon') format('svg'),
        url('../fonts/icomoon.woff') format('woff'),
        url('../fonts/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Add the following classes to your stylesheet if you want to use data attributes for inserting your icons */
.iconmoona:after {
    font-family: 'IcoMoon';
    content: attr(data-icon);
}

.iconmoonb:before {
    font-family: 'IcoMoon';
    content: attr(data-icon);
}

span.icoInline {
    display: flex;
}

span.icoInline > span {
    padding-left: 1ex;
}

.reportIcon {
    height: 28px;
    vertical-align: middle;
    width: 28px;
}

.reportCategory .arrow_up,
.reportCategory .arrow_down,
.collapseButton .arrow_up,
.collapseButton .arrow_down,
.actionEntry .arrow_down,
.actionEntry .arrow_up,
#filterArrow svg,
.username .arrow_down {
    height: 20px;
    width: 20px;
}

.collapsible:not(.open) .arrow_up,
.collapsible.open .arrow_down,
.sub-actions-wrapper:not(.open) .arrow_up,
.sub-actions-wrapper.open .arrow_down,
#filterArrow:not(.searchFiltersActive) .arrow_up,
#filterArrow.searchFiltersActive .arrow_down,
.contentCollapse:not(.open) .collapseButton .arrow_down,
.contentCollapse.open > .contentCollapseHeader > .collapseButton .arrow_up {
    display: none;
}

#filterArrow {
    height: auto;
    width: auto;
    padding: 5px;
}

#filterArrow svg,
.username .arrow_down {
    margin-left: 5px;
}

.username .arrow_down {
    margin-right: 5px;
}

.unlockForm svg.unlockIcon,
.unlockFormUnlocked svg.lockIcon {
    display: none;
}

.buttonwrapper,
.buttonWrapperThreeChoices {
    display: flex;
    justify-content: flex-end;
}

#dialogButtonWrapper .button,
#dialogButtonWrapper button,
.buttonWrapperThreeChoices button {
    width: 100%;
    max-width: 50%;
}

#dialogButtonWrapper .button:not(:last-of-type),
#dialogButtonWrapper button:not(:last-of-type),
.buttonWrapperThreeChoices button:not(:last-of-type) {
    margin-right: 5px !important;
}

#dialogButtonWrapper .button:not(:first-of-type),
#dialogButtonWrapper button:not(:first-of-type),
.buttonWrapperThreeChoices button:not(:first-of-type) {
    margin-left: 5px !important;
}

/* List */
ul.newListStructure {}

ul.newListStructure li {
    display: list-item;
    list-style-type: disc;
    margin-left: 15px;
    padding: 2px 0;
}

/*  */

/* Ordered list */
/* ol.newNumericListStructure {} */

ol.newNumericListStructure li {
    display: list-item;
    list-style-type: decimal;
    margin-left: 15px;
    padding: 2px 0;
}

/*  */

.newstyleh1 {
    font-size: 2.8em;
    color: #616365;
    font-weight: 200;
    margin-bottom: 10px;
}

.newstyleh2 {
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 300;
    margin: 10px 0;
    padding-left: 10px;
    border-left-width: 5px;
    border-left-style: solid;
}

.newstyleh3 {
    font-size: 1.3em;
    font-weight: 300;
    margin: 8px 0;
    padding-left: 10px;
    border-left-width: 3px;
    border-left-style: solid;
}

.newstyleh2,
.newstyleh3 {
    color: var(--main-color-20-darker);
    border-left-color: var(--main-color);
}

.notSelect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.visibilityIcon svg {
	fill: #333333;
}