.okla-link,
a {
    -webkit-appearance: none;
    background: none;
    border: 0;
    color: #000;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-decoration: underline
}

.okla-link:focus,
.okla-link:hover,
a:focus,
a:hover {
    text-decoration: none
}

.okla-form-input input,
.okla-form-input textarea {
    background: #ededed;
    border: 1px solid #ededed;
    border-radius: 4px;
    box-sizing: border-box;
    color: #000;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1rem;
    margin: 12px;
    outline: 0;
    padding: 16px;
    width: 100%
}

.okla-form-input input::-webkit-input-placeholder,
.okla-form-input textarea::-webkit-input-placeholder {
    color: #000;
    font-size: .875rem
}

.okla-form-input input::placeholder,
.okla-form-input textarea::placeholder {
    color: #000;
    font-size: .875rem
}

.okla-form-input input:active,
.okla-form-input input:focus,
.okla-form-input textarea:active,
.okla-form-input textarea:focus {
    background: #ededed;
    border-color: #747474
}

.okla-form-input input:-webkit-autofill,
.okla-form-input input:-webkit-autofill:focus,
.okla-form-input input:-webkit-autofill:hover,
.okla-form-input textarea:-webkit-autofill,
.okla-form-input textarea:-webkit-autofill:focus,
.okla-form-input textarea:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 1000px #ededed !important;
    -webkit-box-shadow: inset 0 0 0 1000px #ededed !important
}

.okla-form .okla-form-input input,
.okla-form .okla-form-input textarea,
.okla-form .okla-select {
    margin: 12px 0
}

.okla-form--dark-gray .okla-form-input input,
.okla-form--dark-gray .okla-form-input textarea {
    background: #e0e1e3
}

.okla-form--dark-gray .okla-form-input input:-webkit-autofill,
.okla-form--dark-gray .okla-form-input input:-webkit-autofill:focus,
.okla-form--dark-gray .okla-form-input input:-webkit-autofill:hover,
.okla-form--dark-gray .okla-form-input textarea:-webkit-autofill,
.okla-form--dark-gray .okla-form-input textarea:-webkit-autofill:focus,
.okla-form--dark-gray .okla-form-input textarea:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 1000px #e0e1e3 !important;
    -webkit-box-shadow: inset 0 0 0 1000px #e0e1e3 !important
}

.okla-heading,
h1,
h2,
h3,
h4,
h5 {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    line-height: 1.33;
    margin: 0;
    padding: 0
}

.okla-heading--uppercase {
    text-transform: uppercase
}

.okla-heading--normal-weight {
    font-weight: 400
}

h1 {
    font-size: 2.75rem
}

@media(max-width:599px) {
    h1 {
        font-size: 1.875rem
    }
}

h2 {
    font-size: 1.5rem
}

h3 {
    font-size: 1.125rem
}

h4 {
    font-size: 1rem
}

h5 {
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 600
}

.okla-modal-with-overlay {
    background: hsla(0, 0%, 46%, .51);
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 200
}

.okla-modal-with-overlay--closed {
    display: none
}

.okla-modal-with-overlay--opened {
    align-items: center;
    display: flex;
    justify-content: center
}

.okla-modal-with-overlay .okla-modal {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.okla-modal-with-overlay .okla-close-button {
    position: absolute;
    right: 0;
    top: 0
}

.okla-modal {
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    max-width: 400px;
    overflow-y: auto;
    position: fixed;
    text-align: left;
    top: 10%;
    width: 80%;
    z-index: 200
}

.okla-modal--closed {
    display: none
}

.okla-modal--opened {
    display: flex
}

.okla-modal .okla-close-button {
    position: absolute;
    right: 0;
    top: 0
}

.okla-modal h2 {
    border-bottom: 1px solid #f2f2f4;
    display: block;
    padding: 24px
}

.okla-modal__content {
    margin: 24px
}

.okla-modal__footer {
    border-top: 1px solid #f2f2f4;
    padding: 24px
}

.okla-modal__footer button {
    width: 100%
}

.okla-modal__footer-content,
.okla-modal__footer-content--column {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.okla-modal__footer-content button,
.okla-modal__footer-content--column button {
    margin-right: 12px
}

.okla-modal__footer-content button:last-of-type,
.okla-modal__footer-content--column button:last-of-type {
    margin-right: 0
}

.okla-modal__footer-content--column {
    flex-direction: column
}

.okla-modal__footer-content--column button {
    margin: 4px 0
}

@media(max-width:599px) {
    .okla-modal {
        top: 8%;
        width: 85%
    }
}

body {
    background: #fff;
    background: linear-gradient(180deg, #fff 50%, #35260b 0);
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: .875rem;
    height: 100vh;
    margin: 0;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow-x: hidden
}

html {
    background: #35260b;
    height: 100%;
    min-height: 100%
}

#okla-app.okla-body--locked {
    overflow: hidden
}

#okla-app.okla-body--overlay--hidden:after,
#okla-app.okla-body--overlay:after {
    background: hsla(0, 0%, 46%, .51);
    bottom: 0;
    content: "";
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 150
}

#okla-app.okla-body--overlay--hidden:after {
    background: none
}

#okla-app .Toastify__progress-bar--error {
    background: #e60202
}

#okla-app .Toastify__toast--error .Toastify__toast-body svg {
    fill: #e60202
}

#okla-app .Toastify__toast-body {
    color: #000;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: .875rem
}

* {
    box-sizing: border-box
}

.okla-type--uppercase {
    text-transform: uppercase
}

a:hover {
    text-decoration: none
}

.okla-content-loading-spinner {
    padding-top: 48px
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.okla {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden
}

.okla__content {
    margin-top: 86px
}

.okla__content,
.okla__content-full-height,
.okla__content-protected-route {
    display: flex;
    flex-direction: column;
    flex-grow: 2
}

.okla .okla-protected-route-loading {
    align-items: center;
    display: flex;
    margin: 0 auto;
    padding: 48px
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0, 0%, 100%, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999);
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: 320px;
    width: var(--toastify-toast-width);
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: 1em;
    top: 1em
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: 1em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: 1em;
    top: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: 0;
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: 0
    }
}

.Toastify__toast {
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    box-sizing: border-box;
    cursor: pointer;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    z-index: 0
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1
}

.Toastify__toast-icon {
    -webkit-margin-end: 10px;
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: #3498db;
    background: var(--toastify-color-info);
    color: #fff;
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: #07bc0c;
    background: var(--toastify-color-success);
    color: #fff;
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: #f1c40f;
    background: var(--toastify-color-warning);
    color: #fff;
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #e74c3c;
    background: var(--toastify-color-error);
    color: #fff;
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: #e74c3c;
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: hsla(0, 0%, 100%, .7);
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@-webkit-keyframes Toastify__trackProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes Toastify__trackProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    bottom: 0;
    height: 5px;
    left: 0;
    opacity: .7;
    position: absolute;
    -webkit-transform-origin: left;
    transform-origin: left;
    width: 100%;
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    -webkit-animation: Toastify__trackProgress linear 1 forwards;
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.Toastify__progress-bar--rtl {
    left: auto;
    right: 0;
    -webkit-transform-origin: right;
    transform-origin: right
}

.Toastify__spinner {
    -webkit-animation: Toastify__spin .65s linear infinite;
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@-webkit-keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    -webkit-animation-name: Toastify__bounceInLeft;
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    -webkit-animation-name: Toastify__bounceInRight;
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    -webkit-animation-name: Toastify__bounceInDown;
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    -webkit-animation-name: Toastify__bounceInUp;
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    -webkit-animation-name: Toastify__bounceOutLeft;
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    -webkit-animation-name: Toastify__bounceOutRight;
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    -webkit-animation-name: Toastify__bounceOutUp;
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    -webkit-animation-name: Toastify__bounceOutDown;
    animation-name: Toastify__bounceOutDown
}

@-webkit-keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    -webkit-animation-name: Toastify__zoomIn;
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    -webkit-animation-name: Toastify__zoomOut;
    animation-name: Toastify__zoomOut
}

@-webkit-keyframes Toastify__flipIn {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipIn {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes Toastify__flipOut {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes Toastify__flipOut {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    -webkit-animation-name: Toastify__flipIn;
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    -webkit-animation-name: Toastify__flipOut;
    animation-name: Toastify__flipOut
}

@-webkit-keyframes Toastify__slideInRight {
    0% {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInRight {
    0% {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInLeft {
    0% {
        -webkit-transform: translate3d(-110%, 0, 0);
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        -webkit-transform: translate3d(-110%, 0, 0);
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInUp {
    0% {
        -webkit-transform: translate3d(0, 110%, 0);
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        -webkit-transform: translate3d(0, 110%, 0);
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInDown {
    0% {
        -webkit-transform: translate3d(0, -110%, 0);
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        -webkit-transform: translate3d(0, -110%, 0);
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0);
        visibility: hidden
    }
}

@-webkit-keyframes Toastify__slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-110%, 0, 0);
        transform: translate3d(-110%, 0, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-110%, 0, 0);
        transform: translate3d(-110%, 0, 0);
        visibility: hidden
    }
}

@-webkit-keyframes Toastify__slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 500px, 0);
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 500px, 0);
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@-webkit-keyframes Toastify__slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -500px, 0);
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -500px, 0);
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    -webkit-animation-name: Toastify__slideInLeft;
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    -webkit-animation-name: Toastify__slideInRight;
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    -webkit-animation-name: Toastify__slideInDown;
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    -webkit-animation-name: Toastify__slideInUp;
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    -webkit-animation-name: Toastify__slideOutLeft;
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    -webkit-animation-name: Toastify__slideOutRight;
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    -webkit-animation-name: Toastify__slideOutUp;
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    -webkit-animation-name: Toastify__slideOutDown;
    animation-name: Toastify__slideOutDown
}

@-webkit-keyframes Toastify__spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes Toastify__spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-home-farm-to-table__samples,
.okla-home-serving__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-home-farm-to-table__samples,
    .okla-home-serving__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-hero,
.okla-hero--pancakes,
.okla-home-serving {
    background-size: cover;
    display: flex;
    justify-content: center;
    width: 100%
}

.okla-hero__content,
.okla-home-serving__content {
    display: flex
}

.okla-home-farm-to-table h2,
.okla-home-testimonial,
.okla-home-values h2,
.okla-home-values__content ul,
.okla-home-you h2 {
    color: #35260b;
    font-size: 1.875rem
}

.okla-home-text-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 624px;
    width: 60%
}

@media(min-width:600px)and (max-width:1023px) {
    .okla-home-text-content.okla-hero__content__half {
        width: 62%
    }

    .okla-home-text-content h1 {
        font-size: 1.875rem
    }
}

.okla-home-hero {
    height: 600px;
    padding: 48px 0
}

.okla-home-hero h2 {
    color: #747474;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    margin-bottom: 28px
}

.okla-hero--pancakes {
    background-color: #f2f2f4;
    background-image: url('/static/images/pancakes.png');
    background-position-x: 100%;
    background-position-y: 100px;
    background-repeat: no-repeat;
    background-size: 40%
}

@media(max-width:599px) {
    .okla-hero--pancakes {
        background-position-x: 130%;
        background-position-y: bottom;
        background-size: 60%;
        padding: 24px 0
    }

    .okla-hero--pancakes .okla-hero__content,
    .okla-hero--pancakes .okla-home-serving__content {
        padding-left: 24px;
        padding-right: 24px
    }
}

.okla-home-serving {
    background: #fff7e8
}

.okla-home-serving__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    justify-content: center;
    text-align: center;
    width: 40%
}

@media(max-width:599px) {
    .okla-home-serving__content {
        padding: 48px 0;
        width: 80%
    }
}

.okla-home-serving__image {
    background-image: url(/static/media/kristen-kaethler-lrfpHmuYj88-unsplash.33fed0c4ae5f634f71ed.png);
    background-size: cover;
    height: 342px;
    width: 60%
}

@media(max-width:599px) {
    .okla-home-serving__image {
        display: none
    }
}

.okla-home-farm-to-table {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px 0;
    text-align: center
}

.okla-home-farm-to-table__hr {
    border-bottom: 1px solid #dadada;
    margin-bottom: 29px;
    margin-top: -29px;
    max-height: 58px;
    width: 325px
}

.okla-home-farm-to-table__hr img {
    background-color: #fff;
    display: inline-block;
    margin-top: 29px;
    padding: 12px;
    width: 58px
}

.okla-home-farm-to-table__samples {
    display: flex;
    justify-content: space-between
}

@media(max-width:599px) {
    .okla-home-farm-to-table__samples {
        align-items: center;
        flex-direction: column
    }
}

.okla-home-farm-to-table__sample {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 400px;
    width: 30%
}

@media(max-width:599px) {
    .okla-home-farm-to-table__sample {
        margin-top: 24px;
        width: 100%
    }

    .okla-home-farm-to-table__sample:first-of-type {
        margin-top: 0
    }
}

.okla-home-farm-to-table__sample:first-of-type {
    background: #f1ffe8
}

.okla-home-farm-to-table__sample:nth-of-type(2) {
    background: #fff2fa
}

.okla-home-farm-to-table__sample:nth-of-type(3) {
    background: #fff7e8
}

.okla-home-farm-to-table__sample img {
    margin: 28px;
    width: 80%
}

.okla-home-farm-to-table__sample img.overflow-plate {
    padding-left: 4%;
    width: 89%
}

.okla-home-farm-to-table__sample h3 {
    background: hsla(0, 0%, 77%, .15);
    padding: 12px;
    width: 100%
}

.okla-home-values-wrapper {
    overflow: hidden;
    padding-bottom: 48px
}

.okla-home-values {
    align-items: center;
    background: #fff2fa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 50px 0;
    padding: 48px 48px 48px 180px;
    position: relative;
    width: 100%
}

@media(max-width:930px) {
    .okla-home-values {
        padding-left: 18%;
        padding-right: 48px
    }
}

@media(max-width:599px) {
    .okla-home-values {
        padding: 48px 24px
    }
}

.okla-home-values__content {
    max-width: 1440px;
    min-height: 300px;
    width: 100%
}

.okla-home-values__content img {
    position: absolute
}

.okla-home-values__content .okla-strawberries-sketch {
    left: -80px;
    top: -40px;
    -webkit-transform: rotate(-15.5deg);
    transform: rotate(-15.5deg);
    width: 300px
}

@media(max-width:1020px) {
    .okla-home-values__content .okla-strawberries-sketch {
        left: -15%
    }
}

@media(max-width:850px) {
    .okla-home-values__content .okla-strawberries-sketch {
        left: -19%
    }
}

@media(max-width:670px) {
    .okla-home-values__content .okla-strawberries-sketch {
        left: -25%
    }
}

@media(max-width:599px) {
    .okla-home-values__content .okla-strawberries-sketch {
        left: -20px;
        top: 80%;
        width: 156px
    }
}

.okla-home-values__content .okla-carrots-sketch {
    bottom: -107px;
    right: -22%;
    width: 400px
}

@media(max-width:930px) {
    .okla-home-values__content .okla-carrots-sketch {
        right: -28%
    }
}

@media(max-width:775px) {
    .okla-home-values__content .okla-carrots-sketch {
        right: -40%
    }
}

@media(max-width:599px) {
    .okla-home-values__content .okla-carrots-sketch {
        right: -57%;
        top: 57%;
        width: 300px
    }
}

.okla-home-values__content .okla-garlic-sketch {
    right: 0;
    top: -100px;
    width: 180px
}

@media(max-width:1020px) {
    .okla-home-values__content .okla-garlic-sketch {
        right: -12%
    }
}

@media(max-width:930px) {
    .okla-home-values__content .okla-garlic-sketch {
        right: 0;
        top: -70px;
        width: 150px
    }
}

.okla-home-values__content ul {
    font-size: 1.5rem;
    padding-left: 1.5rem
}

.okla-home-values__content li {
    margin: 12px 0
}

.okla-home-values h2 {
    border-bottom: 1px solid #35260b;
    display: inline;
    padding: 4px
}

.okla-home-you {
    flex-direction: column;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 48px 0;
    position: relative
}

.okla-home-you,
.okla-home-you__background {
    align-items: center;
    display: flex;
    width: 100%
}

.okla-home-you__background {
    height: 225px;
    justify-content: space-between;
    position: absolute;
    z-index: -1
}

.okla-home-you__background img:first-child {
    margin-left: -60px;
    margin-top: -60px;
    width: 300px
}

@media(max-width:1023px) {
    .okla-home-you__background img:first-child {
        margin-left: -100px;
        margin-top: -285px
    }
}

.okla-home-you__background img:nth-child(2) {
    margin-top: 350px;
    width: 280px
}

@media(max-width:1023px) {
    .okla-home-you__background img:nth-child(2) {
        margin-left: -50px;
        margin-top: 200px
    }
}

.okla-home-you__background img:nth-child(3) {
    margin-top: 190px;
    width: 400px
}

@media(max-width:1023px) {
    .okla-home-you__background img:nth-child(3) {
        margin-left: 50px;
        margin-top: 0
    }
}

.okla-home-you__background img:nth-child(4) {
    margin-right: -100px;
    margin-top: -30px;
    width: 380px
}

@media(max-width:1023px) {
    .okla-home-you__background img:nth-child(4) {
        margin-right: -50px;
        margin-top: -368px
    }
}

.okla-home-you__content {
    display: flex;
    justify-content: space-between;
    max-width: 1440px;
    width: 100%;
    z-index: 1
}

@media(max-width:1023px) {
    .okla-home-you__content {
        align-items: center;
        flex-direction: column;
        justify-content: center
    }
}

.okla-home-you__header {
    align-items: flex-end;
    border-bottom: 1px solid #35260b;
    display: inline-flex;
    padding: 4px
}

.okla-home-you__ribbon {
    align-items: center;
    background-color: rgba(241, 255, 232, .84);
    display: flex;
    justify-content: center;
    margin-top: 28px;
    width: 100%;
    z-index: 1
}

.okla-home-you h2 {
    padding-left: 4px
}

.okla-home-testimonial {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    justify-content: flex-start;
    max-width: 400px;
    padding: 48px;
    width: 33%
}

.okla-home-testimonial p {
    margin: 4px
}

.okla-home-testimonial__author {
    display: block;
    float: right;
    font-size: .875rem;
    text-align: right;
    width: 150px
}

@media(max-width:1023px) {
    .okla-home-testimonial {
        max-width: 508px;
        padding: 48px 0;
        width: 80%
    }
}

@media(max-width:599px) {
    .okla-home-testimonial p {
        margin-top: 0
    }
}

.okla-button--high,
.okla-button--link,
.okla-button--low,
.okla-button--medium {
    align-items: center;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 0 0 1px transparent;
    box-sizing: border-box;
    display: flex;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    justify-content: center;
    margin: 0;
    min-height: 36px;
    min-width: 64px;
    outline: 0;
    padding: 16px 36px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .1s
}

.okla-button--high:active,
.okla-button--link:active,
.okla-button--low:active,
.okla-button--medium:active {
    box-shadow: inset 0 0 0 1px transparent
}

.okla-button--high:hover,
.okla-button--link:hover,
.okla-button--low:hover,
.okla-button--medium:hover {
    cursor: pointer
}

.okla-button--high:focus,
.okla-button--link:focus,
.okla-button--low:focus,
.okla-button--medium:focus {
    box-shadow: inset 0 0 0 1px #73aafd
}

.okla-button--high:disabled,
.okla-button--link:disabled,
.okla-button--low:disabled,
.okla-button--medium:disabled {
    box-shadow: inset 0 0 0 1px transparent !important;
    cursor: default !important
}

@media(max-width:599px) {

    .okla-button--high,
    .okla-button--link,
    .okla-button--low,
    .okla-button--medium {
        font-size: 1rem;
        padding: 4px 16px
    }
}

.okla-button--high .okla-spinner,
.okla-button--link .okla-spinner,
.okla-button--low .okla-spinner,
.okla-button--medium .okla-spinner {
    position: absolute
}

.okla-button--high .okla-button__content,
.okla-button--link .okla-button__content,
.okla-button--low .okla-button__content,
.okla-button--medium .okla-button__content {
    display: inline-flex
}

.okla-button--high .okla-button__content .okla-icon,
.okla-button--link .okla-button__content .okla-icon,
.okla-button--low .okla-button__content .okla-icon,
.okla-button--medium .okla-button__content .okla-icon {
    padding-right: 4px
}

.okla-button-is-loading.okla-button--high .okla-button__content,
.okla-button-is-loading.okla-button--link .okla-button__content,
.okla-button-is-loading.okla-button--low .okla-button__content,
.okla-button-is-loading.okla-button--medium .okla-button__content {
    visibility: hidden
}

.okla-button--link {
    background: transparent;
    color: #35260b;
    display: inline-flex;
    text-decoration: underline;
    text-transform: capitalize;
    width: auto
}

.okla-button--link:hover {
    background: transparent;
    text-decoration: none
}

.okla-button--link:active {
    background: transparent
}

.okla-button--link:disabled {
    background: transparent;
    color: #c4c4c4
}

.okla-button--link .okla-spinner svg {
    color: #fdbe4e
}

.okla-button--low {
    background: transparent;
    color: #35260b
}

.okla-button--low:hover {
    background: transparent;
    box-shadow: inset 0 0 0 1px #35260b
}

.okla-button--low:active {
    background: #c4c4c4
}

.okla-button--low:disabled {
    background: transparent;
    color: #c4c4c4
}

.okla-button--low .okla-spinner svg {
    color: #fdbe4e
}

.okla-button--medium {
    background: #523305;
    color: #fff
}

.okla-button--medium:hover {
    background: #35260b
}

.okla-button--medium:active {
    background: #dadada;
    color: #fff
}

.okla-button--medium:disabled {
    background: #fff;
    color: #dadada
}

.okla-button--medium .okla-spinner svg {
    color: #fff
}

.okla-button--high {
    background: #fdbe4e;
    color: #000
}

.okla-button--high:hover {
    background: #ea8b00
}

.okla-button--high:active {
    background: #fff;
    box-shadow: inset 0 0 0 1px #fdbe4e;
    color: #fdbe4e
}

.okla-button--high:disabled {
    background: #dadada;
    color: #a9a295
}

.okla-button--high .okla-spinner svg {
    color: #000
}

.okla-button--full-width {
    width: 100%
}

.okla-button--is-loading .okla-button__content {
    visibility: hidden
}

.okla-button--no-min-width {
    min-width: auto
}

.okla-button--300 {
    font-size: 1rem;
    padding: 4px 16px
}

.okla-button--100 {
    font-size: .75rem;
    min-height: 0;
    padding: 6px 12px
}

.okla-button--50 {
    font-size: .75rem;
    min-height: 0;
    min-width: auto;
    padding: 4px
}

.okla-icon svg {
    display: inline-block;
    height: .875rem;
    pointer-events: none;
    width: .875rem
}

.okla-icon use {
    fill: currentColor;
    stroke: currentColor
}

.okla-icon svg.okla-icon--500 {
    height: 1.09375rem;
    width: 1.09375rem
}

.okla-icon:not(.okla-icon--no-margin) svg.okla-icon--500 {
    margin-bottom: -.1rem
}

.okla-icon svg.okla-icon--200 {
    height: .78125rem;
    width: .78125rem
}

.okla-icon:not(.okla-icon--no-margin) svg.okla-icon--200 {
    margin-bottom: -.1rem
}

.okla-icon svg.okla-icon--400 {
    height: .9375rem;
    width: .9375rem
}

.okla-icon:not(.okla-icon--no-margin) svg.okla-icon--400 {
    margin-bottom: -.1rem
}

.okla-icon svg.okla-icon--600 {
    height: 1.25rem;
    width: 1.25rem
}

.okla-icon:not(.okla-icon--no-margin) svg.okla-icon--600 {
    margin-bottom: -.1rem
}

.okla-icon svg.okla-icon--700 {
    height: 1.40625rem;
    width: 1.40625rem
}

.okla-icon:not(.okla-icon--no-margin) svg.okla-icon--700 {
    margin-bottom: -.35rem
}

.okla-icon svg.okla-icon--800 {
    height: 1.875rem;
    width: 1.875rem
}

.okla-icon:not(.okla-icon--no-margin) svg.okla-icon--800 {
    margin-bottom: -.25rem
}

.okla-icon svg.okla-icon--900 {
    height: 3.4375rem;
    width: 3.4375rem
}

.okla-icon:not(.okla-icon--no-margin) svg.okla-icon--900 {
    margin-bottom: -.65rem
}

.okla-icon svg.okla-icon--950 {
    height: 6.858rem;
    width: 6.858rem
}

.okla-icon:not(.okla-icon--no-margin) svg.okla-icon--950 {
    margin-bottom: -.75rem
}

.okla-icon--no-margin svg {
    margin: 0
}

.okla-icon--white {
    color: #fff
}

.okla-icon--primary {
    color: #fdbe4e
}

.okla-icon--secondary {
    color: #523305
}

.okla-icon--gray-500 {
    color: #747474
}

.okla-spinner svg {
    -webkit-animation: oklaSpin .5s linear infinite;
    animation: oklaSpin .5s linear infinite;
    color: #000
}

@-webkit-keyframes oklaSpin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes oklaSpin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.okla-spinner--primary svg {
    color: #fdbe4e
}

.okla-logo {
    color: #8cc63f;
    font-family: Raleway, sans-serif;
    font-size: 2.25rem;
    margin-right: 4px
}

.okla-logo:hover {
    cursor: pointer
}

.okla-logo--700 {
    font-size: 2.75rem
}

.okla-logo--800 {
    font-size: 4.5rem
}

.okla-logo__la {
    color: #ea8b00
}

.okla-footer {
    align-items: center;
    background-color: #35260b;
    color: #fff;
    display: flex;
    justify-content: center;
    margin-top: auto;
    padding: 48px;
    width: 100%
}

.okla-footer__content {
    display: flex;
    justify-content: space-between;
    max-width: 1024px;
    width: 100%
}

@media(max-width:768px) {
    .okla-footer__content {
        flex-direction: column-reverse
    }
}

.okla-footer__column {
    display: flex;
    flex-direction: column;
    max-width: 425px;
    min-width: 340px;
    width: 50%
}

@media(max-width:768px) {
    .okla-footer__column {
        margin: 12px 0;
        max-width: none;
        min-width: auto;
        width: 100%
    }
}

.okla-footer p {
    font-family: Raleway, sans-serif;
    font-size: .75rem;
    margin: 0
}

.okla-footer a,
.okla-footer button {
    color: #fff
}

.okla-footer__subscribe {
    position: relative;
    width: 100%
}

.okla-footer__subscribe input[type=text] {
    background: transparent;
    border: none;
    border-bottom: 1.5px solid #fff;
    color: #fff;
    font-size: .875rem;
    margin: 28px 0;
    outline: none;
    padding: 4px 100px 4px 4px;
    width: 100%
}

.okla-footer__subscribe input[type=text]::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .9)
}

.okla-footer__subscribe input[type=text]::placeholder {
    color: hsla(0, 0%, 100%, .9)
}

.okla-footer__subscribe button {
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: 4px 0 0 8px;
    position: absolute;
    right: 0;
    top: 1rem
}

.okla-footer__subscribe button .okla-button__content {
    flex-direction: row-reverse
}

.okla-footer__subscribe button .okla-icon {
    padding-left: 4px
}

.okla-footer__subscribe button .okla-icon svg {
    height: .75rem;
    width: .75rem
}

.okla-footer__social {
    display: flex
}

.okla-footer__social button:first-of-type {
    margin-right: 12px
}

.okla-footer__social button:last-of-type {
    margin-left: -4px
}

.okla-footer__nav {
    display: flex;
    flex-direction: column
}

.okla-footer__nav a {
    display: block;
    font-size: 1.5rem;
    margin: 6px 0;
    text-decoration: none
}

.okla-footer__nav a:first-of-type {
    margin-top: 0
}

.okla-footer__nav a:last-of-type {
    margin-bottom: 0
}

.okla-footer__details {
    align-items: center;
    display: flex;
    padding: 36px 0
}

.okla-footer__details a {
    color: #fff;
    display: block;
    font-size: .75rem;
    margin: 0 8px;
    text-decoration: none
}

button.okla-icon-only-button {
    border-radius: 100%;
    height: 50px;
    margin-left: -16px;
    min-width: auto;
    padding: 16px;
    width: 50px
}

button.okla-icon-only-button .okla-button__content .okla-icon {
    padding: 0
}

button.okla-icon-only-button--500 {
    height: 3.09375rem;
    width: 3.09375rem
}

button.okla-icon-only-button--200 {
    height: 2.78125rem;
    width: 2.78125rem
}

button.okla-icon-only-button--400 {
    height: 2.9375rem;
    width: 2.9375rem
}

button.okla-icon-only-button--600 {
    height: 3.25rem;
    width: 3.25rem
}

button.okla-icon-only-button--700 {
    height: 3.40625rem;
    width: 3.40625rem
}

button.okla-icon-only-button--800 {
    height: 3.875rem;
    width: 3.875rem
}

button.okla-icon-only-button--900 {
    height: 5.4375rem;
    width: 5.4375rem
}

button.okla-icon-only-button--950 {
    height: 8.858rem;
    width: 8.858rem
}

.okla-header {
    background: #fff;
    height: 86px;
    justify-content: center;
    left: 0;
    padding: 28px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100
}

.okla-header,
.okla-header__content {
    align-items: center;
    display: flex;
    width: 100%
}

.okla-header__content {
    justify-content: space-between;
    max-width: 1440px
}

.okla-header img {
    width: 40px
}

.okla-header a {
    color: #35260b;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    margin: 0 8px;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase
}

.okla-header a:first-of-type {
    margin-left: 0
}

.okla-header a:last-of-type {
    margin-right: 0
}

.okla-header nav {
    align-items: center;
    display: flex;
    position: relative
}

.okla-header nav button.okla-nav__order-now {
    margin-left: 12px
}

.okla-header .okla-nav__authenticated {
    background: #fff;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .25);
    display: none;
    padding: 12px 0;
    position: absolute;
    right: 120px;
    top: 50px;
    width: 237px;
    z-index: 200
}

.okla-header .okla-nav__authenticated--opened {
    display: block
}

.okla-header .okla-nav__authenticated a {
    display: block;
    margin: 0;
    padding: 12px 36px;
    width: 100%
}

.okla-header .okla-nav__authenticated a:hover {
    background-color: #f2f2f4
}

.okla-header .okla-nav__authenticated a:last-of-type {
    border-top: 1px solid #f2f2f4;
    margin-top: 12px;
    padding-top: 24px
}

.okla-header .okla-nav__authenticated a:last-of-type:hover {
    background: linear-gradient(180deg, transparent 12px, #f2f2f4 0)
}

.okla-header .okla-nav-item--home,
.okla-header .okla-nav__divider,
.okla-header button.okla-close-button,
.okla-header button.okla-menu-button,
body:not(.okla--has-user) .okla-nav__authenticated,
body:not(.okla--has-user) .okla-nav__divider {
    display: none
}

@media(max-width:768px) {
    .okla-header {
        font-size: 1.875rem
    }

    .okla-header .okla-nav-item--home,
    .okla-header button.okla-close-button,
    .okla-header button.okla-menu-button {
        display: block
    }

    .okla-header button.okla-close-button {
        position: absolute;
        right: 28px;
        top: 12px;
        z-index: 201
    }

    .okla-header nav {
        align-items: flex-start;
        background: #fff;
        flex-direction: column;
        height: 100vh;
        padding-top: 24px;
        position: fixed;
        right: 0;
        top: 0;
        transition: right .1s;
        width: 100%
    }

    .okla-header nav button.okla-nav__order-now {
        background: transparent;
        margin: 8px 24px;
        order: -1;
        padding: 4px
    }

    .okla-header nav .okla-nav__authenticated a,
    .okla-header nav a,
    .okla-header nav a:first-of-type,
    .okla-header nav a:last-of-type {
        display: block;
        height: auto;
        margin: 8px 24px;
        padding: 4px;
        width: auto
    }

    .okla-header nav .okla-nav__authenticated a.okla-nav-item--login,
    .okla-header nav a.okla-nav-item--login,
    .okla-header nav a:first-of-type.okla-nav-item--login,
    .okla-header nav a:last-of-type.okla-nav-item--login {
        border-top: 1px solid #747474;
        margin-top: 24px;
        padding-top: 24px;
        width: calc(100% - 48px)
    }

    .okla-header nav.okla-nav--closed {
        right: -100%
    }

    .okla-header .okla-nav__divider {
        display: block;
        margin: 12px 0;
        padding: 0 24px;
        width: 100%
    }

    .okla-header .okla-nav__divider:before {
        border-bottom: 1px solid #747474;
        content: " ";
        display: block;
        width: 100%
    }

    .okla-header .okla-nav__authenticated {
        background: transparent;
        box-shadow: none;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        left: auto;
        margin: 0 0 -4px;
        position: relative;
        right: auto;
        top: auto;
        width: 100%
    }

    .okla-header .okla-nav__authenticated a:first-of-type {
        border-top: 1px solid #747474;
        margin-top: 0;
        padding-top: 28px
    }

    .okla-header .okla-nav__authenticated a:last-of-type {
        border-bottom: 1px solid #747474;
        border-top: 1px solid #747474;
        margin-bottom: 16px;
        margin-top: 16px;
        padding-bottom: 28px;
        padding-top: 28px
    }

    .okla-header .okla-nav__authenticated a:hover,
    .okla-header .okla-nav__authenticated a:last-of-type:hover {
        background: transparent
    }

    .okla--has-user nav a.okla-nav-item--login {
        display: none
    }
}

button.okla-close-button,
button.okla-menu-button {
    min-width: auto;
    padding: 16px
}

.okla-clickable-overlay {
    bottom: 0;
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 150
}

.okla-clickable-overlay--visible {
    background: hsla(0, 0%, 46%, .51)
}

.okla-about__content,
.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-about__content,
    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-about,
.okla-about__content,
.okla-basic-wrapper,
.okla-basic-wrapper__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-about__content,
.okla-basic-wrapper__content {
    padding: 48px 0;
    text-align: left
}

.okla-about__content,
.okla-basic-wrapper__content--skinny {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-about__content,
    .okla-basic-wrapper__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-about__content img {
    margin: 48px 0;
    max-width: 100%
}

@media(max-width:599px) {
    .okla-about__content img {
        margin: 24px;
        order: 1;
        width: 100%
    }

    .okla-about__content p:first-of-type {
        order: 0
    }

    .okla-about__content p:last-of-type {
        order: 2
    }
}

.okla-basic-wrapper__content,
.okla-faq__content,
.okla-hero__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-faq__content,
    .okla-hero__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-faq,
.okla-faq__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-faq__content {
    padding: 48px 0;
    text-align: left
}

.okla-basic-wrapper__content--skinny,
.okla-faq__content {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-faq__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-faq__content h5 {
    align-self: flex-start
}

.okla-faq__question {
    margin: 6px;
    width: 100%
}

.okla-faq__question:first-of-type {
    margin-top: 48px
}

.okla-login {
    background-color: #f2f2f4;
    background-image: url(/static/images/pancakes.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 35%;
    flex-grow: 2
}

@media(max-width:720px) {
    .okla-login {
        background-image: none
    }
}

.okla-login__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 600px;
    padding-top: 48px
}

.okla-login__content h2 {
    margin-top: 48px
}

.okla-login__content p {
    margin: 0 0 12px
}

.okla-login__form-wrapper {
    width: 100%
}

.okla-login__form-wrapper,
.okla-login__header {
    align-items: center;
    display: flex;
    flex-direction: column
}

.okla-login__header button {
    font-size: .625rem;
    text-transform: lowercase
}

.okla-login .okla-login-form {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    padding: 0 48px;
    width: 100%
}

.okla-login .okla-login-form input {
    margin: 12px 0
}

.okla-login .okla-login-form button {
    align-self: flex-end;
    margin: 0
}

.okla-login .okla-login-form__migration-note {
    font-size: .75rem;
    margin-top: 24px
}

.okla-login .okla-login-form__actions {
    align-items: center;
    border-bottom: .5px solid #747474;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding-bottom: 36px;
    width: 100%
}

.okla-login .okla-login-form__create-account {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 12px
}

.okla-login .okla-login-form__links {
    display: flex;
    flex-direction: column
}

.okla-login .okla-login-form__links a {
    display: block;
    margin: 4px 0
}

.okla-login .okla-login-form__oauth {
    align-items: center;
    color: #797266;
    display: flex;
    flex-direction: column;
    padding-top: 12px
}

.okla-login .okla-login-form__oauth-options {
    display: flex
}

.okla-login .okla-login-form .okla-login-button {
    border-radius: 35px;
    box-shadow: none;
    height: 50px;
    margin: 4px;
    padding: 0;
    width: 72px
}

.okla-login .okla-login-form .okla-login-button--google {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15)
}

.okla-login .okla-login-form .okla-login-button--google:focus,
.okla-login .okla-login-form .okla-login-button--google:hover {
    border-color: #c4c4c4
}

.okla-login .okla-login-form .okla-login-button--facebook {
    background: #1877f2;
    border: 1px solid #1877f2;
    color: #fff
}

.okla-login .okla-login-form .okla-login-button--facebook:focus,
.okla-login .okla-login-form .okla-login-button--facebook:hover {
    border-color: #09499b
}

.okla-login .okla-login-form .okla-login-button:focus,
.okla-login .okla-login-form .okla-login-button:hover {
    box-shadow: none
}

@media(min-width:1440px) {
    .okla-login {
        background-position-x: 100%;
        background-position-y: 200px
    }
}

@media(max-width:599px) {
    .okla-login__content {
        justify-content: flex-start;
        min-height: calc(100vh - 86px);
        padding-top: 24px
    }
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content,
.okla-privacy-policy__content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content,
    .okla-privacy-policy__content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-privacy-policy,
.okla-privacy-policy__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-privacy-policy__content {
    padding: 48px 0;
    text-align: left
}

.okla-basic-wrapper__content--skinny,
.okla-privacy-policy__content {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-privacy-policy__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content,
.okla-terms-and-conditions__content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content,
    .okla-terms-and-conditions__content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-terms-and-conditions,
.okla-terms-and-conditions__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-terms-and-conditions__content {
    padding: 48px 0;
    text-align: left
}

.okla-basic-wrapper__content--skinny,
.okla-terms-and-conditions__content {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-terms-and-conditions__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-basic-wrapper__content,
.okla-contact__content,
.okla-hero__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-contact__content,
    .okla-hero__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-contact,
.okla-contact__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-contact__content {
    padding: 48px 0;
    text-align: left
}

.okla-basic-wrapper__content--skinny,
.okla-contact__content {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-contact__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-contact .okla-form {
    max-width: 548px;
    width: 100%
}

.rdp {
    --rdp-cell-size: 40px;
    --rdp-accent-color: #00f;
    --rdp-background-color: #e7edff;
    --rdp-accent-color-dark: #3003e1;
    --rdp-background-color-dark: #180270;
    --rdp-outline: 2px solid var(--rdp-accent-color);
    --rdp-outline-selected: 2px solid rgba(0, 0, 0, .75);
    margin: 1em
}

.rdp-vhidden {
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border: 0 !important;
    box-sizing: border-box;
    height: 1px !important;
    margin: 0;
    overflow: hidden !important;
    padding: 0;
    padding: 0 !important;
    position: absolute !important;
    top: 0;
    width: 1px !important
}

.rdp-button_reset {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    color: inherit;
    cursor: default;
    font: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative
}

.rdp-button {
    border: 2px solid transparent
}

.rdp-button[disabled] {
    opacity: .25
}

.rdp-button:not([disabled]) {
    cursor: pointer
}

.rdp-button:active:not([disabled]),
.rdp-button:focus:not([disabled]) {
    background-color: var(--rdp-background-color);
    border: var(--rdp-outline);
    color: inherit
}

.rdp-button:hover:not([disabled]) {
    background-color: var(--rdp-background-color)
}

.rdp-months {
    display: flex
}

.rdp-month {
    margin: 0 1em
}

.rdp-month:first-child {
    margin-left: 0
}

.rdp-month:last-child {
    margin-right: 0
}

.rdp-table {
    border-collapse: collapse;
    margin: 0;
    max-width: calc(var(--rdp-cell-size)*7)
}

.rdp-with_weeknumber .rdp-table {
    border-collapse: collapse;
    max-width: calc(var(--rdp-cell-size)*8)
}

.rdp-caption {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0;
    text-align: left
}

.rdp-multiple_months .rdp-caption {
    display: block;
    position: relative;
    text-align: center
}

.rdp-caption_dropdowns,
.rdp-caption_label {
    display: inline-flex;
    position: relative
}

.rdp-caption_label {
    align-items: center;
    border: 2px solid transparent;
    color: currentColor;
    font-family: inherit;
    font-size: 140%;
    font-weight: 700;
    margin: 0;
    padding: 0 .25em;
    white-space: nowrap;
    z-index: 1
}

.rdp-nav {
    white-space: nowrap
}

.rdp-multiple_months .rdp-caption_start .rdp-nav {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rdp-multiple_months .rdp-caption_end .rdp-nav {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rdp-nav_button {
    align-items: center;
    border-radius: 100%;
    display: inline-flex;
    height: var(--rdp-cell-size);
    justify-content: center;
    padding: .25em;
    width: var(--rdp-cell-size)
}

.rdp-dropdown_month,
.rdp-dropdown_year {
    align-items: center;
    display: inline-flex;
    position: relative
}

.rdp-dropdown {
    -webkit-appearance: none;
    appearance: none;
    background-color: initial;
    border: none;
    bottom: 0;
    cursor: inherit;
    font-family: inherit;
    font-size: inherit;
    left: 0;
    line-height: inherit;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.rdp-dropdown[disabled] {
    color: inherit;
    opacity: 1
}

.rdp-dropdown:active:not([disabled])+.rdp-caption_label,
.rdp-dropdown:focus:not([disabled])+.rdp-caption_label {
    background-color: var(--rdp-background-color);
    border: var(--rdp-outline);
    border-radius: 6px
}

.rdp-dropdown_icon {
    margin: 0 0 0 5px
}

.rdp-head {
    border: 0
}

.rdp-head_row,
.rdp-row {
    height: 100%
}

.rdp-head_cell {
    font-size: .75em;
    font-weight: 700;
    height: 100%;
    height: var(--rdp-cell-size);
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle
}

.rdp-tbody {
    border: 0
}

.rdp-tfoot {
    margin: .5em
}

.rdp-cell {
    height: 100%;
    height: var(--rdp-cell-size);
    padding: 0;
    text-align: center;
    width: var(--rdp-cell-size)
}

.rdp-weeknumber {
    font-size: .75em
}

.rdp-day,
.rdp-weeknumber {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 100%;
    box-sizing: border-box;
    display: flex;
    height: var(--rdp-cell-size);
    justify-content: center;
    margin: 0;
    max-width: var(--rdp-cell-size);
    overflow: hidden;
    width: var(--rdp-cell-size)
}

.rdp-day_today:not(.rdp-day_outside) {
    font-weight: 700
}

.rdp-day_selected:active:not([disabled]),
.rdp-day_selected:focus:not([disabled]),
.rdp-day_selected:hover:not([disabled]),
.rdp-day_selected:not([disabled]) {
    background-color: var(--rdp-accent-color);
    color: #fff
}

.rdp-day_selected:focus:not([disabled]) {
    border: var(--rdp-outline-selected)
}

.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start),
.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.rdp-day_range_end.rdp-day_range_start {
    border-radius: 100%
}

.rdp-day_range_middle {
    border-radius: 0
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content,
.okla-order-calendar__content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content,
    .okla-order-calendar__content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-order-calendar,
.okla-order-calendar__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-order-calendar__content {
    padding: 48px 0;
    text-align: left
}

.okla-basic-wrapper__content--skinny,
.okla-order-calendar__content {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-order-calendar__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-order-calendar__content {
    text-align: center;
    width: 378px
}

.okla-order-calendar__nav {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.okla-order-calendar__nav button {
    margin: 0
}

.okla-order-calendar .okla-calendar-content {
    position: relative;
    width: 330px
}

.okla-order-calendar .okla-calendar-is-loading {
    align-items: center;
    background: hsla(0, 0%, 100%, .75);
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 100
}

.okla-order-calendar .rdp {
    margin: 24px 0
}

.okla-order-calendar .rdp .rdp-head_row .rdp-head_cell:first-of-type,
.okla-order-calendar .rdp .rdp-head_row .rdp-head_cell:last-of-type,
.okla-order-calendar .rdp .rdp-row .rdp-cell:first-of-type,
.okla-order-calendar .rdp .rdp-row .rdp-cell:last-of-type {
    display: none
}

.okla-order-calendar .rdp .rdp-caption:first-of-type {
    margin-bottom: 28px;
    position: relative
}

.okla-order-calendar .rdp .rdp-caption:first-of-type h2 {
    font-size: 1.125rem;
    font-weight: 500;
    justify-content: center;
    width: 100%;
    z-index: 0
}

.okla-order-calendar .rdp .rdp-caption:first-of-type .rdp-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%
}

.okla-order-calendar .rdp .rdp-caption:first-of-type .rdp-nav button:hover {
    background: #f2f2f4
}

.okla-order-calendar .rdp .rdp-caption:first-of-type .rdp-nav button:focus {
    background: #f2f2f4;
    border: none
}

.okla-order-calendar .rdp .rdp-caption:first-of-type .rdp-nav button:active {
    background: #f2f2f4
}

.okla-order-calendar .rdp .rdp-cell,
.okla-order-calendar .rdp .rdp-day {
    height: 64px;
    max-width: 66px;
    width: 66px
}

.okla-order-calendar .rdp .rdp-day,
.okla-order-calendar .rdp .rdp-day_disabled {
    border: 1px solid #dadada;
    border-radius: 0;
    opacity: 1
}

.okla-order-calendar .rdp .rdp-day:hover,
.okla-order-calendar .rdp .rdp-day_disabled:hover {
    background: #f2f2f4
}

.okla-order-calendar .rdp .rdp-day_disabled {
    color: #dadada;
    overflow: visible
}

.okla-order-calendar .rdp .okla-calendar__day-with-order:before {
    background-color: #fdbe4e;
    border-radius: 100%;
    content: " ";
    height: 6px;
    position: absolute;
    top: 12px;
    width: 6px
}

.okla-order-calendar .rdp .rdp-day_selected {
    background: #fdbe4e;
    border-color: #523305;
    color: #000;
    font-weight: 700
}

.okla-order-calendar .rdp .rdp-day_selected:before {
    background-color: #523305
}

.okla-order-calendar .rdp .rdp-day_selected:hover {
    background: #fdbe4e
}

.okla-error-page {
    background-color: #f2f2f4;
    background-image: url(/static/media/pancakes.7fb2a0a09baa18a86616.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 25%;
    flex-grow: 2
}

.okla-error-page__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 48px 24px
}

.okla-error-page__content p {
    max-width: 750px
}

.okla-error-page .okla-logo {
    margin-right: 0
}

.okla-error-page h1 {
    font-size: 5rem;
    text-align: center
}

.okla-error-page h2 {
    font-size: 2.5rem;
    text-align: center
}

.okla-error-page p {
    text-align: center
}

@media(min-width:1440px) {
    .okla-error-page {
        background-position-x: 100%;
        background-position-y: 200px
    }
}

@media(min-width:600px)and (max-width:1023px) {
    .okla-error-page {
        padding: 24px
    }

    .okla-error-page p {
        margin: 12px 48px
    }
}

@media(max-width:599px) {
    .okla-error-page {
        background-image: none
    }
}

.okla-order-meal-modal {
    display: none;
    position: relative
}

.okla-order-meal-modal--is-open {
    align-items: center;
    background: #fff;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .25);
    display: flex;
    flex-direction: column;
    left: 50%;
    margin-left: -250px;
    max-width: 500px;
    padding: 0 0 74px;
    position: fixed;
    text-align: left;
    top: 48px;
    z-index: 200
}

.okla-order-meal-modal--is-open__content {
    box-sizing: border-box;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 48px;
    width: 100%
}

.okla-order-meal-modal--is-open .okla-meal {
    width: 100%
}

.okla-order-meal-modal--is-open .okla-meal .lazy-load-image-background {
    height: auto;
    min-height: 200px
}

.okla-order-meal-modal--is-open .okla-meal img {
    height: auto;
    max-width: 300px;
    width: 100%
}

.okla-order-meal-modal--is-open .okla-close-button {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 150
}

.okla-order-meal-modal--is-open .okla-meal p {
    overflow: auto;
    white-space: normal
}

.okla-order-meal-modal--is-open hr {
    border-top: 1px solid #fdbe4e
}

@media(max-width:1023px) {
    .okla-order-meal-modal--is-open {
        bottom: 0;
        left: 0;
        margin-left: 0;
        max-height: 100vh;
        max-width: 100%;
        min-height: 100vh;
        min-height: -webkit-fill-available;
        overflow-y: auto;
        padding-bottom: 0;
        right: 0;
        top: 0;
        width: 100%
    }

    .okla-order-meal-modal--is-open__content {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        max-width: 500px;
        overflow: visible;
        padding: 24px
    }

    .okla-order-meal-modal--is-open .okla-meal {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        width: 100%
    }

    .okla-order-meal-modal--is-open .okla-close-button {
        position: fixed;
        right: 12px;
        top: 12px;
        z-index: 150
    }
}

@media screen and (max-width:1023px)and (min-height:1025px) {
    .okla-order-meal-modal--is-open {
        margin-bottom: 0
    }
}

.okla-order-meal-modal__meal-modal-footer {
    align-items: center;
    border-top: 1px solid #f2f2f4;
    bottom: 0;
    display: flex;
    height: 74px;
    left: 0;
    padding: 0 48px;
    position: absolute;
    right: 0;
    width: 100%
}

.okla-order-meal-modal__meal-modal-footer__content {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.okla-order-meal-modal__meal-modal-footer button {
    margin: 12px
}

.okla-order-meal-modal__meal-modal-footer button:last-of-type {
    margin-right: 0
}

@media(max-width:1023px) {
    .okla-order-meal-modal__meal-modal-footer {
        border-top: 0;
        padding: 0;
        position: relative
    }

    .okla-order-meal-modal__meal-modal-footer button:last-of-type {
        margin-right: 0
    }
}

@media screen and (max-width:1023px)and (max-height:1025px) {
    .okla-order-meal-modal__meal-modal-footer {
        align-items: center;
        background: #fff;
        border-top: 1px solid #f2f2f4;
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 0;
        position: sticky;
        position: -webkit-sticky;
        right: 0;
        width: 100%;
        z-index: 200
    }
}

.okla-order-meal-modal__subtotal-with-discount {
    display: flex;
    flex-direction: column
}

.okla-order-meal-modal__subtotal-with-discount span {
    margin-right: 4px
}

.okla-order-meal-modal__discount-label {
    color: #747474;
    font-size: .75rem
}

.okla-order-meal-modal__subtotal-pre-discount {
    color: #febccc;
    text-decoration: line-through
}

.okla-meal {
    display: flex;
    flex-direction: column;
    min-width: 325px
}

.okla-meal .lazy-load-image-background {
    align-self: center;
    background: #f2f2f4;
    height: 250px;
    margin: 12px
}

.okla-meal img {
    height: 250px
}

.okla-meal p {
    margin: 0
}

.okla-meal button {
    align-self: flex-end
}

.okla-meal__details {
    align-items: flex-end;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    margin: 12px 0
}

.okla-meal__nutritional-tags h5 {
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}

.okla-meal__tags {
    display: flex
}

.lazy-load-image-background.blur {
    -webkit-filter: blur(15px);
    filter: blur(15px)
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
    -webkit-filter: blur(0);
    filter: blur(0);
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

.lazy-load-image-background.blur>img {
    opacity: 0
}

.lazy-load-image-background.blur.lazy-load-image-loaded>img {
    opacity: 1;
    transition: opacity .3s
}

.okla-nutritional-tag {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    margin: 4px;
    text-transform: uppercase
}

.okla-nutritional-tag:first-of-type {
    margin-left: 0
}

.okla-nutritional-tag .okla-icon {
    margin-bottom: 4px
}

.okla-nutritional-tag__tooltip {
    background: #f2f2f4;
    border: 1px solid #e0e1e3;
    display: none;
    font-size: .625rem;
    margin-top: 24px;
    padding: 4px;
    position: absolute;
    text-transform: lowercase
}

.okla-nutritional-tag:hover {
    cursor: default
}

.okla-nutritional-tag:hover .okla-nutritional-tag__tooltip {
    cursor: default;
    display: block
}

.okla-meal-options,
.okla-meal-options--has-value {
    margin: 12px 0
}

.okla-meal-options label,
.okla-meal-options--has-value label {
    display: none
}

.okla-meal-options--has-value {
    padding-top: 4px;
    position: relative
}

.okla-meal-options--has-value label {
    background: #fff;
    display: block;
    font-size: .625rem;
    left: 4px;
    padding: 4px;
    position: absolute;
    top: -.4166666667rem;
    z-index: 1
}

.okla-meal-options-select__indicators:hover {
    cursor: pointer
}

.okla-meal-options-select__option {
    text-transform: capitalize
}

.okla-meal-options-select__option--is-selected {
    background: #fff !important;
    color: #000 !important
}

.okla-meal-options-select__option--is-focused {
    background: rgba(103, 80, 164, .12) !important;
    color: #000 !important
}

.okla-meal-options-select__menu-portal {
    margin-top: 2px !important;
    z-index: 999 !important
}

.okla-meal-options-select__menu {
    margin-top: 1px !important;
    z-index: 999 !important
}

.okla-meal-options-select__control {
    height: 50px;
    text-transform: capitalize
}

.okla-meal-options-select__control--is-focused {
    border-color: #6200ee !important;
    border-width: .5px !important;
    box-shadow: 0 0 0 .5px #6200ee !important
}

.okla-meal-options__option {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: space-between
}

.okla-meal-options__option .okla-meal-options_nutritional-tags {
    display: flex
}

.okla-bento-items .okla-meal-options--has-value label {
    text-transform: capitalize
}

.okla-destructive-confirmation-modal {
    align-items: flex-start;
    background: hsla(0, 0%, 46%, .51);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 200
}

.okla-destructive-confirmation-modal__content {
    align-items: flex-start;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    margin-top: 96px;
    position: relative;
    width: 336px;
    z-index: 200
}

.okla-destructive-confirmation-modal__content h2,
.okla-destructive-confirmation-modal__content p {
    border-bottom: 1px solid #dadada;
    display: block;
    margin: 0;
    padding: 16px;
    width: 100%
}

.okla-destructive-confirmation-modal__content .okla-destructive-confirmation-modal__close .okla-close-button {
    margin: 0;
    position: absolute;
    right: 4px;
    top: 4px
}

.okla-destructive-confirmation-modal__buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.okla-destructive-confirmation-modal__buttons button {
    margin: 12px
}

.okla-destructive-confirmation-modal__buttons button:first-of-type {
    margin-right: 0
}

.okla-destructive-confirmation-modal__is-loading {
    align-items: center;
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-destructive-confirmation-modal__is-loading .okla-spinner {
    position: fixed;
    top: 144px
}

button.okla-destructive-button {
    background: #febccc
}

button.okla-destructive-button:hover {
    background: #fff;
    box-shadow: inset 0 0 0 1px #febccc;
    color: #febccc
}

.okla-last-minute-modal__admin-message button {
    color: #e60202;
    display: flex;
    margin-left: -12px;
    margin-top: 12px
}

.okla-confirmation-modal {
    align-items: flex-start;
    background: hsla(0, 0%, 46%, .51);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 200
}

.okla-confirmation-modal__content {
    align-items: flex-start;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    margin-top: 96px;
    position: relative;
    width: 336px;
    z-index: 200
}

.okla-confirmation-modal__content h2,
.okla-confirmation-modal__content p {
    border-bottom: 1px solid #dadada;
    display: block;
    margin: 0;
    padding: 16px;
    width: 100%
}

.okla-confirmation-modal__content .okla-confirmation-modal__close .okla-close-button {
    margin: 0;
    position: absolute;
    right: 4px;
    top: 4px
}

.okla-confirmation-modal__buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.okla-confirmation-modal__buttons button {
    margin: 12px
}

.okla-confirmation-modal__buttons button:first-of-type {
    margin-right: 0
}

.okla-confirmation-modal__is-loading {
    align-items: center;
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-confirmation-modal__is-loading .okla-spinner {
    position: fixed;
    top: 144px
}

.okla-ordering-for-select {
    width: 100%
}

.okla-ordering-for-select .okla-select {
    margin: 12px 0 24px;
    text-align: left;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content,
.okla-order-menu__content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content,
    .okla-order-menu__content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-order-menu,
.okla-order-menu__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-order-menu__content {
    padding: 48px 0;
    text-align: left
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-order-menu__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-order-menu h2 {
    margin-bottom: 12px
}

.okla-order-menu h3 {
    text-align: center
}

.okla-order-menu h3 button {
    padding: 4px
}

.okla-order-menu .okla-empty-state {
    margin-top: 48px;
    max-width: 500px
}

.okla-order-menu__order-is-submitting {
    align-items: center;
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-order-menu__order-is-submitting .okla-spinner {
    margin-top: -48px
}

.okla-order-menu__meals {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 48px;
    max-width: 1440px;
    width: 100%
}

.okla-order-menu__meals .okla-meal {
    padding: 24px 48px;
    width: 33.3%
}

@media(min-width:600px)and (max-width:1023px) {
    .okla-order-menu__meals {
        justify-content: flex-start;
        max-width: 800px
    }

    .okla-order-menu__meals .okla-meal {
        min-width: 200px;
        padding: 24px;
        width: 50%
    }
}

@media(max-width:599px) {
    .okla-order-menu__meals {
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%
    }

    .okla-order-menu__meals .okla-meal {
        width: 100%
    }
}

.okla-empty-state {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 24px;
    text-align: center
}

.okla-empty-state p,
.okla-empty-state svg {
    color: #fdbe4e
}

.okla-empty-state p {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 4px;
    text-transform: uppercase
}

.okla-empty-state p.okla-empty-state__subtext {
    color: #523305;
    font-size: .875rem;
    font-weight: 400;
    margin: 0;
    text-transform: none
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content,
.okla-my-orders__content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content,
    .okla-my-orders__content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-my-orders,
.okla-my-orders__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-my-orders__content {
    padding: 48px 0;
    text-align: left
}

.okla-basic-wrapper__content--skinny,
.okla-my-orders__content {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-my-orders__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-my-orders__date-header {
    background: #35260b;
    color: #fff;
    font-weight: 700;
    padding: 4px;
    width: 100%
}

.okla-my-orders__upcoming .okla-order-list-item__actions {
    justify-content: space-between
}

.okla-my-orders-list,
.okla-my-orders__lunch-money-heading {
    margin-top: 24px;
    text-align: left;
    width: 100%
}

.okla-my-orders-list {
    display: flex;
    flex-direction: column
}

.okla-my-orders-list .okla-spinner {
    display: flex;
    justify-content: center;
    margin: 12px
}

.okla-my-orders-tabs {
    border-bottom: 4px solid #fdbe4e;
    display: flex;
    margin-top: 12px;
    width: 100%
}

.okla-my-orders-tabs button {
    background: #fff;
    border: 1px solid #fdbe4e;
    color: #797266;
    font-family: futura-pt, sans-serif;
    font-size: .875rem;
    padding: 12px;
    width: 50%
}

.okla-my-orders-tabs button:hover {
    color: #000;
    cursor: pointer
}

.okla-my-orders-tabs button.okla-my-orders-tab--active {
    background: #fdbe4e;
    color: #000
}

.okla-order-list-item {
    border-bottom: 2px solid #747474;
    display: flex;
    flex-direction: column;
    padding: 12px 0;
    width: 100%
}

.okla-order-list-item--cancelled .okla-order-list-item__canceled {
    color: #000;
    font-style: normal;
    font-weight: 600;
    margin-right: auto;
    text-transform: uppercase
}

.okla-order-list-item--cancelled .okla-order-list-item__details-row,
.okla-order-list-item--cancelled .okla-order-list-item__title {
    color: #747474;
    font-style: italic;
    opacity: .8;
    text-decoration: line-through
}

.okla-order-list-item--cancelled .okla-order-list-item__details-row div:nth-child(2),
.okla-order-list-item--cancelled .okla-order-list-item__total {
    text-decoration: line-through
}

.okla-order-list-item__title {
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    justify-content: space-between;
    width: 100%
}

.okla-order-list-item__actions {
    display: flex;
    justify-content: flex-end;
    margin: 12px 0;
    width: 100%
}

.okla-order-list-item__actions button:first-of-type {
    margin-left: -4px
}

.okla-order-list-item__actions button:last-of-type {
    margin-right: -4px
}

.okla-order-list-item__see-details {
    align-self: flex-end
}

.okla-order-list-item__modify-actions {
    display: flex;
    margin-right: auto
}

.okla-order-list-item__modify-actions button {
    margin: 0 4px
}

.okla-order-list-item__details-row {
    color: #747474;
    display: flex;
    font-size: .875rem;
    justify-content: space-between;
    margin: 12px 0
}

.okla-order-list-item__details-row div {
    display: flex
}

.okla-order-list-item__details-row div .okla-icon {
    margin-right: 4px
}

.okla-order-list-item__details-row:first-of-type {
    border-top: 1px solid #e0e1e3;
    font-weight: 600;
    margin-top: 0;
    padding-top: 12px;
    text-transform: capitalize
}

.okla-order-list-item__order-number {
    font-weight: 400;
    margin-left: 4px;
    text-transform: lowercase
}

.okla-order-list-item button {
    background: none;
    border: none;
    color: #35260b;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-decoration: underline
}

.okla-order-list-item button:hover {
    cursor: pointer;
    text-decoration: none
}

.okla-order-list-item__total-with-discount {
    display: flex;
    flex-direction: column;
    margin-bottom: 4px;
    position: relative
}

.okla-order-list-item__total-with-discount span {
    margin-right: 4px
}

.okla-order-list-item__total-with-discount span:last-of-type {
    margin-right: 0
}

.okla-order-list-item__discount-label {
    color: #747474;
    font-size: .75rem;
    position: absolute;
    right: 0;
    text-align: right;
    top: 18px
}

.okla-order-list-item__total-pre-discount {
    color: #febccc;
    text-decoration: line-through
}

.okla-lunch-money-summary,
.okla-lunch-money-summary__table {
    width: 100%
}

.okla-lunch-money-summary__table td {
    padding: 4px 0
}

.okla-lunch-money-summary__table tr:last-child td {
    border-bottom: 1px solid #f2f2f4;
    border-top: 1px solid #f2f2f4;
    padding: 12px 0
}

.okla-lunch-money-summary__table tr td:last-child {
    text-align: right
}

.okla-lunch-money-summary__label {
    font-weight: 700
}

.okla-lunch-money-summary__loading {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.okla-create-account {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 125
}

.okla-create-account__step-content {
    display: none;
    width: 100%
}

.okla-create-account__step-content--active {
    display: block
}

.okla-create-account__content {
    align-items: center;
    border: 1px solid #dadada;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 48px;
    max-width: 520px;
    padding: 48px;
    width: 100%
}

.okla-create-account__content .okla-form {
    width: 100%
}

@media(max-width:599px) {
    .okla-create-account__content {
        border: 0;
        padding-bottom: 144px;
        padding-top: 0
    }
}

.okla-create-account__form-is-submitting {
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-create-account__form-is-submitting .okla-spinner {
    margin-top: 20%
}

.okla-create-account__footer {
    display: flex;
    justify-content: space-between;
    justify-self: flex-end;
    margin-top: auto;
    padding-top: 48px;
    width: 100%
}

.okla-create-account__footer button:last-of-type {
    margin-left: auto
}

@media(max-width:599px) {
    .okla-create-account__footer {
        background: #fff;
        border-top: 1px solid #e0e1e3;
        bottom: 0;
        left: 0;
        padding: 24px;
        position: fixed;
        right: 0
    }
}

.okla-create-account__progress {
    display: flex;
    justify-content: space-between;
    margin: 36px 0;
    width: 100%
}

.okla-create-account__progress__step {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 700;
    max-width: 140px;
    position: relative;
    width: 33%
}

.okla-create-account__progress__step-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.okla-create-account__progress__step:after {
    border-bottom: 1px solid #000;
    content: " ";
    left: 20%;
    position: absolute;
    top: 15px;
    width: 100px;
    width: 120%;
    z-index: 1
}

.okla-create-account__progress__step:nth-child(2) {
    align-items: center
}

.okla-create-account__progress__step:nth-child(2):after {
    left: 50%
}

.okla-create-account__progress__step:last-of-type {
    align-items: flex-end
}

.okla-create-account__progress__step:last-of-type:after {
    display: none
}

@media(max-width:375px) {
    .okla-create-account__progress__step:after {
        left: 50%;
        width: 100%
    }
}

.okla-create-account__progress__step--complete:after {
    border-color: #dadada
}

.okla-create-account__progress__step--complete .okla-create-account__progress__step-bubble {
    background-color: #dadada;
    border-color: #dadada
}

.okla-create-account__progress__step--active:after {
    border-color: #fdbe4e
}

.okla-create-account__progress__step--active .okla-create-account__progress__step-bubble {
    background-color: #fdbe4e;
    border-color: #fdbe4e
}

.okla-create-account__progress__step-bubble {
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 100%;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: 4px 0;
    width: 30px;
    z-index: 2
}

.okla-create-account .okla-whos-eating {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.okla-create-account .okla-whos-eating__details {
    border-top: 1px solid #dadada;
    margin-top: 48px;
    padding-top: 12px
}

.okla-create-account .okla-whos-eating .okla-form-input__error-text {
    margin-top: 12px
}

.okla-eater-details {
    align-items: center;
    display: flex;
    flex-direction: column
}

.okla-eater-details__content {
    width: 100%
}

.okla-form .okla-eater-details__birthday {
    display: flex
}

.okla-form .okla-eater-details__birthday .okla-select {
    margin-right: 24px;
    max-width: 300px
}

.okla-form .okla-eater-details__birthday .okla-select:last-of-type {
    margin-right: 0;
    max-width: 150px
}

.okla-name {
    margin: 0;
    padding: 0
}

.okla-name,
.okla-whos-eating-list {
    display: flex;
    flex-direction: column;
    width: 100%
}

.okla-whos-eating-list {
    align-items: center;
    max-width: 422px
}

.okla-whos-eating-list button {
    margin-top: 24px
}

.okla-whos-eating-list__eater-summary {
    border-bottom: 1px solid #000;
    display: flex;
    flex-direction: column;
    padding: 12px 70px 12px 0;
    position: relative;
    width: 100%
}

.okla-whos-eating-list__eater-summary:first-of-type {
    border-top: 1px solid #000;
    margin-top: 36px
}

.okla-whos-eating-list__eater-summary button {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0
}

.okla-whos-eating-list__eater-name {
    font-weight: 700
}

.okla-create-account .okla-set-up-account {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.okla-create-account .okla-set-up-account hr {
    border: .5px solid #dadada;
    width: 100%
}

.okla-password {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%
}

.okla-form .okla-form-input.okla-checkbox,
.okla-form-input.okla-checkbox {
    align-items: center;
    display: flex;
    flex-direction: row-reverse
}

.okla-form .okla-form-input.okla-checkbox .okla-form__label-text,
.okla-form-input.okla-checkbox .okla-form__label-text {
    display: block
}

.okla-form .okla-form-input.okla-checkbox input,
.okla-form-input.okla-checkbox input {
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.okla-create-account .okla-add-lunch-money {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.okla-create-account .okla-add-lunch-money p {
    max-width: 300px;
    text-align: center
}

.okla-create-account .okla-add-lunch-money h2 {
    text-align: center
}

.okla-create-account .okla-add-lunch-money h5 {
    font-weight: 400
}

.okla-create-account .okla-add-lunch-money ul {
    margin-left: 0;
    padding-left: 12px
}

.okla-create-account .okla-add-lunch-money__add-to-account,
.okla-create-account .okla-add-lunch-money__ways-to-pay {
    align-items: flex-start;
    border-bottom: 1px solid #dadada;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    margin-top: 48px;
    padding-bottom: 12px;
    width: 100%
}

.okla-create-account .okla-add-lunch-money__add-to-account {
    border-bottom: 0
}

.okla-create-account .okla-add-lunch-money .okla-credit-card {
    border-top: 1px solid #dadada;
    padding-top: 24px
}

.okla-create-account .okla-add-lunch-money .okla-payment-type-button {
    background: #fff;
    border: 1px solid #fdbe4e;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    margin: 12px 0;
    padding: 16px 36px;
    width: 100%
}

.okla-create-account .okla-add-lunch-money .okla-payment-type-button:hover {
    background: rgba(253, 190, 78, .05);
    cursor: pointer
}

.okla-create-account .okla-add-lunch-money .okla-payment-type-button--selected,
.okla-create-account .okla-add-lunch-money .okla-payment-type-button--selected:hover {
    background: rgba(253, 190, 78, .2)
}

.okla-create-account .okla-add-lunch-money .okla-payment-type-button__heading {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.okla-create-account .okla-add-lunch-money .okla-payment-type-button__heading .okla-icon {
    color: #fdbe4e;
    margin-right: 4px;
    margin-top: -4px
}

.okla-create-account .okla-add-lunch-money .okla-payment-type-button p {
    max-width: none;
    text-align: left
}

.okla-create-account .okla-add-lunch-money__add-to-account {
    margin-top: 12px
}

.okla-create-account .okla-add-lunch-money__add-to-account p {
    max-width: none;
    text-align: left
}

.okla-ready-to-order-modal {
    text-align: center
}

.lunch-money-autopay-amount-input .okla-select {
    margin-bottom: 12px
}

.okla-not-found {
    background-color: #f2f2f4;
    background-image: url(/static/media/pancakes.7fb2a0a09baa18a86616.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 25%;
    flex-grow: 2
}

.okla-not-found__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 48px 0
}

.okla-not-found .okla-logo {
    margin-right: 0
}

.okla-not-found h1 {
    font-size: 5rem
}

@media(min-width:1440px) {
    .okla-not-found {
        background-position-x: 100%;
        background-position-y: 200px
    }
}

@media(max-width:599px) {
    .okla-not-found {
        background-image: none
    }
}

.okla-accordion-menu__logo {
    margin: 24px
}

.okla-accordion-menu__content {
    background: #35260b;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .25);
    color: #f2f2f4;
    font-weight: 500;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: all .05s ease-in;
    width: 75px;
    z-index: 100
}

.okla-accordion-menu__content .okla-accordion-menu__logo {
    margin-left: 12px;
    transition: all .05s ease-in
}

.okla-accordion-menu__content .okla-accordion-menu__logo .okla-logo {
    font-size: 1rem;
    transition: all .05s ease-in
}

.okla-accordion-menu__content:focus,
.okla-accordion-menu__content:hover {
    width: 218px
}

.okla-accordion-menu__content:focus ul,
.okla-accordion-menu__content:hover ul {
    opacity: 1
}

.okla-accordion-menu__content:focus .okla-accordion-menu__logo,
.okla-accordion-menu__content:hover .okla-accordion-menu__logo {
    margin-left: 24px
}

.okla-accordion-menu__content:focus .okla-accordion-menu__logo .okla-logo,
.okla-accordion-menu__content:hover .okla-accordion-menu__logo .okla-logo {
    font-size: 2.75rem
}

.okla-accordion-menu__content ul {
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 0;
    transition: opacity .05s ease-in;
    width: 100%
}

.okla-accordion-menu__content .okla-accordion-menu__log-out .okla-accordion-menu__content-link {
    padding: 0
}

.okla-accordion-menu__content .okla-accordion-menu__log-out .okla-accordion-menu__content-title {
    border-top: 1px solid #747474;
    margin-left: 24px;
    padding: 36px 24px 24px;
    width: 60%
}

.okla-accordion-menu__content .okla-accordion-menu__log-out .okla-accordion-menu__content-title div {
    margin-left: -24px;
    margin-top: -12px
}

.okla-accordion-menu__content-link {
    color: inherit;
    display: inline-block;
    font-family: futura-pt, sans-serif;
    font-size: 1rem;
    padding: 24px 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

.okla-accordion-menu__content-link:hover {
    background: rgba(0, 0, 0, .2);
    cursor: pointer
}

.okla-accordion-menu__content-link.active {
    background: #aed37c
}

.okla-accordion-menu__content-title {
    display: flex;
    padding: 0 24px
}

.okla-accordion-menu__content-footer {
    align-items: center;
    display: flex;
    padding: 0 24px;
    text-transform: lowercase;
    width: 100%
}

.okla-accordion-menu__content-footer .okla-icon {
    margin-top: 4px
}

.okla-accordion-menu__icon-prefix {
    margin-right: 12px
}

.okla-accordion-menu__icon-postfix {
    margin-left: 12px
}

.okla-accordion-menu__footer {
    bottom: 0;
    position: fixed;
    width: 218px
}

@media(min-width:1024px) {
    .okla-accordion-menu__content {
        left: 0;
        width: 218px
    }

    .okla-accordion-menu__content .okla-accordion-menu__logo {
        margin-left: 24px
    }

    .okla-accordion-menu__content .okla-accordion-menu__logo .okla-logo {
        font-size: 2.75rem
    }

    .okla-accordion-menu__content ul {
        opacity: 1
    }
}

.okla-admin-dashboard__body,
.okla-admin-dashboard__reports {
    align-items: center;
    display: flex;
    flex-direction: column
}

.okla-admin-dashboard__reports {
    background: #f2f2f4;
    padding: 48px;
    width: 100%
}

.okla-admin-dashboard__reports-content {
    max-width: 1024px;
    width: 100%
}

@media(max-width:820px) {
    .okla-admin-dashboard__reports-content {
        max-width: 340px
    }
}

.okla-admin-dashboard__reports-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.okla-admin-dashboard__reports-orders {
    align-items: center;
    color: #797266;
    display: flex;
    font-size: 2.75rem
}

.okla-admin-dashboard__reports-orders .okla-icon,
.okla-admin-dashboard__reports-orders .okla-spinner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-right: 4px
}

.okla-admin-dashboard__reports-tiles {
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media(max-width:820px) {
    .okla-admin-dashboard__reports-tiles {
        flex-direction: column
    }
}

.okla-admin-dashboard__reports-box {
    align-items: center;
    background-color: #fff;
    border: 1px solid #a9a295;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 320px;
    justify-content: center;
    margin: 24px 0 24px 24px;
    max-width: 340px;
    min-width: 200px;
    padding: 0 12px;
    position: relative;
    text-align: center;
    width: 33%
}

.okla-admin-dashboard__reports-box:hover {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .15);
    cursor: pointer
}

.okla-admin-dashboard__reports-box--is-disabled:before {
    background: hsla(0, 0%, 100%, .5);
    content: " ";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.okla-admin-dashboard__reports-box--is-disabled:hover {
    box-shadow: none;
    cursor: default
}

.okla-admin-dashboard__reports-box:first-of-type {
    margin-left: 0
}

.okla-admin-dashboard__reports-box-icon.orange {
    color: #fdbe4e
}

.okla-admin-dashboard__reports-box-icon.green {
    color: #8cc63f
}

.okla-admin-dashboard__reports-box-icon.yellow {
    color: #ffde16
}

.okla-admin-dashboard__reports-box-count {
    color: #000;
    font-family: futura-pt, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 12px
}

.okla-admin-dashboard__reports-box-type {
    color: #797266;
    font-size: .75rem;
    font-weight: 600;
    margin-top: 4px;
    text-transform: uppercase
}

.okla-admin-dashboard__reports-box-print {
    color: #35260b;
    font-family: futura-pt, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 48px;
    text-transform: uppercase
}

@media(max-width:820px) {
    .okla-admin-dashboard__reports-box {
        margin: 12px 0;
        width: 100%
    }
}

.okla-admin-dashboard__reports-button-small {
    flex-grow: 1;
    margin-right: 12px
}

.okla-admin-dashboard__reports-button-small:last-of-type {
    margin-right: 0
}

@media(max-width:820px) {
    .okla-admin-dashboard__reports-button-small {
        margin-right: 0
    }
}

.okla-admin-dashboard__reports-buttons {
    display: flex;
    justify-content: space-between
}

.okla-admin-dashboard__reports-buttons button {
    height: 100%;
    width: 100%
}

.okla-admin-dashboard__reports-buttons button .okla-button__content {
    align-items: center
}

@media(max-width:1270px) {
    .okla-admin-dashboard__reports-buttons button {
        padding: 12px 16px
    }
}

@media(max-width:1130px) {
    .okla-admin-dashboard__reports-buttons button {
        font-size: 1rem;
        padding: 10px 12px
    }
}

@media(max-width:895px) {
    .okla-admin-dashboard__reports-buttons button {
        font-size: .875rem;
        padding: 10px
    }
}

@media(max-width:820px) {
    .okla-admin-dashboard__reports-buttons {
        flex-direction: column
    }

    .okla-admin-dashboard__reports-buttons button {
        font-size: 1rem;
        margin: 12px 0;
        padding: 12px 16px;
        width: 100%
    }
}

.okla-admin-dashboard__weekly-email {
    font-family: futura-pt, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    margin: 48px;
    max-width: 1024px;
    width: calc(100% - 96px)
}

.okla-admin-dashboard__weekly-email-header {
    color: #797266;
    margin-bottom: 24px
}

.okla-admin-dashboard__weekly-email-sub-header {
    color: #797266;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 24px
}

@media(max-width:820px) {
    .okla-admin-dashboard button {
        width: 100%
    }
}

.okla-admin-table input,
.okla-admin-table textarea,
.okla-form-input input,
.okla-form-input textarea {
    background: #ededed;
    border: 1px solid #ededed;
    border-radius: 4px;
    box-sizing: border-box;
    color: #000;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1rem;
    margin: 12px;
    outline: 0;
    padding: 16px;
    width: 100%
}

.okla-admin-table input::-webkit-input-placeholder,
.okla-admin-table textarea::-webkit-input-placeholder,
.okla-form-input input::-webkit-input-placeholder,
.okla-form-input textarea::-webkit-input-placeholder {
    color: #000;
    font-size: .875rem
}

.okla-admin-table input::placeholder,
.okla-admin-table textarea::placeholder,
.okla-form-input input::placeholder,
.okla-form-input textarea::placeholder {
    color: #000;
    font-size: .875rem
}

.okla-admin-table input:active,
.okla-admin-table input:focus,
.okla-admin-table textarea:active,
.okla-admin-table textarea:focus,
.okla-form-input input:active,
.okla-form-input input:focus,
.okla-form-input textarea:active,
.okla-form-input textarea:focus {
    background: #ededed;
    border-color: #747474
}

.okla-admin-table input:-webkit-autofill,
.okla-admin-table textarea:-webkit-autofill,
.okla-form-input input:-webkit-autofill,
.okla-form-input input:-webkit-autofill:focus,
.okla-form-input input:-webkit-autofill:hover,
.okla-form-input textarea:-webkit-autofill,
.okla-form-input textarea:-webkit-autofill:focus,
.okla-form-input textarea:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 1000px #ededed !important;
    -webkit-box-shadow: inset 0 0 0 1000px #ededed !important
}

.okla-form-input__error-text,
.okla-form-input__helper-text {
    color: #747474;
    font-size: .75rem;
    margin-bottom: 12px;
    margin-left: 16px;
    margin-top: -6px
}

.okla-form-input__error-text {
    color: #e60202
}

.okla-form-input--has-error input {
    border-color: #e60202
}

.okla-form {
    display: flex;
    flex-direction: column
}

.okla-form .okla-admin-table input,
.okla-form .okla-admin-table textarea,
.okla-form .okla-form-input input,
.okla-form .okla-form-input textarea,
.okla-form .okla-select {
    margin: 12px 0
}

.okla-form .okla-select {
    width: 100%
}

.okla-form button {
    align-self: flex-end;
    margin: 12px 0
}

.okla-form label .okla-form__label-text {
    display: none
}

.okla-form--dark-gray .okla-admin-table input,
.okla-form--dark-gray .okla-admin-table textarea,
.okla-form--dark-gray .okla-form-input input,
.okla-form--dark-gray .okla-form-input textarea {
    background: #e0e1e3
}

.okla-form--dark-gray .okla-admin-table input:-webkit-autofill,
.okla-form--dark-gray .okla-admin-table textarea:-webkit-autofill,
.okla-form--dark-gray .okla-form-input input:-webkit-autofill,
.okla-form--dark-gray .okla-form-input input:-webkit-autofill:focus,
.okla-form--dark-gray .okla-form-input input:-webkit-autofill:hover,
.okla-form--dark-gray .okla-form-input textarea:-webkit-autofill,
.okla-form--dark-gray .okla-form-input textarea:-webkit-autofill:focus,
.okla-form--dark-gray .okla-form-input textarea:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 1000px #e0e1e3 !important;
    -webkit-box-shadow: inset 0 0 0 1000px #e0e1e3 !important
}

.okla-select__indicators:hover {
    cursor: pointer
}

.okla-select__option--is-selected {
    background: #fff !important;
    color: #000 !important
}

.okla-select__option--is-focused {
    background: rgba(103, 80, 164, .12) !important;
    color: #000 !important
}

.okla-select__menu-portal {
    margin-top: -6px !important;
    z-index: 999 !important
}

.okla-select__menu {
    margin-top: 1px !important;
    text-align: left !important;
    z-index: 999 !important
}

.okla-select__control {
    height: 50px
}

.okla-select__control--is-focused {
    border-color: #6200ee !important;
    border-width: .5px !important;
    box-shadow: 0 0 0 .5px #6200ee !important
}

.okla-select__indicator-separator {
    display: none
}

.okla-select--gray .okla-select__control {
    background: #ededed;
    border-color: #ededed
}

.okla-select--gray .okla-select__control--is-focused {
    border-color: #c4c4c4 !important;
    border-width: .5px !important;
    box-shadow: 0 0 0 .5px #c4c4c4 !important
}

.okla-select--gray .okla-select__option--is-focused {
    background: #f2f2f4 !important;
    color: #000 !important
}

.okla-select--gray .okla-select__indicator,
.okla-select--gray .okla-select__placeholder {
    color: #000
}

.okla-select--has-error .okla-select__control {
    border-color: #e60202
}

.okla-admin {
    display: flex;
    padding-left: 75px;
    width: 100%
}

.okla-admin__content {
    width: 100%
}

.okla-admin-header {
    align-items: flex-end;
    border-bottom: 1px solid #a9a295;
    display: flex;
    font-family: futura-pt, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    height: 100px;
    padding: 0 24px 12px;
    width: 100%
}

.okla-admin-header h1 {
    color: #747474;
    font-size: 1.5rem
}

.okla-admin-header__text {
    align-items: flex-end;
    color: #797266;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

@media(max-width:599px) {
    .okla-admin-header__text {
        flex-direction: column;
        font-size: 1.125rem;
        height: 100%;
        justify-content: center
    }
}

.okla-admin-header__back {
    padding: 34px 0 4px
}

.okla-admin-header__back button {
    color: #ea8b00
}

.okla-admin-header__back button:hover {
    box-shadow: none
}

.okla-admin__print-source {
    display: none
}

@media print {
    .okla-admin__print-source {
        background-color: #fff;
        display: block
    }
}

@media(min-width:1024px) {
    .okla-admin {
        padding-left: 218px
    }
}

.okla-admin-back {
    width: 100%
}

.okla-admin-back .okla-back-button {
    color: #fdbe4e;
    text-transform: capitalize
}

.okla-admin-back .okla-back-button:hover {
    box-shadow: inset 0 0 0 1px #fdbe4e
}

.okla-admin-back .okla-back-button:active {
    background: rgba(253, 190, 78, .2)
}

.okla-admin-table input[type=search] {
    margin-left: 0;
    width: 100%
}

.okla-admin-table table {
    border-bottom: 1px solid #e0e1e3;
    border-collapse: collapse
}

.okla-admin-table td,
.okla-admin-table thead th {
    padding: 10px;
    text-align: left
}

.okla-admin-table thead th {
    color: #747474;
    font-size: 1.125rem;
    font-weight: 600
}

.okla-admin-table thead th button {
    display: none
}

.okla-admin-table thead th:hover {
    cursor: pointer
}

.okla-admin-table thead tr {
    border-bottom: 1px solid #e0e1e3
}

.okla-admin-table tbody tr:hover td {
    background: #f2f2f4
}

.okla-admin-table__pagination {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.okla-admin-table__pagination__label {
    margin-right: 24px
}

.okla-admin-table--with-gridjs-pagination .gridjs-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px
}

.okla-admin-table--with-gridjs-pagination .gridjs-pages {
    margin-top: 12px
}

.okla-admin-table--with-gridjs-pagination .gridjs-pages button {
    background: #fff;
    border: 1px solid #e0e1e3;
    box-shadow: none;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    margin: 4px;
    outline: 0;
    padding: 12px
}

.okla-admin-table--with-gridjs-pagination .gridjs-pages button:hover {
    border-color: #747474;
    cursor: pointer
}

.okla-admin-table--with-gridjs-pagination .gridjs-pages button:first-of-type {
    margin-left: 0
}

.okla-admin-table--with-gridjs-pagination .gridjs-pages button:last-of-type {
    margin-right: 0
}

.okla-admin-table--with-gridjs-pagination .gridjs-pages button.gridjs-currentPage {
    background: rgba(253, 190, 78, .5)
}

.okla-form-input textarea {
    min-height: 260px
}

.okla-admin-kitchen-report {
    padding: 0 50px
}

.okla-admin-kitchen-report .okla-admin-print__header {
    color: #ea8b00;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: space-between
}

.okla-admin-kitchen-report .okla-admin-print__table-header {
    align-items: center;
    border-bottom: 2px solid #000;
    color: #797266;
    display: grid;
    font-size: 16px;
    font-weight: 700;
    grid-template-columns: 1fr 4em 4em 4em 4em;
    height: 40px;
    margin-top: 15px
}

.okla-admin-kitchen-report .okla-admin-print__table-row {
    align-items: center;
    border-bottom: 1px solid #a9a295;
    color: #797266;
    display: grid;
    font-size: 16px;
    font-weight: 400;
    grid-template-columns: 1fr 4em 4em 4em 4em;
    height: 40px
}

.okla-admin-kitchen-report .okla-admin-print__table-row.blue {
    background-color: #ecf1f9
}

.okla-admin-kitchen-report .okla-admin-print__table-row.grey {
    background-color: #f6f6f6
}

.okla-admin-kitchen-report .okla-admin-print__table-amount {
    text-align: center
}

.okla-admin-bento-report {
    padding: 0 50px
}

.okla-admin-bento-report .okla-admin-print__header {
    color: #ea8b00;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: space-between
}

.okla-admin-bento-report .okla-admin-print__table-header {
    align-items: center;
    border-bottom: 2px solid #000;
    color: #797266;
    display: grid;
    font-size: 16px;
    font-weight: 700;
    grid-template-columns: 1fr 4em;
    height: 40px;
    margin-top: 15px
}

.okla-admin-bento-report .okla-admin-print__table-row {
    align-items: center;
    border-bottom: 1px solid #a9a295;
    color: #797266;
    display: grid;
    font-size: 16px;
    font-weight: 400;
    grid-template-columns: 1fr 4em;
    height: 40px;
    padding-left: 10px
}

.okla-admin-bento-report .okla-admin-print__table-row.blue {
    background-color: #ecf1f9
}

.okla-admin-bento-report .okla-admin-print__table-row.grey {
    background-color: #f6f6f6
}

.okla-admin-bento-report .okla-admin-print__table-amount {
    text-align: center
}

.okla-admin-drinks-extras-report {
    padding: 0 24px
}

.okla-admin-drinks-extras-report .okla-admin-dae-report-table .okla-admin-print__table-header {
    font-size: 1rem;
    font-weight: 700;
    padding: 12px
}

.okla-admin-drinks-extras-report .okla-admin-dae-report-table .okla-admin-dae-report__drinks-header-row,
.okla-admin-drinks-extras-report .okla-admin-dae-report-table .okla-admin-dae-report__sides-header-row,
.okla-admin-drinks-extras-report .okla-admin-dae-report-table .okla-admin-dae-report__treats-header-row {
    background: #fdbe4e;
    color: #797266;
    font-size: .875rem;
    font-weight: 400;
    padding: 4px 12px
}

.okla-admin-drinks-extras-report .okla-admin-dae-report-table .okla-admin-dae-report__treats-header-row {
    background: #fffbac
}

.okla-admin-drinks-extras-report .okla-admin-dae-report-table .okla-admin-dae-report__sides-header-row {
    background: #aed37c
}

.okla-admin-drinks-extras-report .okla-admin-print__header {
    color: #febccc;
    display: flex;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: space-between;
    margin-top: 12px;
    padding: 12px
}

.okla-admin-drinks-extras-report .okla-admin-print__table-header {
    align-items: center;
    color: #797266;
    display: flex;
    font-size: .625rem;
    font-weight: 700;
    height: 40px;
    margin-top: 12px
}

.okla-admin-drinks-extras-report .okla-admin-print__table-row {
    align-items: center;
    color: #797266;
    display: flex;
    font-size: .75rem;
    font-weight: 400;
    height: 40px;
    padding: 0 12px
}

.okla-admin-drinks-extras-report .okla-admin-print__table-row .okla-admin-dae-report__item-label {
    flex-basis: 80%;
    flex-grow: 0;
    flex-shrink: 0
}

.okla-admin-drinks-extras-report .okla-admin-print__table-row .okla-admin-print__table-amount {
    flex-basis: 20%;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center
}

.okla-admin-drinks-extras-report .okla-admin-print__table-row.school {
    align-items: center;
    background-color: #e0e1e3;
    color: #8cc63f;
    display: flex;
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 24px;
    padding: 12px;
    text-transform: uppercase
}

.okla-admin-drinks-extras-report .okla-admin-print__table-row.school .okla-icon {
    margin-right: 12px
}

.okla-admin-drinks-extras-report .okla-admin-print__table-row:nth-child(2n):not(.school) {
    background-color: hsla(240, 8%, 95%, .25)
}

.okla-admin-drinks-extras-report .okla-admin-print__table-row:nth-child(odd):not(.school) {
    background-color: rgba(188, 214, 254, .2)
}

.okla-admin-delivery-report {
    padding: 0 50px
}

.okla-admin-delivery-report .okla-admin-print__header {
    display: flex;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: space-between;
    margin-bottom: 12px
}

.okla-admin-delivery-report .okla-admin-print__table-header {
    align-items: center;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    height: 40px;
    margin-top: 12px
}

.okla-admin-delivery-report .okla-admin-print__table-row {
    align-items: center;
    color: #797266;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    height: 60px;
    padding-left: 12px
}

.okla-admin-delivery-report .okla-admin-print__table-eater {
    flex-basis: 19%;
    flex-shrink: 0;
    font-weight: 600
}

.okla-admin-delivery-report .okla-admin-print__table-meal {
    display: flex;
    flex-basis: 80%;
    flex-direction: column;
    flex-shrink: 0
}

.okla-admin-delivery-report .okla-admin-print__table-meal-extras {
    font-size: .625rem
}

.okla-admin-delivery-report .okla-admin-print__table-meal-name {
    font-weight: 600;
    text-transform: capitalize
}

.okla-admin-delivery-report .okla-admin-print__table-meal-details {
    display: flex
}

.okla-admin-delivery-report .okla-admin-print__delivery-report-options {
    flex-basis: 70%;
    flex-shrink: 0;
    margin-right: 24px
}

.okla-admin-delivery-report .okla-admin-print__table-row.school {
    background-color: #c4c4c4;
    color: #000;
    display: flex;
    font-size: 1.125rem;
    font-weight: 700;
    height: 40px;
    text-transform: uppercase
}

.okla-admin-delivery-report .okla-admin-print__table-row.school .okla-icon {
    margin-right: 4px
}

.okla-admin-delivery-report .okla-admin-print__table-row.blue {
    background-color: #fff
}

.okla-admin-delivery-report .okla-admin-print__table-row.grey {
    background-color: #f2f2f4
}

.okla-admin-delivery-report .okla-admin-print__table-row.yellow {
    background-color: #fffbac
}

.okla-admin-delivery-report .okla-admin-print__table-row.orange {
    background-color: #fdbe4e
}

@media print {

    .okla-admin-print__order-row:nth-of-type(18),
    .okla-admin-print__pageBreak {
        -webkit-column-break-before: always;
        break-before: always;
        page-break-before: always
    }
}

.okla-admin-packing-report {
    padding: 0 48px
}

.okla-admin-packing-report .okla-admin-print__header {
    color: #8cc63f;
    display: flex;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-top: 48px
}

.okla-admin-packing-report .okla-admin-print__table-header {
    align-items: center;
    color: #797266;
    display: flex;
    font-size: .625rem;
    font-weight: 700;
    height: 40px;
    margin-top: 12px
}

.okla-admin-packing-report .okla-admin-print__table-row {
    align-items: center;
    color: #797266;
    display: flex;
    font-size: .75rem;
    font-weight: 400;
    height: 40px
}

.okla-admin-packing-report .okla-admin-print__table-row-name {
    display: flex
}

.okla-admin-packing-report .okla-admin-print__table-row.school {
    align-items: center;
    background-color: #e0e1e3;
    color: #797266;
    display: flex;
    font-size: .75rem;
    font-weight: 700
}

.okla-admin-packing-report .okla-admin-print__table-row.school .okla-icon {
    margin-right: 4px
}

.okla-admin-packing-report .okla-admin-print__table-row.school .okla-admin-print__table-row-name {
    color: #8cc63f;
    font-size: .875rem;
    text-transform: uppercase
}

.okla-admin-packing-report .okla-admin-packing-report-col--total {
    text-transform: uppercase
}

.okla-admin-packing-report .okla-admin-print__table-row:nth-child(2n):not(.school) {
    background-color: hsla(240, 8%, 95%, .25)
}

.okla-admin-packing-report .okla-admin-print__table-row:nth-child(odd):not(.school) {
    background-color: rgba(188, 214, 254, .2)
}

.okla-admin-packing-report .okla-admin-print__table-row.yellow {
    background-color: #fffbac
}

.okla-admin-packing-report .okla-admin-print__table-row.orange {
    background-color: #fdbe4e
}

.okla-admin-packing-report .okla-admin-print__table-amount {
    text-align: center
}

.okla-admin-packing-report .okla-admin-packing-report-col {
    flex-basis: 6.8%;
    flex-grow: 0;
    flex-shrink: 0
}

.okla-admin-packing-report .okla-admin-packing-report-col--large {
    flex-basis: 11.5%;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    padding-left: 4px
}

.okla-admin-packing-report .okla-admin-packing-report-table-wrapper--is-daily-totals .okla-admin-print__table-row:not(.school) {
    background: #fff;
    font-weight: 600;
    text-transform: uppercase
}

@media print {
    .okla-admin-print__pageBreak {
        -webkit-column-break-before: always;
        break-before: always;
        page-break-before: always
    }
}

.okla-admin-label {
    height: 2in;
    margin: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    width: 4in
}

.okla-admin-label__name {
    color: #ea8b00;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px;
    overflow-wrap: inherit
}

.okla-admin-label__meal {
    color: #797266;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

.okla-admin-label__size {
    margin-left: 4px;
    text-transform: capitalize
}

.okla-admin-label-details {
    display: flex;
    justify-content: space-between
}

.okla-admin-label-details-column {
    display: flex;
    flex-direction: column
}

.okla-admin-label-details-column__options {
    color: #797266;
    font-size: 9px;
    font-weight: 400;
    height: 30px;
    width: 180px
}

.okla-admin-label-details-column__side {
    color: #797266;
    font-size: 9px;
    font-weight: 400;
    height: 15px;
    width: 180px
}

.okla-admin-label-details-column__treat {
    color: #8cc63f;
    font-size: 10px;
    font-weight: 500;
    text-align: right
}

.okla-admin-label-details-column__drink {
    color: #ea8b00;
    font-size: 10px;
    font-weight: 500;
    text-align: right
}

.okla-admin-label-logos {
    display: flex;
    justify-content: space-between
}

.okla-admin-label-logos__school {
    align-items: center;
    background-color: #8cc63f;
    border-radius: 7px;
    color: #fff;
    display: flex;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px
}

.okla-admin-label-logos__school-name {
    margin-left: 10px
}

.okla-admin-label-page {
    grid-column-gap: .5cm;
    -webkit-column-gap: .5cm;
    column-gap: .5cm;
    display: grid;
    grid-template-columns: 4in 4in;
    grid-template-rows: 2in 2in 2in 2in;
    margin-left: .16in
}

.okla-admin-calendar__content,
.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-admin-calendar__content,
    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-admin-calendar,
.okla-admin-calendar__content,
.okla-basic-wrapper,
.okla-basic-wrapper__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-admin-calendar__content,
.okla-basic-wrapper__content {
    padding: 48px 0;
    text-align: left
}

@media(max-width:768px) {

    .okla-admin-calendar__content,
    .okla-basic-wrapper__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-admin-calendar {
    position: relative
}

.okla-admin-calendar__loading {
    align-items: center;
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-admin-calendar .okla-spinner {
    margin-top: 48px
}

.okla-admin-calendar__content {
    text-align: center
}

.okla-admin-calendar__content .rdp,
.okla-admin-calendar__content .rdp .rdp-month,
.okla-admin-calendar__content .rdp .rdp-months {
    width: 100%
}

.okla-admin-calendar__content .rdp .rdp-table {
    max-width: 100%;
    width: 100%
}

@media(max-width:925px) {
    .okla-admin-calendar__content .rdp {
        max-width: 1020px;
        overflow-x: scroll;
        position: relative
    }

    .okla-admin-calendar__content .rdp .rdp-caption {
        left: 0;
        top: 0
    }
}

.okla-admin-calendar__content .rdp .rdp-head_row .rdp-head_cell:first-of-type,
.okla-admin-calendar__content .rdp .rdp-head_row .rdp-head_cell:last-of-type,
.okla-admin-calendar__content .rdp .rdp-row .rdp-cell:first-of-type,
.okla-admin-calendar__content .rdp .rdp-row .rdp-cell:last-of-type {
    display: none
}

.okla-admin-calendar__content .rdp .rdp-caption:first-of-type {
    margin-bottom: 28px;
    position: relative
}

.okla-admin-calendar__content .rdp .rdp-caption:first-of-type h2 {
    font-size: 1.125rem;
    font-weight: 500;
    justify-content: center;
    width: 100%;
    z-index: 0
}

.okla-admin-calendar__content .rdp .rdp-caption:first-of-type .rdp-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%
}

.okla-admin-calendar__content .rdp .rdp-caption:first-of-type .rdp-nav button:hover {
    background: #f2f2f4
}

.okla-admin-calendar__content .rdp .rdp-caption:first-of-type .rdp-nav button:focus {
    background: #f2f2f4;
    border: none
}

.okla-admin-calendar__content .rdp .rdp-caption:first-of-type .rdp-nav button:active {
    background: #f2f2f4
}

.okla-admin-calendar__content .rdp .rdp-cell {
    --rdp-cell-size: 100%;
    border: 1px solid #dadada;
    overflow: hidden;
    width: 20%
}

.okla-admin-calendar__content .rdp .rdp-day {
    border-radius: 0;
    height: 100%;
    max-width: none;
    width: 100%
}

.okla-admin-calendar__content .rdp .rdp-day:hover {
    background: hsla(240, 8%, 95%, .5)
}

.okla-admin-calendar__content .rdp .rdp-day:focus {
    background: #fdbe4e;
    border-color: #fdbe4e;
    color: #000
}

.okla-admin-calendar__content .rdp-row:first-of-type .rdp-cell:empty,
.okla-admin-calendar__content .rdp-row:last-of-type .rdp-cell:empty {
    height: 0;
    padding: 0
}

.okla-admin-calendar__cell {
    display: flex;
    height: 190px;
    min-height: 190px;
    overflow: hidden;
    padding: 12px;
    text-align: left;
    width: 100%
}

.okla-admin-calendar__cell-date {
    font-size: 1rem;
    position: absolute;
    right: 12px;
    top: 12px
}

.okla-admin-calendar__cell-items {
    font-size: .875rem;
    text-align: left;
    width: 100%
}

.okla-admin-calendar__cell-items p {
    display: block;
    line-height: 1.5rem;
    margin: 0;
    max-width: calc(100% - 24px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.okla-admin-calendar__cell-add-meals {
    align-items: center;
    color: #35260b;
    display: flex;
    font-family: futura-pt, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.rdp-day_disabled .okla-admin-calendar__cell-add-meals {
    display: none
}

.okla-admin-calendar__no-school,
.okla-admin-calendar__no-school-partial {
    background-color: #f2f2f4
}

.okla-admin-calendar__no-school-partial:after,
.okla-admin-calendar__no-school:after {
    align-items: center;
    color: #a9a295;
    content: "No School (all)";
    display: flex;
    font-family: futura-pt, sans-serif;
    font-size: .75rem;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    text-transform: uppercase;
    width: 100%
}

.okla-admin-calendar__no-school-partial:hover,
.okla-admin-calendar__no-school:hover {
    cursor: default
}

.okla-admin-calendar__no-school-partial {
    background-color: #fff;
    background-image: -webkit-linear-gradient(-45deg, #fff 70%, #f2f2f4 0);
    display: flex;
    flex-direction: column;
    height: 100%
}

.okla-admin-calendar__no-school-partial:after {
    bottom: 12px;
    content: "No School (some)";
    font-size: .625rem;
    height: 50px;
    position: absolute;
    right: 12px;
    text-align: center;
    width: 50px
}

.okla-admin-calendar__no-school-partial:hover {
    cursor: pointer
}

.okla-admin-calendar__no-school-partial p {
    max-width: 60%
}

.okla-days-off-modal {
    align-items: flex-start;
    background: hsla(0, 0%, 46%, .51);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5
}

.okla-days-off-modal__content {
    align-items: flex-start;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    margin-top: 96px;
    position: relative;
    width: 500px
}

.okla-days-off-modal__content h2,
.okla-days-off-modal__content p {
    border-bottom: 1px solid #dadada;
    display: block;
    margin: 0;
    padding: 16px;
    width: 100%
}

.okla-days-off-modal__content .okla-days-off-modal__close .okla-close-button {
    margin: 0;
    position: absolute;
    right: 4px;
    top: 4px
}

.okla-days-off-modal__content .okla-calendar-input .rdp {
    z-index: 30
}

.okla-days-off-modal__body {
    padding: 20px;
    width: 100%
}

.okla-days-off-modal__heading {
    border-bottom: 1px solid #797266;
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    width: 100%
}

.okla-days-off-modal__inputs {
    display: flex;
    flex-direction: column
}

.okla-days-off-modal__inputs-add {
    cursor: pointer;
    margin-top: 15px
}

.okla-days-off-modal__inputs .okla-text-input {
    width: 95%
}

.okla-days-off-modal__buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.okla-days-off-modal__buttons button {
    margin: 12px
}

.okla-days-off-modal__buttons button:first-of-type {
    margin-right: 0
}

.okla-select-days-off__control {
    width: 300px
}

.okla-calendar-input .rdp {
    background-color: #fff;
    border: 1px solid #747474
}

.okla-basic-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-manage-meals-modal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 94vh;
    max-width: 800px;
    min-height: 200px;
    overflow: hidden;
    top: 3vh;
    width: 80%
}

.okla-manage-meals-modal h2 {
    padding: 12px 24px
}

@media(max-width:800px) {
    .okla-manage-meals-modal {
        max-width: 100%;
        width: 100%
    }
}

.okla-manage-meals-modal .okla-spinner {
    margin: 48px auto
}

.okla-manage-meals-modal__meal-list {
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    height: 30vh;
    margin-bottom: 24px;
    max-height: 28vh;
    overflow-y: scroll;
    padding: 12px;
    position: relative;
    white-space: nowrap;
    width: 100%
}

@media(max-width:600px) {
    .okla-manage-meals-modal__meal-list {
        overflow-x: scroll
    }
}

.okla-manage-meals-modal__meal-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 12px 0;
    width: 100%
}

.okla-manage-meals-modal__meal-row:hover {
    font-size: 1rem;
    font-weight: 600
}

@media(max-width:600px) {
    .okla-manage-meals-modal__meal-row {
        max-width: 600px;
        min-width: 600px;
        width: 600px
    }
}

.okla-manage-meals-modal__meal-name {
    width: 50%
}

.okla-manage-meals-modal__meal-name--selected {
    color: #fdbe4e;
    font-weight: 600
}

.okla-manage-meals-modal__meal-add-keys,
.okla-manage-meals-modal__meal-buttons {
    display: flex;
    justify-content: flex-end;
    width: 70%
}

.okla-manage-meals-modal__meal-add-keys button,
.okla-manage-meals-modal__meal-buttons button {
    box-shadow: inset 0 0 0 1px #35260b;
    margin: 4px
}

.okla-manage-meals-modal__meal-add-keys button:hover,
.okla-manage-meals-modal__meal-buttons button:hover {
    background: #f2f2f4
}

.okla-manage-meals-modal__meal-button--selected button {
    background: #747474;
    color: #fff
}

.okla-manage-meals-modal__meal-add-keys {
    color: #797266;
    font-size: .75rem;
    width: 100%
}

.okla-manage-meals-modal__meal-add-keys div {
    margin: 4px;
    text-align: center;
    width: 100px
}

.okla-manage-meals-modal__meal-add-keys div:first-of-type {
    width: 79px
}

.okla-manage-meals-modal__meal-add-keys div:last-of-type {
    width: 124px
}

@media(max-width:600px) {
    .okla-manage-meals-modal__meal-add-keys {
        display: none
    }
}

.okla-manage-meals-modal__added-meal-list,
.okla-manage-meals-modal__schools-off-list {
    border-top: 1px solid #dadada;
    font-size: .75rem;
    max-height: 18vh;
    overflow-x: scroll;
    padding: 12px
}

.okla-manage-meals-modal__added-meal-list {
    margin-bottom: 24px
}

.okla-manage-meals-modal__schools-off-list {
    max-height: 11.5vh
}

.okla-manage-meals-modal__schools-off-list .okla-manage-meals-modal__added-meal-list-name {
    width: 100%
}

.okla-manage-meals-modal__added-meal-list-row,
.okla-manage-meals-modal__added-meal-list-row--soft-delete {
    align-items: center;
    border-bottom: 1px solid #f2f2f4;
    display: flex;
    justify-content: space-between;
    min-height: 24px;
    padding: 2px
}

.okla-manage-meals-modal__added-meal-list-row--soft-delete:hover,
.okla-manage-meals-modal__added-meal-list-row:hover {
    background: #f2f2f4
}

@media(max-width:600px) {

    .okla-manage-meals-modal__added-meal-list-row,
    .okla-manage-meals-modal__added-meal-list-row--soft-delete {
        max-width: 600px;
        min-width: 600px;
        width: 600px
    }
}

.okla-manage-meals-modal__added-meal-list--past,
.okla-manage-meals-modal__schools-off-list--past {
    border-top: 0;
    max-height: 40vh
}

.okla-manage-meals-modal__added-meal-list--past .okla-manage-meals-modal__added-meal-list-name,
.okla-manage-meals-modal__schools-off-list--past .okla-manage-meals-modal__added-meal-list-name {
    width: 100%
}

.okla-manage-meals-modal__added-meal-list-row--soft-delete .okla-manage-meals-modal__added-meal-list-name {
    color: #febccc;
    text-decoration: line-through
}

.okla-manage-meals-modal__added-meal-list-row--soft-delete .okla-manage-meals-modal__added-meal-list-when {
    font-weight: 600
}

.okla-manage-meals-modal__added-meal-list-action {
    display: flex;
    justify-content: flex-end;
    width: 95px
}

.okla-manage-meals-modal__added-meal-list-name {
    width: 20%
}

.okla-manage-meals-modal__added-meal-list-when {
    width: 40%
}

.okla-manage-meals-modal__added-meal-list-when span {
    color: #797266;
    margin-left: 4px
}

.okla-manage-meals-modal .okla-modal__footer-content {
    display: flex
}

.okla-manage-meals-modal .okla-modal__footer-content button {
    width: auto
}

.okla-manage-meals-modal__is-saving {
    align-items: center;
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-manage-meals-modal__is-saving .okla-spinner {
    position: fixed;
    top: 144px
}

.okla-account-settings__content,
.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-account-settings__content,
    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-account-settings,
.okla-account-settings__content,
.okla-basic-wrapper,
.okla-basic-wrapper__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-account-settings__content,
.okla-basic-wrapper__content {
    padding: 48px 0;
    text-align: left
}

.okla-account-settings__content,
.okla-basic-wrapper__content--skinny {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-account-settings__content,
    .okla-basic-wrapper__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-account-settings {
    padding: 24px
}

.okla-account-settings .okla-spinner {
    margin-top: 24px
}

.okla-account-settings__change-password {
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    margin-top: 24px;
    padding: 24px 0;
    width: 100%
}

.okla-account-settings__form-is-submitting {
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-account-settings__form-is-submitting .okla-spinner {
    margin-top: 20%
}

.okla-basic-wrapper__content,
.okla-change-password__content,
.okla-hero__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-change-password__content,
    .okla-hero__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-change-password,
.okla-change-password__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-change-password__content {
    padding: 48px 0;
    text-align: left
}

.okla-basic-wrapper__content--skinny,
.okla-change-password__content {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-change-password__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-change-password {
    padding: 24px
}

.okla-change-password__buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
    width: 100%
}

.okla-change-password__buttons button {
    margin: 4px
}

.okla-change-password__buttons button:last-of-type {
    margin-right: 0
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-manage-whos-eating__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-manage-whos-eating__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-manage-whos-eating,
.okla-manage-whos-eating__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-manage-whos-eating__content {
    padding: 48px 0;
    text-align: left
}

.okla-basic-wrapper__content--skinny,
.okla-manage-whos-eating__content {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-manage-whos-eating__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-manage-whos-eating {
    padding: 24px
}

.okla-manage-whos-eating__content {
    margin-top: 0;
    padding-top: 0
}

.okla-manage-whos-eating .okla-spinner {
    margin-top: 24px
}

.okla-manage-whos-eating .manage-whos-eating-modal {
    align-items: center;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    max-width: 475px;
    padding: 48px;
    position: fixed;
    top: 48px;
    width: 100%;
    z-index: 200
}

.okla-manage-whos-eating .manage-whos-eating-modal__is-staff {
    display: flex;
    justify-content: flex-start;
    width: 100%
}

.okla-manage-whos-eating .manage-whos-eating-modal .okla-close-button {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

.okla-manage-whos-eating .manage-whos-eating-modal .okla-eater-details {
    width: 100%
}

@media(max-width:599px) {
    .okla-manage-whos-eating .manage-whos-eating-modal {
        bottom: 0;
        height: 100vh;
        left: 0;
        max-width: 100%;
        right: 0;
        top: 0;
        width: 100%
    }
}

.okla-manage-whos-eating__form-is-submitting {
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-manage-whos-eating__form-is-submitting .okla-spinner {
    margin-top: 20%
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-manage-lunch-money__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-manage-lunch-money__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-manage-lunch-money,
.okla-manage-lunch-money__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-manage-lunch-money__content {
    padding: 48px 0;
    text-align: left
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-manage-lunch-money__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-manage-lunch-money {
    padding: 24px
}

.okla-manage-lunch-money h3 {
    text-align: left;
    width: 100%
}

.okla-manage-lunch-money__content {
    max-width: 550px
}

.okla-manage-lunch-money__actions {
    display: flex;
    width: 100%
}

.okla-manage-lunch-money__actions .okla-button--low {
    box-shadow: inset 0 0 0 1px #35260b;
    margin-right: 12px;
    width: 50%
}

.okla-manage-lunch-money__actions .okla-button--low .okla-button__content {
    flex-direction: row-reverse
}

.okla-manage-lunch-money__actions .okla-button--low .okla-icon {
    margin-left: 12px
}

.okla-manage-lunch-money__actions .okla-button--low:last-of-type {
    margin-right: 0
}

.okla-manage-lunch-money__actions .okla-button--low:hover {
    background: #f2f2f4
}

@media(max-width:768px) {
    .okla-manage-lunch-money__actions {
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%
    }

    .okla-manage-lunch-money__actions .okla-button--low {
        margin: 4px 0;
        width: 100%
    }
}

.okla-manage-lunch-money__history {
    margin: 24px 0;
    width: 100%
}

.okla-manage-lunch-money__history h3 {
    border-bottom: 1px solid #a9a295;
    padding-bottom: 12px
}

.okla-manage-lunch-money__description {
    color: #747474;
    margin: 12px 0
}

.okla-lunch-money-transaction-history {
    display: flex;
    flex-direction: column;
    width: 100%
}

.okla-lunch-money-transaction-history__record {
    border-bottom: 1px solid #e0e1e3;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    min-height: 68px;
    padding: 12px 0;
    width: 100%
}

.okla-lunch-money-transaction-history__label {
    color: #747474;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    text-transform: capitalize
}

.okla-lunch-money-transaction-history__label span {
    font-size: .75rem;
    font-weight: 400
}

.okla-lunch-money-transaction-history__amount--negative,
.okla-lunch-money-transaction-history__amount--positive {
    color: #747474;
    font-weight: 700
}

.okla-lunch-money-transaction-history__amount--positive {
    color: #8cc63f
}

.okla-lunch-money-transaction-history__amount--positive:before {
    content: "+"
}

.okla-lunch-money-transaction-history__amount--negative:before {
    content: "-"
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content,
.okla-temp-menu-create__content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content,
    .okla-temp-menu-create__content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-temp-menu-create,
.okla-temp-menu-create__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-temp-menu-create__content {
    padding: 48px 0;
    text-align: left
}

.okla-basic-wrapper__content--skinny,
.okla-temp-menu-create__content {
    max-width: 692px
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-temp-menu-create__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-temp-menu-create {
    padding-bottom: 96px;
    padding-top: 48px
}

.okla-temp-menu-create__content {
    align-items: flex-start
}

.okla-temp-menu-create .create-nav,
.okla-temp-menu-create .save-footer {
    background-color: #fff;
    border-bottom: 1px solid #747474;
    display: flex;
    left: 0;
    padding: 12px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.okla-temp-menu-create .create-nav a,
.okla-temp-menu-create .save-footer a {
    display: block;
    margin: 4px
}

.okla-temp-menu-create .save-footer {
    align-items: center;
    border-bottom: 0;
    border-top: 1px solid #747474;
    bottom: 0;
    justify-content: flex-end;
    padding: 4px 24px;
    top: auto
}

.okla-temp-menu-create .last-saved {
    margin-right: 12px
}

.okla-temp-menu-create .notes {
    background: rgba(253, 190, 78, .2);
    border: 1px solid #fdbe4e;
    color: #523305;
    font-size: .875rem;
    margin-bottom: 24px;
    padding: 12px;
    width: 100%
}

.okla-temp-menu-create h1,
.okla-temp-menu-create h2 {
    display: block;
    padding-bottom: 24px;
    text-align: center;
    width: 100%
}

.okla-temp-menu-create h2 {
    border-bottom: 1px solid #e0e1e3
}

.okla-temp-menu-create hr {
    border: .5px solid #e0e1e3;
    margin: 24px 0;
    width: 100%
}

.okla-temp-menu-create .okla-form-input:not(.okla-form-input.okla-checkbox) {
    width: 100%
}

.okla-temp-menu-create label:not(.okla-form-input) {
    margin-top: 24px
}

.okla-temp-menu-create .special-helper-text {
    margin-left: 0;
    margin-top: 12px
}

.okla-temp-menu-create .okla-select label {
    margin-bottom: 12px
}

.okla-temp-menu-create .size-form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%
}

.okla-temp-menu-create .size-detail {
    display: flex
}

.okla-temp-menu-create .size-detail .tiny-label {
    font-size: .625rem;
    margin: 0 0 2px
}

.okla-temp-menu-create .size-detail .okla-form-input:not(.okla-checkbox) input {
    margin: 0
}

.okla-temp-menu-create .size-detail .okla-checkbox {
    justify-content: flex-end;
    margin-right: 24px;
    min-height: 75px;
    min-width: 100px
}

.okla-temp-menu-create .size-detail .okla-text-input input {
    width: 80px
}

.okla-temp-menu-create .size-detail__price {
    align-items: center;
    display: flex;
    flex-direction: column
}

.okla-temp-menu-create .has-sizes-question {
    margin: 24px 0
}

.okla-temp-menu-create .configure-options,
.okla-temp-menu-create .extras-configuration {
    width: 100%
}

.okla-temp-menu-create .extras-configuration .configured-option__option {
    background: transparent;
    margin: 24px 0;
    width: 100%
}

.okla-temp-menu-create .configured-option {
    border-bottom: 1px solid #fdbe4e;
    margin: 24px 0;
    padding: 24px 0;
    position: relative;
    width: 100%
}

.okla-temp-menu-create .configured-option .special-helper-text {
    margin-top: 4px
}

.okla-temp-menu-create .configured-option .okla-destructive-button {
    position: absolute;
    right: 0;
    top: -20px
}

.okla-temp-menu-create .configured-option__option {
    align-items: flex-start;
    background: rgba(253, 190, 78, .025);
    border: 1px solid #fdbe4e;
    display: flex;
    flex-direction: column;
    margin: 24px 0 24px 24px;
    padding: 24px 12px 12px;
    position: relative
}

.okla-temp-menu-create .configured-option__option:first-of-type:not(.configured-side) {
    padding-top: 36px
}

.okla-temp-menu-create .configured-option__option:first-of-type:not(.configured-side):after {
    background: #523305;
    color: #fff;
    content: "default";
    display: block;
    font-size: .75rem;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 99%;
    z-index: 1
}

.okla-temp-menu-create .configured-option__option .okla-destructive-button {
    position: absolute;
    right: -1px;
    top: -24px;
    z-index: 2
}

.okla-temp-menu-create .configured-option__option .okla-form-input input {
    padding: 12px
}

.okla-temp-menu-create .configured-option__option label:not(.okla-form-input) {
    margin-top: 12px
}

.okla-temp-menu-create .configured-option__option__row {
    display: flex;
    width: 100%
}

.okla-temp-menu-create .configured-option__option__row div:first-of-type {
    flex-grow: 1;
    margin-right: 24px
}

.okla-temp-menu-create .configured-option__option__price {
    width: 140px
}

.okla-temp-menu-create .configured-option__option__tags {
    display: flex
}

.okla-temp-menu-create .configured-option__option__tags .okla-checkbox {
    margin-right: 24px
}

.okla-temp-menu-create .add-food-components {
    width: 100%
}

.okla-temp-menu-create .add-food-component {
    display: flex;
    margin: 24px 0;
    width: 100%
}

.okla-temp-menu-create .add-food-component div {
    margin-right: 12px
}

.okla-temp-menu-create .add-food-component .okla-form-input__helper-text {
    margin-left: 0
}

.okla-temp-menu-create .add-food-component__quantity {
    max-width: 100px
}

.okla-temp-menu-create .add-food-component__unit {
    max-width: 140px
}

.okla-temp-menu-create .add-food-component__item {
    flex-grow: 1
}

.okla-temp-menu-create .food-component-button-wrapper {
    align-items: center;
    display: flex
}

.okla-temp-menu-create .food-component-button-wrapper .okla-form-input__helper-text {
    margin: 0 4px
}

.okla-temp-menu-create .food-component-group {
    border: 1px solid #fdbe4e;
    border-bottom: 0
}

.okla-temp-menu-create .food-component-group h3 {
    align-items: center;
    color: #747474;
    display: flex;
    padding: 4px 12px;
    width: 100%
}

.okla-temp-menu-create .food-component-group h3 .header-text:first-letter {
    text-transform: capitalize
}

.okla-temp-menu-create .food-component-group h3 span {
    align-items: center;
    background: #523305;
    border-radius: 100%;
    color: #fff;
    display: flex;
    font-size: .75rem;
    height: 18px;
    justify-content: center;
    margin: 0 4px;
    padding: 4px;
    width: 18px
}

.okla-temp-menu-create .food-component-group h3:hover {
    color: #523305;
    cursor: pointer
}

.okla-temp-menu-create .food-component-group h3.opened {
    background-color: #fdbe4e;
    color: #000
}

.okla-temp-menu-create .food-component-group h3.opened+.food-component-list {
    display: block
}

.okla-temp-menu-create .base-food-component-group h3 {
    background-color: #fdbe4e;
    color: #000
}

.okla-temp-menu-create .add-food-components {
    border-bottom: 1px solid #fdbe4e
}

.okla-temp-menu-create .add-food-components .notes {
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 24px;
    padding: 24px;
    text-align: center
}

.okla-temp-menu-create .food-component-list {
    display: none;
    padding: 0 12px
}

.okla-temp-menu-create .base-food-component-list {
    border-bottom: 1px solid #fdbe4e;
    display: block
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-manage-payment-methods__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-manage-payment-methods__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-basic-wrapper,
.okla-basic-wrapper__content,
.okla-manage-payment-methods,
.okla-manage-payment-methods__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content,
.okla-manage-payment-methods__content {
    padding: 48px 0;
    text-align: left
}

@media(max-width:768px) {

    .okla-basic-wrapper__content,
    .okla-manage-payment-methods__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-manage-payment-methods {
    padding: 24px
}

.okla-manage-payment-methods h3 {
    border-bottom: 1px solid #797266;
    padding-bottom: 12px;
    text-align: left;
    width: 100%
}

.okla-manage-payment-methods__content {
    max-width: 500px
}

.okla-manage-payment-methods .okla-manage-payment-methods-back {
    max-width: 500px;
    width: 100%
}

.okla-manage-payment-methods .okla-manage-payment-methods-back .okla-back-button {
    color: #fdbe4e;
    margin-bottom: 24px;
    margin-left: -48px;
    text-transform: capitalize
}

.okla-manage-payment-methods .okla-manage-payment-methods-back .okla-back-button:hover {
    box-shadow: inset 0 0 0 1px #fdbe4e
}

.okla-manage-payment-methods .okla-manage-payment-methods-back .okla-back-button:active {
    background: rgba(253, 190, 78, .2)
}

.okla-manage-payment-methods .okla-payment-method-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
    width: 100%
}

.okla-credit-card,
.okla-credit-card .okla-form {
    width: 100%
}

.okla-credit-card__card-element {
    background: #ededed;
    border: 1px solid #ededed;
    border-radius: 4px;
    box-sizing: border-box;
    color: #000;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1rem;
    margin: 12px 0;
    outline: 0;
    padding: 16px;
    width: 100%
}

.okla-credit-card__form-is-submitting {
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-credit-card__form-is-submitting .okla-spinner {
    margin-top: 20%
}

.okla-credit-card__row {
    align-items: flex-start;
    display: flex
}

.okla-credit-card__row .okla-text-input:first-of-type {
    margin-right: 12px;
    min-width: 70%
}

@media(max-width:599px) {
    .okla-credit-card__row:first-of-type {
        flex-direction: column
    }

    .okla-credit-card__row .okla-text-input,
    .okla-credit-card__row .okla-text-input:first-of-type {
        min-width: 100%
    }
}

.okla-credit-card__input-with-helper-text {
    display: flex;
    flex-direction: column;
    margin-right: 12px;
    min-width: 50%
}

.okla-add-payment-method .okla-form-input.okla-checkbox {
    justify-content: left
}

.okla-add-payment-method .okla-modal__footer {
    display: flex;
    justify-content: flex-end
}

.okla-add-payment-method .okla-modal__footer button {
    width: auto
}

.okla-add-payment-method .okla-modal__footer button:first-of-type {
    margin-right: 12px
}

.okla-payment-method-list__card {
    align-items: center;
    border-bottom: 1px solid #e0e1e3;
    display: flex;
    justify-content: space-between;
    min-height: 72px;
    padding: 24px 0;
    width: 100%
}

.okla-payment-method-list__card .okla-card-actions button:last-of-type {
    margin-left: 4px
}

.okla-card-default {
    color: #fdbe4e;
    font-weight: 700;
    margin-right: 4px;
    text-transform: uppercase
}

.okla-card-detail-wrapper {
    display: flex;
    flex-direction: column
}

.okla-card-detail-wrapper .okla-credit-card {
    align-items: center;
    display: flex
}

.okla-card-detail-wrapper h4 {
    margin-bottom: 12px
}

.okla-card-detail-wrapper .okla-icon {
    margin-right: 24px
}

.okla-card-detail {
    display: flex;
    flex-direction: column
}

.okla-card-detail--brand {
    text-transform: uppercase
}

.okla-card-detail--exp {
    color: #35260b;
    margin-top: 4px
}

.okla-add-funds__content,
.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-add-funds__content,
    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-add-funds,
.okla-add-funds__content,
.okla-basic-wrapper,
.okla-basic-wrapper__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-add-funds__content,
.okla-basic-wrapper__content {
    padding: 48px 0;
    text-align: left
}

@media(max-width:768px) {

    .okla-add-funds__content,
    .okla-basic-wrapper__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-add-funds {
    padding: 24px
}

.okla-add-funds__content {
    max-width: 500px;
    padding-top: 0
}

.okla-add-funds h3 {
    padding-bottom: 12px;
    text-align: left;
    text-transform: capitalize;
    width: 100%
}

.okla-add-funds .okla-add-funds-back {
    max-width: 500px;
    width: 100%
}

.okla-add-funds .okla-add-funds-back .okla-back-button {
    color: #fdbe4e;
    margin-bottom: 24px;
    margin-left: -48px;
    text-transform: capitalize
}

.okla-add-funds .okla-add-funds-back .okla-back-button:hover {
    box-shadow: inset 0 0 0 1px #fdbe4e
}

.okla-add-funds .okla-add-funds-back .okla-back-button:active {
    background: rgba(253, 190, 78, .2)
}

.okla-add-funds hr {
    margin: 24px 0;
    opacity: .25;
    width: 100%
}

.okla-add-funds .okla-add-funds__autopay,
.okla-add-funds .okla-add-funds__manual-pay {
    width: 100%
}

.okla-add-funds .okla-add-funds__autopay button,
.okla-add-funds .okla-add-funds__manual-pay button {
    float: right;
    margin-top: 24px
}

.okla-add-funds .okla-add-funds__autopay .okla-text-input,
.okla-add-funds .okla-add-funds__manual-pay .okla-text-input {
    margin-left: -12px
}

.okla-add-funds h4 {
    margin-top: 24px
}

.okla-add-funds .okla-card-detail-wrapper {
    margin-top: 12px
}

@media(max-width:599px) {
    .okla-add-funds button:not(.okla-back-button) {
        width: 100%
    }
}

.okla-admin-orders,
.okla-basic-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-admin-orders__eater-name {
    display: block;
    font-size: .75rem;
    margin-top: 4px
}

.okla-admin-orders__eater-staff {
    font-size: .75rem;
    font-style: italic;
    margin-left: 4px
}

.okla-admin-orders__eater-school {
    color: #747474;
    display: block;
    font-size: .75rem;
    margin-bottom: 4px
}

.okla-admin-orders__status--cancelled,
.okla-admin-orders__status--pending,
.okla-admin-orders__status--processed {
    align-items: center;
    border: 1px solid #e0e1e3;
    border-radius: 2px;
    display: inline-flex;
    font-size: .75rem;
    justify-content: center;
    padding: 4px 6px;
    text-transform: uppercase
}

.okla-admin-orders__status--processed {
    background: #f2f2f4
}

.okla-admin-orders__status--pending {
    background: rgba(253, 190, 78, .25);
    border-color: rgba(253, 190, 78, .5)
}

.okla-admin-orders__status--cancelled {
    background: rgba(254, 188, 204, .25);
    border-color: rgba(254, 188, 204, .5)
}

.okla-search-input {
    align-items: center;
    display: flex;
    position: relative
}

.okla-search-input label {
    width: 100%
}

.okla-search-input input {
    padding-right: 4.09375rem
}

.okla-search-input .okla-icon {
    position: absolute;
    right: 24px
}

.okla-admin-order-details,
.okla-basic-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-admin-order-details__content {
    padding: 48px;
    width: 100%
}

.okla-admin-order-details__account {
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 48px;
    width: 100%
}

.okla-admin-order-details h1 {
    color: #747474;
    margin: 0
}

.okla-admin-order-details .okla-order-list-item {
    border-bottom: 0;
    max-width: 500px
}

.okla-admin-order-details .okla-order-list-item--cancelled .okla-order-list-item__details-row,
.okla-admin-order-details .okla-order-list-item--cancelled .okla-order-list-item__details-row div:nth-child(2),
.okla-admin-order-details .okla-order-list-item--cancelled .okla-order-list-item__title,
.okla-admin-order-details .okla-order-list-item--cancelled .okla-order-list-item__total {
    text-decoration: none
}

.okla-admin-order-details .okla-order-list-item__see-details {
    display: none
}

.okla-admin-accounts,
.okla-basic-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-admin-accounts__content {
    padding: 0 48px;
    width: 100%
}

.okla-admin-accounts .okla-admin-header {
    justify-content: space-between
}

.okla-admin-accounts--legacy {
    max-width: 100%;
    padding-bottom: 48px;
    padding-top: 124px;
    position: relative;
    width: 100%
}

.okla-admin-accounts--legacy .okla-admin-header {
    align-items: flex-start;
    background-color: #ffe2b3;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    padding-left: 99px;
    position: fixed;
    top: 0;
    z-index: 75
}

@media(min-width:1024px) {
    .okla-admin-accounts--legacy .okla-admin-header {
        padding-left: 242px
    }
}

.okla-admin-accounts--legacy .okla-back-button {
    color: #797266;
    margin: 4px 0 4px -12px;
    padding: 12px
}

.okla-admin-accounts--legacy h1 {
    color: #000
}

.okla-admin-accounts .okla-admin-table {
    max-width: 800px;
    min-height: 600px;
    min-width: 100%;
    width: 100%
}

.okla-admin-accounts .okla-admin-table--is-loading {
    opacity: .1
}

.okla-admin-accounts .okla-admin-table table {
    min-width: 100%;
    width: 100%
}

@media(max-width:860px) {
    .okla-admin-accounts .okla-admin-table {
        max-width: auto;
        min-width: auto;
        overflow-x: auto
    }
}

.okla-admin-accounts__eaters--legacy:empty:after,
.okla-admin-accounts__eaters:empty:after,
.okla-admin-accounts__schools:empty:after {
    color: #747474;
    content: "no eaters"
}

.okla-admin-accounts__eater-name {
    display: block;
    font-size: .75rem;
    margin-top: 4px
}

.okla-admin-accounts__eater-staff {
    font-size: .75rem;
    font-style: italic
}

.okla-admin-accounts__eater-school {
    color: #747474;
    display: block;
    font-size: .75rem;
    margin-bottom: 4px
}

.okla-basic-wrapper,
.okla-kitchen-report {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-kitchen-report__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 48px;
    width: 100%
}

.okla-kitchen-report__content table {
    color: #797266;
    max-width: 800px;
    min-width: 600px;
    width: 100%
}

.okla-kitchen-report__content table td {
    text-align: center
}

.okla-kitchen-report__content table td:first-of-type {
    text-align: left
}

.okla-kitchen-report__content table td:last-of-type {
    font-weight: 700
}

.okla-kitchen-report__form {
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
    max-width: 400px;
    width: 100%
}

.okla-kitchen-report .okla-form-input input,
.okla-kitchen-report button {
    margin: 12px 0
}

.okla-kitchen-report .okla-kitchen-report--meal-name {
    color: #523305;
    display: block;
    font-family: futura-pt, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 12px 0
}

.okla-forgot-password {
    background-color: #f2f2f4;
    background-image: url(/static/media/pancakes.7fb2a0a09baa18a86616.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 35%;
    flex-grow: 2
}

.okla-forgot-password__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 600px;
    padding: 48px;
    text-align: center
}

.okla-forgot-password__content h2 {
    margin-top: 48px
}

.okla-forgot-password__content p {
    margin: 0
}

.okla-forgot-password__form-wrapper {
    width: 100%
}

.okla-forgot-password__form-wrapper,
.okla-forgot-password__header {
    align-items: center;
    display: flex;
    flex-direction: column
}

.okla-forgot-password__header button {
    font-size: .625rem;
    text-transform: lowercase
}

.okla-forgot-password .okla-login-form {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    padding: 0 48px;
    width: 100%
}

.okla-forgot-password .okla-login-form input {
    margin: 12px 0
}

.okla-forgot-password .okla-login-form button {
    align-self: flex-end;
    margin: 0
}

.okla-forgot-password .okla-login-form__actions,
.okla-forgot-password .okla-login-form__actions--verify {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 36px;
    width: 100%
}

.okla-forgot-password .okla-login-form__actions--verify {
    justify-content: space-between
}

.okla-forgot-password .okla-login-form .okla-login-button {
    border-radius: 35px;
    box-shadow: none;
    height: 50px;
    margin: 4px;
    padding: 0;
    width: 72px
}

.okla-forgot-password .okla-login-form .okla-login-button:focus,
.okla-forgot-password .okla-login-form .okla-login-button:hover {
    box-shadow: none
}

@media(min-width:1440px) {
    .okla-forgot-password {
        background-position-x: 100%;
        background-position-y: 200px
    }
}

@media(max-width:599px) {
    .okla-forgot-password__content {
        justify-content: flex-start;
        min-height: calc(100vh - 86px);
        padding: 24px 12px
    }
}

.okla-admin-account-details,
.okla-basic-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-admin-account-details__content {
    max-width: 1200px;
    padding-bottom: 48px;
    width: 100%
}

.okla-admin-account-details__header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 24px;
    padding: 0 48px
}

.okla-admin-account-details__header-actions {
    display: flex
}

.okla-admin-account-details__header-actions button {
    margin-right: 12px
}

.okla-admin-account-details__header-actions button:last-of-type {
    margin-right: 0
}

.okla-admin-account-details h1 {
    color: #747474;
    margin: 0
}

.okla-admin-account-details h3 {
    text-transform: uppercase
}

.okla-admin-account-details__tabs {
    border-bottom: 1px solid #dadada;
    display: flex;
    padding: 0 48px;
    width: 100%
}

.okla-admin-account-details__tab {
    border-bottom: 3px solid #fff;
    color: #747474;
    font-weight: 600;
    padding: 12px
}

.okla-admin-account-details__tab:hover {
    color: #35260b;
    cursor: pointer
}

.okla-admin-account-details__tab--active {
    border-bottom-color: #8cc63f;
    color: #8cc63f
}

.okla-admin-account-details__tab--active:hover {
    color: #8cc63f;
    cursor: default
}

.okla-admin-account-details__tab-content {
    display: none
}

.okla-admin-account-details__tab-content--active {
    display: block
}

.okla-admin-account-details__section {
    padding: 24px 48px
}

.okla-admin-account-details__section--eaters {
    display: flex;
    flex-wrap: wrap
}

.okla-admin-account-details__eater {
    margin: 12px 0;
    max-width: 300px;
    min-width: 200px;
    width: 50%
}

.okla-admin-account-details__eater p {
    margin: 0
}

.okla-admin-account-details__eater p:first-of-type {
    font-weight: 600
}

.okla-admin-account-details--admin {
    color: #fdbe4e;
    font-weight: 600;
    text-transform: uppercase
}

.okla-admin-account-details .okla-my-orders-list {
    margin: 12px 48px 48px;
    width: calc(100% - 96px)
}

.okla-admin-account-details .okla-payment-method-list {
    max-width: 350px
}

.okla-admin-account-details .okla-payment-method-list button {
    display: none
}

.okla-admin-account-details .okla-manage-lunch-money__history {
    margin: 0
}

.okla-admin-account-details .okla-manage-lunch-money__history h3 {
    border-bottom: 0;
    padding-bottom: 0
}

.okla-admin-account-details .okla-lunch-money-summary__table {
    max-width: 350px
}

.okla-admin-account-details .okla-lunch-money-summary__label {
    font-weight: 400
}

.okla-admin-account-details__order-list {
    margin-top: 12px
}

.okla-admin-account-details__order--cancelled .okla-order-list-item__title .okla-order-list-item__name,
.okla-admin-account-details__order--pending .okla-order-list-item__title .okla-order-list-item__name,
.okla-admin-account-details__order--processed .okla-order-list-item__title .okla-order-list-item__name {
    align-items: center;
    display: flex
}

.okla-admin-account-details__order--cancelled .okla-order-list-item__title .okla-order-list-item__name:after,
.okla-admin-account-details__order--pending .okla-order-list-item__title .okla-order-list-item__name:after,
.okla-admin-account-details__order--processed .okla-order-list-item__title .okla-order-list-item__name:after {
    align-items: center;
    border: 1px solid #e0e1e3;
    border-radius: 2px;
    content: "pending";
    display: inline-block;
    display: flex;
    font-size: .75rem;
    justify-content: center;
    margin-left: 12px;
    padding: 4px 6px;
    text-transform: uppercase
}

.okla-admin-account-details__order--cancelled .okla-order-list-item--cancelled .okla-order-list-item__title,
.okla-admin-account-details__order--pending .okla-order-list-item--cancelled .okla-order-list-item__title,
.okla-admin-account-details__order--processed .okla-order-list-item--cancelled .okla-order-list-item__title {
    text-decoration: none
}

.okla-order-list-item--processed .okla-order-list-item__title .okla-order-list-item__name:after {
    background: #f2f2f4;
    content: "processed"
}

.okla-admin-account-details__order--pending .okla-order-list-item__title .okla-order-list-item__name:after {
    background: rgba(253, 190, 78, .25);
    border-color: rgba(253, 190, 78, .5)
}

.okla-order-list-item--cancelled .okla-order-list-item__title .okla-order-list-item__name:after {
    background: rgba(254, 188, 204, .25);
    border-color: rgba(254, 188, 204, .5);
    color: #000;
    content: "canceled";
    font-style: normal
}

.okla-add-funds-modal .okla-form-input input {
    margin-left: 0
}

.okla-add-funds-modal .okla-modal__footer {
    display: flex;
    justify-content: flex-end
}

.okla-add-funds-modal .okla-modal__footer button {
    width: auto
}

.okla-add-funds-modal .okla-modal__footer button:first-of-type {
    margin-right: 12px
}

.okla-add-funds-modal__is-saving {
    align-items: center;
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-add-funds-modal__is-saving .okla-spinner {
    margin-top: -48px
}

.okla-admin-add-order-modal {
    max-width: 500px;
    width: 500px
}

.okla-admin-add-order-modal p button {
    padding: 0;
    text-transform: lowercase
}

.okla-admin-add-order-modal .okla-order-calendar {
    width: auto
}

.okla-admin-add-order-modal .okla-order-calendar .rdp .rdp-caption:first-of-type h2 {
    text-align: center
}

.okla-admin-add-order-modal .okla-order-calendar__content {
    padding-top: 0
}

.okla-admin-add-order-modal .okla-order-menu__content {
    border-top: 1px solid #f2f2f4;
    padding-top: 12px
}

.okla-admin-add-order-modal .okla-order-menu__meals {
    width: auto
}

.okla-admin-add-order-modal .okla-order-menu__meals .okla-meal {
    min-width: 500px
}

.okla-admin-add-order-modal__is-saving {
    align-items: center;
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 400
}

.okla-admin-add-order-modal__is-saving .okla-spinner {
    margin-top: -48px
}

.okla-basic-wrapper,
.okla-delivery-report {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-delivery-report__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 48px 0;
    width: 100%
}

.okla-delivery-report__form {
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
    max-width: 400px;
    width: 100%
}

.okla-delivery-report__table {
    width: 100%
}

.okla-delivery-report .okla-form-input input,
.okla-delivery-report button {
    margin: 12px 0
}

.okla-delivery-report__school-data {
    margin: 24px 0;
    width: 100%
}

.okla-delivery-report__school-data h2 {
    border-bottom: 1px solid #f2f2f4;
    color: #8cc63f;
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    padding: 24px 10% 12px;
    text-transform: uppercase
}

.okla-delivery-report__classroom-data {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    width: 100%
}

.okla-delivery-report__classroom-data h3 {
    color: #747474;
    font-weight: 600;
    padding: 0 10%
}

.okla-delivery-report__order-data {
    background: rgba(188, 214, 254, .2);
    margin: 4px 0
}

.okla-delivery-report__order-data__content {
    display: flex;
    padding: 12px 10%;
    width: 100%
}

.okla-delivery-report__order-data__eater {
    flex-basis: 175px;
    flex-shrink: 0
}

.okla-delivery-report__order-data__eater h4,
.okla-delivery-report__order-data__meal h4 {
    color: #35260b;
    font-size: 1.125rem;
    font-weight: 400
}

.okla-delivery-report__order-data__meal {
    flex-grow: 1;
    margin-left: 24px;
    max-width: 600px;
    width: 100%
}

.okla-delivery-report__order-data__meal-details {
    display: flex
}

.okla-delivery-report__order-data__meal-details div:first-child {
    flex-basis: 70%;
    flex-shrink: 0
}

.okla-delivery-report__order-data__meal h4 {
    display: block;
    text-transform: capitalize;
    width: 100%
}

.okla-delivery-report__order-data__meal p,
.okla-delivery-report__order-data__meal span {
    color: #747474;
    font-size: .75rem;
    margin: 4px 0
}

.okla-delivery-report__order-data__extras {
    flex-grow: 1;
    margin-left: 24px
}

.okla-delivery-report__order-data__extras span {
    display: inline-block;
    margin-right: 4px
}

.okla-delivery-report__order-data__extras span:after {
    content: ", "
}

.okla-delivery-report__order-data__extras span:last-of-type:after {
    content: ""
}

.okla-basic-wrapper,
.okla-drinks-and-extras-report {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-drinks-and-extras-report__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 48px;
    width: 100%
}

.okla-drinks-and-extras-report__form {
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
    max-width: 400px;
    width: 100%
}

.okla-drinks-and-extras-report .okla-form-input input,
.okla-drinks-and-extras-report button {
    margin: 12px 0
}

.okla-drinks-and-extras-report__table {
    max-width: 500px;
    width: 100%
}

.okla-drinks-and-extras-report .okla-admin-print__table-row,
.okla-drinks-and-extras-report__row {
    display: flex;
    justify-content: space-between;
    padding: 12px 4px;
    width: 100%
}

.okla-drinks-and-extras-report .okla-admin-print__table-row:nth-child(2n):not(.okla-drinks-and-extras-report__row--school-name),
.okla-drinks-and-extras-report__row:nth-child(2n):not(.okla-drinks-and-extras-report__row--school-name) {
    background-color: hsla(240, 8%, 95%, .25)
}

.okla-drinks-and-extras-report .okla-admin-print__table-row:nth-child(odd):not(.okla-drinks-and-extras-report__row--school-name),
.okla-drinks-and-extras-report__row:nth-child(odd):not(.okla-drinks-and-extras-report__row--school-name) {
    background-color: rgba(188, 214, 254, .2)
}

.okla-drinks-and-extras-report__row--classroom-name,
.okla-drinks-and-extras-report__row--school-name {
    color: #523305;
    font-family: futura-pt, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 12px
}

.okla-drinks-and-extras-report .okla-admin-print__table-header,
.okla-drinks-and-extras-report__row--classroom-name {
    color: #797266;
    font-size: 1.125rem;
    font-weight: 600;
    margin-top: 12px;
    padding: 12px 4px
}

.okla-drinks-and-extras-report .okla-admin-dae-report__drinks-header-row,
.okla-drinks-and-extras-report .okla-admin-dae-report__sides-header-row,
.okla-drinks-and-extras-report .okla-admin-dae-report__treats-header-row {
    background: #e0e1e3;
    font-size: 1rem;
    padding: 12px 4px
}

.okla-drinks-and-extras-report__row--school-name {
    color: #8cc63f;
    display: flex;
    font-size: 1.5rem;
    justify-content: flex-start;
    margin-top: 48px;
    padding-left: 0;
    text-transform: uppercase
}

.okla-drinks-and-extras-report__row--school-name .okla-icon {
    margin-right: 12px
}

.okla-drinks-and-extras-report__row--category-title {
    border-bottom: 1px solid #e0e1e3;
    color: #747474;
    font-size: 1rem;
    padding: 12px
}

.okla-drinks-and-extras-report__row--item {
    font-size: .75rem;
    padding: 12px
}

.okla-basic-wrapper,
.okla-packing-report {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-packing-report__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    padding: 48px 0;
    width: 100%
}

.okla-packing-report__form {
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
    max-width: 400px;
    width: 100%
}

.okla-packing-report .okla-form-input input,
.okla-packing-report button {
    margin: 12px 0
}

.okla-packing-report .okla-admin-packing-report--digital {
    width: 100%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header {
    font-size: .75rem
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(5).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(5).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(5)~div.okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(5)~div.okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(5).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(5).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(5)~div.okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(5)~div.okla-admin-packing-report-col--large {
    flex-basis: 20%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(6).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(6)~div.okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(6).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(6)~div.okla-admin-packing-report-col {
    flex-basis: 16%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(6).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(6)~div.okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(6).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(6)~div.okla-admin-packing-report-col--large {
    flex-basis: 20%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(7).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(7)~div.okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(7).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(7)~div.okla-admin-packing-report-col {
    flex-basis: 13%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(7).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(7)~div.okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(7).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(7)~div.okla-admin-packing-report-col--large {
    flex-basis: 20%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(8).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(8)~div.okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(8).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(8)~div.okla-admin-packing-report-col {
    flex-basis: 11%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(8).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(8)~div.okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(8).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(8)~div.okla-admin-packing-report-col--large {
    flex-basis: 20%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(9).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(9)~div.okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(9).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(9)~div.okla-admin-packing-report-col {
    flex-basis: 10%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(9).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(9)~div.okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(9).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(9)~div.okla-admin-packing-report-col--large {
    flex-basis: 20%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(10).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(10)~div.okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(10).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(10)~div.okla-admin-packing-report-col {
    flex-basis: 8.7%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(10).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(10)~div.okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(10).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(10)~div.okla-admin-packing-report-col--large {
    flex-basis: 20%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(11).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(11)~div.okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(11).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(11)~div.okla-admin-packing-report-col {
    flex-basis: 8%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(11).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(11)~div.okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(11).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(11)~div.okla-admin-packing-report-col--large {
    flex-basis: 20%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(12).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(12)~div.okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(12).okla-admin-packing-report-col,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(12)~div.okla-admin-packing-report-col {
    flex-basis: 7.2%
}

.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(12).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-header div:first-child:nth-last-child(12)~div.okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(12).okla-admin-packing-report-col--large,
.okla-packing-report .okla-admin-packing-report--digital .okla-admin-print__table-row div:first-child:nth-last-child(12)~div.okla-admin-packing-report-col--large {
    flex-basis: 20%
}

.okla-basic-wrapper__content,
.okla-hero__content,
.okla-max-width-content {
    max-width: 1440px;
    width: 100%
}

@media(max-width:1488px) {

    .okla-basic-wrapper__content,
    .okla-hero__content,
    .okla-max-width-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.okla-admin-meal-details,
.okla-basic-wrapper,
.okla-basic-wrapper__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.okla-basic-wrapper__content {
    padding: 48px 0;
    text-align: left
}

.okla-basic-wrapper__content--skinny {
    max-width: 692px
}

@media(max-width:768px) {
    .okla-basic-wrapper__content {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.okla-hero {
    background-size: cover;
    justify-content: center;
    width: 100%
}

.okla-hero,
.okla-hero__content {
    display: flex
}

.okla-hero__content__half {
    width: 50%
}

.okla-admin-meal-details__content {
    max-width: 1200px;
    padding-bottom: 48px;
    width: 100%
}

.okla-admin-meal-details__header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 24px;
    padding: 0 48px
}

.okla-admin-meal-details__header-actions {
    display: flex
}

.okla-admin-meal-details__header-actions button {
    margin-right: 12px
}

.okla-admin-meal-details__header-actions button:last-of-type {
    margin-right: 0
}

.okla-admin-meal-details h1 {
    color: #747474;
    margin: 0
}

.okla-admin-meal-details h3 {
    text-transform: uppercase
}

.okla-admin-meal-details__image-preview {
    margin: 12px;
    max-width: 200px
}

.okla-admin-meal-details .okla-select {
    margin: 12px;
    width: 100%
}

.okla-admin-meal-details .okla-form__label-text {
    display: block
}

.okla-admin-meal-details__helper-text {
    margin: 4px 12px
}

.okla-admin-meal-details .okla-admin-table input,
.okla-admin-meal-details .okla-admin-table textarea,
.okla-admin-meal-details .okla-form-input input,
.okla-admin-meal-details .okla-form-input textarea {
    font-size: .75rem
}

.okla-admin-meal-details .okla-form-input textarea {
    min-height: 100px
}

.okla-admin-meal-details .okla-form .okla-form-input.okla-checkbox,
.okla-admin-meal-details .okla-form-input.okla-checkbox {
    align-items: flex-start;
    font-size: .75rem;
    justify-content: flex-end
}

.okla-admin-meal-details .okla-form .okla-form-input.okla-checkbox .okla-form__label-text,
.okla-admin-meal-details .okla-form-input.okla-checkbox .okla-form__label-text {
    font-weight: 400;
    margin-left: 0;
    text-transform: none
}

.okla-admin-meal-details .okla-form .okla-form-input.okla-checkbox input,
.okla-admin-meal-details .okla-form-input.okla-checkbox input {
    height: 12px;
    width: 12px
}

.okla-admin-meal-details .okla-form__label-text:not(:empty),
.okla-admin-meal-details__label {
    color: #35260b;
    display: block;
    font-size: .75rem;
    font-weight: 600;
    margin: 0 12px;
    padding-top: 12px;
    text-transform: uppercase
}

.okla-admin-meal-details__tabs {
    border-bottom: 1px solid #dadada;
    display: flex;
    padding: 0 48px;
    width: 100%
}

.okla-admin-meal-details__tab {
    border-bottom: 3px solid #fff;
    color: #747474;
    font-weight: 600;
    padding: 12px
}

.okla-admin-meal-details__tab:hover {
    color: #35260b;
    cursor: pointer
}

.okla-admin-meal-details__tab--active {
    border-bottom-color: #8cc63f;
    color: #8cc63f
}

.okla-admin-meal-details__tab--active:hover {
    color: #8cc63f;
    cursor: default
}

.okla-admin-meal-details__tab-content {
    display: none
}

.okla-admin-meal-details__tab-content--active {
    display: block
}

.okla-admin-meal-details__section {
    padding: 24px 48px
}

.okla-admin-meal-label__display-container button.okla-icon-only-button {
    display: inline-block;
    margin-left: 1em;
    padding: 0
}

.okla-admin-meal-label__save-container {
    display: flex
}

.okla-admin-meal-label__display-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    transition: width .5s cubic-bezier(.17, .84, .44, 1)
}

.okla-admin-meal-price__display-container button.okla-icon-only-button {
    display: inline-block;
    margin-left: 1em;
    padding: 0
}

.okla-admin-meal-details__price-display {
    display: inline-block;
    min-width: 4em
}

.okla-admin-meal-price__save-container {
    display: flex
}

.okla-admin-meal-price__display-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    transition: width .5s cubic-bezier(.17, .84, .44, 1)
}

.okla-admin-meal-container__deleted {
    background: rgba(255, 0, 0, .5)
}

.okla-admin-meal-container__created {
    background: rgba(0, 255, 0, .5)
}

.okla-meal-options__inputs {
    display: flex
}

.okla-meal-options__inputs>* {
    margin-right: 1em
}

.okla-meal-options__inputs button.okla-icon-only-button {
    margin: 0
}

.okla-admin-meal-details__add-meal {
    display: flex;
    flex-direction: row;
    justify-content: left
}