* { outline: none; user-select: none; scroll-behavior: smooth; 
font-family: 'Reddit Mono', 'PT Sans', 'Roboto', Segoe UI, Lucida Grande, Arial, Verdana, Tahoma;
-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #e66465; border-radius: 0px; }
::-webkit-scrollbar-thumb { background: #e66465; border-radius: 0px; }

@view-transition {
  navigation: auto;
}
@supports (view-transition-name: none) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: .2s;
    animation-timing-function: ease-in-out; }
}

img { transform: translateZ(0); -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0);
    image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; }
    
    html { background-size: cover; height: 100%; background-color: #20231a; 
        background-position: 0px -900px; background-image: url(/img/background-toker14b.webp);
        /*background-position: 0px 0px; background-image: url(/img/bg_cover.webp);*/ }

    body { background-color: transparent; margin: 0px 0px 0px 0px; height: 100%; }
    
    @media only screen and (max-width: 1200px) {
    html {     background-size: auto 100vh; background-attachment: fixed; 
    /* TOKER11 background-position: center; */ 
    background-image: url(/img/background-toker14b.webp);
    background-position: center;
    } }
     

.main_text { font-size: 10vmin; line-height: 11.5vmin; padding: 0px 0px 10px 0px; color: #fff; font-family: 'Reddit Mono'; font-weight: 700; width: 100%;
text-align: center; letter-spacing: -0.02em; }
.toke_logo { padding: 0px 0px 45px 0px; text-align: center; display: table; margin: 0px auto 0px auto; }
.toke_hours { padding: 0px 0px 17px 0px; color: #fff; font-family: 'Reddit Mono'; font-weight: 700; width: 100%; margin-top: -5px;
text-align: center; letter-spacing: -0.02em; font-size: 23px; line-height: 23px; }
#toke_signin { border: 0px solid #58a9aa; height: calc(100% - 125px); width: 100%; display: table; margin: 0px auto 0px auto; }
.flex_box {   display: table-cell; vertical-align: middle;  }
.delivering_daily { margin: 0px auto 0px auto; width: 100%; max-width: 1200px; }
.delivering_daily_padding {  padding: 0px 30px 0px 30px;}
.signin_form { padding: 0px 0px 0px 0px; width: 100%; max-width: 420px; margin: 0px auto 0px auto; display: table;  }
.shade {  display: table; margin: 0px auto 0px auto; width: 100%; max-width: 420px;
/*    background: rgba(17, 18, 15, .66); */
background: rgba(23, 32, 21, .65); 
border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
.signin_form_padding { padding: 12px 20px 17px 20px; }

.form-msg { width: 100%; border: 1px solid #f1f1ef; margin: 0px 0px 10px 0px; font-size: 15px; line-height: 15px; }
.logo { width: 240px; opacity: 1; margin-top: 0px; }


@media only screen and (max-width: 1200px) {
    .toke_logo { padding: 20px 0px 45px 0px; margin-top: 0px; }
    .logo { width: 220px; opacity: 1; margin-top: 0px; }
    .main_text { font-size: 13.5vmin; line-height: 14.7vmin; }
    .toke_hours { padding: 0px 0px 15px 0px; }
    .signin_form { padding: 0px 15px 0px 15px; width: calc(100% - 30px); max-width: 420px; margin: 0px auto 0px auto; display: table; } }

@media only screen and (max-height: 700px) {
    .toke_logo { padding: 10px 0px 30px 0px; margin-top: 0px; }
    .logo { width: 180px; opacity: 1; margin-top: 0px; }
}

input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; 
width: 100%; color: #ccc; text-align: center; background-color: #fff; font-weight: normal; font-family: 'Reddit Mono'; }
input[type=text]:hover {   }
input[type=text]:focus, input[type=text]:active {  box-shadow: none; }
input[type=text].error { }
input[type=text].error:focus, input[type=text].error:active { color: #000; }

input[type=password] { width: 100%; color: #ccc; text-align: center; background-color: #fff; font-weight: normal; font-family: 'Reddit Mono'; }
input[type=password]:hover {   }
input[type=password]:focus, input[type=password]:active {  box-shadow: none; }
input[type=password].error {  }
input[type=password].error:focus, input[type=password].error:active { color: #000; }

input[type=number] { -webkit-appearance: none; -moz-appearance: none; appearance: none; 
    width: 100%; color: #ccc; text-align: center; background-color: #fff; font-weight: normal; font-family: 'Reddit Mono'; }
input[type=number]:hover {   }
input[type=number]:focus, input[type=text]:active {  box-shadow: none; }
input[type=number].error { }
input[type=number].error:focus, input[type=text].error:active { color: #000; }
input[type="number"] { border: 0px; background-color: transparent; color: #e1d9cc; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
    border-bottom: 1px solid #e1d9cc; }
input[type="number"]:focus, input[type="text"]:active { border-bottom: 1px solid #fff; }

input[type="text"] { border: 0px; background-color: transparent; color: #e1d9cc; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
border-bottom: 1px solid rgba(255, 217, 204, .5); }
input[type="password"] { border: 0px; background-color: transparent; color: #e1d9cc; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
border-bottom: 1px solid rgba(255, 217, 204, .5); }

input[type="text"]:focus, input[type="text"]:active { border-bottom: 1px solid #fff; }
input[type="password"]:focus, input[type="password"]:active { border-bottom: 1px solid #fff; }

input[type="submit"] { color: #b96928; background-color: #fff; font-weight: 700; font-family: 'Reddit Mono', sans-serif; cursor: pointer;
font-size: 17px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; line-height: 50px; height: 50px;
padding: 0px 0px 0px 0px; margin: 15px auto 0px auto; cursor: pointer; box-shadow: none !important; width: 100%; border: none; }
input[type="submit"]:hover { color: #051411; background-color: #fff; }

.button { background-color: #fff; text-align: center; box-shadow: none; width: 100%;
display: inline-block; color: #58a9aa; font-weight: normal; font-size: 15px; line-height: 50px; height: 50px;
border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; cursor: pointer;
transition: color .3s ease-in-out, background-color .3s ease-in-out, text-decoration-color .3s ease-in-out, text-decoration .3s ease-in-out;
 }
.button span { font-family: 'Reddit Mono'; font-weight: bold; }
.button:hover { background-color: #fff; }

.footer { padding: 0px 0px 17px 0px; bottom: 0; font-weight: 300; font-size: 13px; line-height: 13px; color: rgba(255,255,255,.5);
    letter-spacing: 0.0em; text-align: center; z-index: 1000; position: fixed; display: table; margin: 0px auto 0px auto;  word-spacing: -0.2em;
    width: 100%; border: 0px solid white; }

.footer a { word-spacing: -0.2em; margin-left: 0px; color: var(--theme_color); }
.footer a:hover { color: var(--theme_color_hover); }