a.button {
    -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; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

a, a:visited {
    color: unset;
}

.dropdownIcon {
    position: unset !important;
}

.searchBarClient {
    color: black !important;
}

@media screen and (max-width: 827px) {
    /*.searchBarClient {
        color: grey !important;
    }*/

    .app-bar {
        width: 100%;
    }
}

.panel {
    background-color: #e8f1f4 !important;
}

.topMargin {
    margin-top: 62px;
}

@media screen and (max-width: 800px) {
    .app-bar.fixed-top {
        position: relative !important;
    }

    .topMargin {
        margin-top: 0 !important;
    }
}

/*@media screen and (max-width: 500px) {
            .app-bar {
                width: 400px;
            }
        }*/

@media print {
    #menuBar {
        display: none !important;
    }

    .heading {
        display: none !important;
    }
}

span[class='check'][disabled] {
    background-color: #ebebe4 !important;
}

.panel > .heading > .icon {
    background-color: #1ba1e2 !important;
}

.showOnPhone {
    display: none;
}

.hideOnPhone {
    display: initial;
}

@media screen and (max-width: 600px) {
    .showOnPhone {
        display: initial;
    }

    .hideOnPhone {
        display: none;
    }
}


/* This is to show json */
pre {outline: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    background-color: white;}
.string {color: green;}
.number {color: darkorange;}
.boolean {color: blue;}
.null {color: magenta;}
.key {color: red;}