:root {
    --doc-height: 100%;
    --vw-height: 100vh;
}

* {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

input {
    -webkit-user-select: auto;
    /* Chrome, Opera, Safari */
    -moz-user-select: auto;
    /* Firefox 2+ */
    -ms-user-select: auto;
    /* IE 10+ */
    user-select: auto;
    /* Standard syntax */
}

body {
    margin: 0px;
    overscroll-behavior: contain;
    height: 100vh;
    height: var(--doc-height);
    overflow: hidden;
    max-height: 100vh;
    height: var(--doc-height);
    font-family:'Roboto';
}

body,
#main {
    background-color: #010118;
}

input {
    background: transparent;
    border: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

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

input:focus {
    outline: none;
}

/* .font-opensans {
    font-family: Open Sans;
}

.font-jost {
    font-family: Jost;
} */

.font-w400 {
    font-weight: 400;
}

.font-w600 {
    font-weight: 600;
}

.font-w700 {
    font-weight: 700;
}

.font-w800 {
    font-weight: 800;
}

.font-s10 {
    font-size: 10px;
}

.font-s11 {
    font-size: 11px;
}

.font-s12 {
    font-size: 12px;
}

.font-s14 {
    font-size: 14px;
}

.font-s16 {
    font-size: 16px;
}

.font-s18 {
    font-size: 18px;
}

.font-s26 {
    font-size: 26px;
}

.color-white {
    color: #FFF;
}

.NoScroll::-webkit-scrollbar {
    width: 0px;
}

.height-auto {
    height: auto !important;
}

.modal {
    background: rgba(0, 0, 0, 0.5); 
    /*overflow-y: hidden !important;*/
}

.modal-backdrop {
    display: none;
}