/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}



.MuiLinearProgress-bar1Indeterminate {
    animation: MuiLinearProgress-keyframes-indeterminate1 4.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite !important;
}
.MuiLinearProgress-bar2Indeterminate {
    animation: MuiLinearProgress-keyframes-indeterminate2 4.1s cubic-bezier(0.165, 0.84, 0.44, 1) 2.15s infinite !important;
}

.small-screen .x-main-box {
    padding-top: 0px;
}

.small-screen .x-main-container {
    max-height: 900px !important;
    width: 100% !important;
    border-radius: 0 !important;
}

/* Android fix for Browser top and bottom panels */
.small-screen .x-main-container,
.small-screen .x-main-box {
    min-height: 100vh !important;
    min-height: calc(var(--vh, 1vh) * 100) !important;
}
.small-screen .x-status-content {
    padding-top: 30px;
    min-height: calc(100vh - 124px) !important;
    min-height: calc(var(--vh, 1vh) * 100 - 124px) !important;
}

/* Safari fix for Browser top and bottom panels */
@supports (-webkit-touch-callout: none) {
    .small-screen .x-main-container,
    .small-screen .x-main-box {
        min-height: 100vh !important;
    }
    .small-screen .x-status-content {
        min-height: calc(100vh - 124px) !important;
        min-height: calc(var(--vh, 1vh) * 100 - 124px) !important;
    }
}


.small-screen .MuiBox-root:not(.x-main-box):not(.x-skip):not(.x-status):not(.x-wait-mobile-id-header) {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.small-screen .x-main-content,
.small-screen .x-space {
    width: inherit !important;
    overflow: visible !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.small-screen .x-status {
    width: 100% !important;
}

.small-screen .x-status-icon {
    position: inherit !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    min-height: 84px !important;
}

.small-screen .x-text {
    width: 100% !important;
}

.in-frame .x-main-container {
    max-width: 100% !important;
    height: 100px !important; /* for fit all height by min-height rule */
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.in-frame .x-wait-mobile-id {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.in-frame .x-wait-mobile-id-header {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.in-frame .x-wait-mobile-id .x-main-content label {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.in-frame .x-header-icon-wrapper {
    background-color: #F2F2F7;
}
.in-frame .x-status-icon{
    border-radius: 50%;
    box-shadow: 5px 5px 12px -5px rgba(0,0,0,0.3)
}