body {
    margin: 0;
    padding: 0;
    font-size: 150% !important;
}

html, body, .x-scroll-container {
    overflow: auto !important;
    overscroll-behavior: contain !important;
}

.x-picker-slot .x-dataview-item {
    padding: 0 8px !important;
}

.fileInputOverride {
    width: 110px;
    font: normal 20px arial;
    border: none;
    float: right;
    position: relative;
    top: 4px;
    left: -60px;
}

#cameraPlaceholderInput_obj .x-component-outer {
    position: static !important;
}

.cameraPlaceholder {
    position: relative;
}

input[type="text"]:disabled {
    background-color: #fff;
}

::-webkit-scrollbar {
    width: 15px;
    background: white;
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 99px rgba(0,0,0,.2);
    border: solid transparent;
    border-width: 6px 4px;
}

html, body {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

:-webkit-full-screen-document {
}
/* A full-screen element that is not the root element should be stretched to cover the viewport. */
:-webkit-full-screen:not(:root) {
    width: 90% !important;
    float: none !important;
}

:-webkit-full-screen .tohide {
    display: none;
}

:-moz-full-screen:not(:root) {
    width: 90% !important;
    float: none !important;
}

:-moz-full-screen #fs-inner {
    display: table-cell;
    vertical-align: middle;
}

:-moz-full-screen #ext-viewport {
    width: 90%;
    margin: auto;
}

:-moz-full-screen video {
    width: 100%;
}

:-moz-full-screen .tohide {
    display: none;
}

#ext-element-4:-moz-full-screen {
    display: table;
    margin: auto;
    float: none;
    width: 100%;
    height: 100%;
}

#ext-element-4 {
    float: right;
}

#ext-viewport {
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#mainTabBarObj {
    font-size: 19px;
}

.x-form-label span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.ticket_date {
    float: right;
}

.ticket_date {
    float: right;
    color: #333;
    font-size: 20px;
    padding-top: 4px;
}

#wifi_error {
    font-family: Pictos;
    position: fixed;
    background: #f0941e;
    width: 40px;
    height: 62px;
    right: 0px;
    z-index: 99999;
    font-size: 26px;
    text-shadow: rgba(0,0,0,0.5) 0 -0.08em 0;
    color: #fff;
    cursor: pointer;
    display: block !important;
    top: 0;
    padding-top: 15px;
    text-align: right;
    padding-right: 5px;
}

    #wifi_error.success {
        background: #6c9804;
    }

#op_q, #op_q2, #or_q, #op_q4, #op_q5 {
    margin-top: 2px;
    background: none;
    border: none;
    font-size: 15px;
    color: #63b4ec;
    min-width: 57px;
    display: block !important;
    text-shadow: rgba(0,0,0,0.5) 0 -0.08em 0;
}

    #op_q .x-button-label, #op_q2 .x-button-label, #or_q .x-button-label, #op_q4 .x-button-label, #op_q5 .x-button-label {
        font-size: 10px;
        margin-left: 0;
        margin-top: 2px;
    }

    #op_q .x-button-icon, #op_q2 .x-button-icon, #or_q .x-button-icon, #op_q4 .x-button-icon, #op_q5 .x-button-icon {
        margin-top: 5px;
        width: 34px;
    }

    #op_q:hover .x-button-label, #op_q2:hover .x-button-label, #op_q:active .x-button-label, #op_q2:active .x-button-label, #or_q:hover .x-button-label, #op_q4:hover .x-button-label, #or_q:active .x-button-label, #op_q4:active .x-button-label, #op_q5:hover .x-button-label, #op_q5:active .x-button-label {
        color: white;
    }

    #op_q:hover, #op_q2:hover, #op_q:active, #op_q2:active, #or_q:hover, #op_q4:hover, #or_q:active, #op_q4:active, #op_q5:hover, #op_q5:active {
        border-radius: 0.25em;
        border: 0;
        background-color: #0b3c5e;
        background-image: -webkit-linear-gradient(top, #061f31,#092e47 10%,#0b3c5e 65%,#0c3e60);
        box-shadow: #092e47 0 0 0.25em inset;
    }

.x-tab {
    min-width: 3.2em !important;
}

@media only screen and (max-width: 1024px) {
    #submit_iframe, #submit_iframe_kaizen {
        opacity: 1 !important;
        border: none;
    }

    input[name='picker'] {
        font-size: 10px;
        padding-top: 55px;
        display: block;
    }

        input[name='picker']:placeholder-shown {
            display: none;
        }
}

#userInitials {
    position: fixed;
    width: 40px;
    height: 62px;
    right: 50px;
    z-index: 99999;
    font-size: 26px;
    color: black;
    text-shadow: none !important;
    cursor: pointer;
    display: block !important;
    top: 0;
    padding-top: 15px;
    text-align: right;
    padding-right: 5px;
}