/*
Copyright 2019 Square Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
body {
    background-color: #fff;
    font-family: signika, sans-serif;
}
.form-control:focus {
    border-color: #096A2E;
    box-shadow: 0 0 0 .2rem rgba(197, 158, 230, .25);
}

/* Login / Register Pages */
#register-info svg {
    height: 2rem;
    width: 2rem;
}
#registration-card svg {
    height: 2rem;
    width: 2rem;
}

/* Fixes display issue on Windows */
option[disabled] {
    color: #ddd;
}
/* Navigation */
.navbar,
.dropdown-menu {
    background-color: #096A2E;
    font-family: DINNeuzeitGroteskLTW01-_812426;
    text-transform: uppercase;
}
.navbar-light .navbar-toggler {
    border-color: rgba(255, 255, 255, .5);
}
.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-nav .nav-link,
.dropdown-item {
    color: rgba(255, 255, 255, 1);
}
.navbar-light .navbar-nav .nav-link:hover,
.dropdown-item:hover {
    color: rgba(255, 255, 255, .7);
    background-color: transparent;
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255, 255, 255, .7);
}
.dropdown-toggle {
    outline: none;
}
.navbar-nav .dropdown-menu {
    border: none;
    border-radius: 0px;
}
#clear-cache {
    fill: rgba(255, 255, 255, 1);
}
#clear-cache.clearing svg {
    animation: rotation 2s infinite linear;
}
#header-wrap {
    margin: 0px;
}
#orders-header,
#cake-order-header {
    font-family: DINNeuzeitGroteskLTW01-_812426;
    letter-spacing: 0.05em;
}
#cake-options-header span,
#cake-order-header span {
    display: block;
    font-size: 20px;
}
#new-orders-header {
    font-size: .75rem;
    height: 0px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in;
}
#new-orders-header.active {
    visibility: visible;
    opacity: 1;
    height: 35px;
}
/* Order list Table Styles */
#items-list th,
#customer-orders-table th {
    position: relative;
    vertical-align: top;
}
#customer-orders-table th.sorted:after,
#items-list th.sorted:after {
    content: "";
    display: inline-block;
    height: 1rem;
    width: 1.5rem;
    position: absolute;
    top: .75rem;
    background-size: contain;
    background-repeat: no-repeat;
}
#customer-orders-table th.sorted.asc:after,
#items-list th.sorted.asc:after {
    background-image: url('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrow-down-short" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z"/></svg>');
}
#customer-orders-table th.sorted.desc:after,
#items-list th.sorted.desc:after {
    background-image: url('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrow-up-short" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"/></svg>');
}
/* Table Styles*/
.table td {
    position: relative;
}
.table td,
.table th {
    font-size: .75rem;
}
#customer-orders-table th {
    border-top: none;
}
#customer-orders-table tr {
    position: relative;
}
#customer-orders-table tr.accordion-toggle:hover,
#customer-orders-table tr.accordion-toggle>td:hover {
    cursor: pointer;
}
#customer-orders-table>tbody>tr.accordion-toggle .chevron {
    position: absolute;
    display: inline-block;
    top: 25%;
    transform: translateY(25%);
    height: 15px;
    width: 0px;
}
#customer-orders-table>tbody>tr.accordion-toggle.collapsed .chevron:after {
    transform: rotate(0deg);
}
#customer-orders-table>tbody>tr.accordion-toggle .chevron:after {
    content: "";
    height: 15px;
    width: 15px;
    right: 0px;
    position: absolute;
    background-image: url('data:image/svg+xml;utf8,<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform .3s ease-in;
    transform: rotate(180deg);
}
#customer-orders-table>tbody>tr.accordion-toggle.complete .chevron:after {
    opacity: 0.5
}
#datepicker input {
    background-color: transparent;
    background-image: url('/calendar.svg');
    background-repeat: no-repeat;
    background-position: 1rem 45%;
    text-align: center;
    background-size: 22px;
    font-size: 1rem;
}
.datepicker.datepicker-inline {
    width: 100%;
}
.datepicker.datepicker-dropdown {
    border-radius: 0px;
}
.datepicker .table-condensed {
    width: 95%;
    padding: 5%;
    margin: 0 auto;
}
.datepicker th,
.datepicker td {
    text-align: center;
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}
.datepicker.datepicker-dropdown .dow {
    color: rgba(255, 255, 255, .25);
}
.datepicker .day {
    text-align: center;
}
.datepicker .old.day,
.datepicker .new.day {
    opacity: .5;
}
.datepicker table tr td.today,
.datepicker table tr td.active-date {
    background-color: rgba(255, 255, 255, .75);
}
.search-hide {
    display: none;
}
.btn {
    border-radius: 0px;
    font: normal normal normal 24px/1.4em dinneuzeitgroteskltw01-_812426, sans-serif;
    font-weight: normal;
    font-weight: 400;
    color: #666;
    border: solid rgb(102, 102, 102) 2px;
    text-transform: uppercase;
}
.btn-primary {
    background-color: #096A2E;
    color: #fff;
}
.btn-secondary {
    background-color: #096A2E;
    color: #fff;
}
.btn-danger {
    background-color: #B80900;
    color: #fff;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
    {
    background-color: #b37ca9;
    color: #fff;
}
#expand-collapse-btns .col {
    text-align: center;
}

#expand,
#collapse {
    line-height: 1;
}
.total-amount.refunded {
    position: relative;
    opacity: .5;
    text-decoration: line-through;
}
.total-amount.refunded::after {
    border-bottom: 0.125em solid #000;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.refund-amount {
    opacity: 1;
    text-decoration: none;
}
.complete {
    opacity: .5;
}
.customer-name {
    width: 43.5%;
}
.order-details {
    background-color: rgba(0, 0, 0, .02);
}
.created-date .order-created-header {
    font-weight: 600;
}
.datetime-wrap {
    display: flex;
    align-items: baseline;
    flex-direction: column;
}
.order-notes {
    display: inline-table;
}
.note-header {
    font-weight: 500;
}
.order-lineitems table {
    width: 100%;
    max-width: 50vw;
}
.order-lineitems .items-header,
.order-lineitems .item-name {
    padding-left: 1rem;
}
.order-lineitems .item-name .modifier {
    display: block;
    font-size: .5rem;
    opacity: .75;
}
#items-list .modifier {
    display: block;
    font-size: .75rem;
    opacity: .75;
}
#items-list a {
    color: #9d80b5;
    text-decoration: underline;
}
#item-list-header ul {
    margin: 0 auto;
    width: max-content;
}
#item-list-header ul li {
    text-align: left;
}
#specialty-items-list ul {
    margin: 0 auto;
    width: max-content;
}
#specialty-items-list ul li {
    width: max-content;
}
/* Cake Order */
.placeholder-select {
    opacity: .5;
}
#cake-order-form .btn {
    display: flex;
}
#cake-order-form #est-cost {
    color: #666;
}
#cake-order-form label span {
    color: rgba(0, 0, 0, .5);
}
.sweet-mags .custom-control-input:checked~.custom-control-label::before {
    border-color: #c59ee6;
    background-color: #c59ee6;
}
.custom-control-input:checked~.custom-control-label::before {
    border-color: #096A2E;
    background-color: #096A2E;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(197, 158, 230, .25);
}
/* Sweet Mags - Has Availability */
.sweet-mags #cake-order-datepicker .day:not(.disabled) {
    color: #802570;
    background-color: #f7f7f7;
}
.sweet-mags #cake-order-datepicker .day:not(.disabled).limited-availability {
    color: #9393E6;
    background-color: #f7f7f7;
}
.sweet-mags #cake-order-datepicker .day.limited-availability.active {
    color: #E6C6B5;
    background-color: #c59ee6;
}
.sweet-mags #cake-order-datepicker .day:not(.disabled).no-availability {
    color: rgb(33, 37, 41);
    background-color: transparent;
}
.sweet-mags #cake-order-datepicker .day.no-availability.active {
    color: #f7f7f7;
    background-color: #802570;
}
.sweet-mags .datepicker.datepicker-inline table tr td.active.active,
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled,
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled.active,
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled.disabled,
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled:active,
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled:hover,
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled:hover.active,
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled:hover.disabled,
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled:hover:active,
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled:hover:hover,
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled:hover[disabled],
.sweet-mags .datepicker.datepicker-inline table tr td.active.disabled[disabled],
.sweet-mags .datepicker.datepicker-inline table tr td.active:active,
.sweet-mags .datepicker.datepicker-inline table tr td.active:hover,
.sweet-mags .datepicker.datepicker-inline table tr td.active:hover.active,
.sweet-mags .datepicker.datepicker-inline table tr td.active:hover.disabled,
.sweet-mags .datepicker.datepicker-inline table tr td.active:hover:active,
.sweet-mags .datepicker.datepicker-inline table tr td.active:hover:hover,
.sweet-mags .datepicker.datepicker-inline table tr td.active:hover[disabled],
.sweet-mags .datepicker.datepicker-inline table tr td.active[disabled] {
    background-color: #c59ee6;
    background-image: none;
}
.sweet-mags #cake-order-update-form .oi-circle-x {
    color: #802570;
}
/* Standard - Has Availability */
#cake-order-datepicker .day:not(.disabled) {
    color: #B80900;
    background-color: #f7f7f7;
}
#cake-order-datepicker .day:not(.disabled).limited-availability {
    color: #9393E6;
    background-color: #f7f7f7;
}
#cake-order-datepicker .day.limited-availability.active {
    color: #E6C6B5;
    background-color: #096A2E;
}
#cake-order-datepicker .day:not(.disabled).no-availability {
    color: rgb(33, 37, 41);
    background-color: transparent;
}
#cake-order-datepicker .day.no-availability.active {
    color: #f7f7f7;
    background-color: #B80900;
}
.datepicker.datepicker-inline table tr td.active.active,
.datepicker.datepicker-inline table tr td.active.disabled,
.datepicker.datepicker-inline table tr td.active.disabled.active,
.datepicker.datepicker-inline table tr td.active.disabled.disabled,
.datepicker.datepicker-inline table tr td.active.disabled:active,
.datepicker.datepicker-inline table tr td.active.disabled:hover,
.datepicker.datepicker-inline table tr td.active.disabled:hover.active,
.datepicker.datepicker-inline table tr td.active.disabled:hover.disabled,
.datepicker.datepicker-inline table tr td.active.disabled:hover:active,
.datepicker.datepicker-inline table tr td.active.disabled:hover:hover,
.datepicker.datepicker-inline table tr td.active.disabled:hover[disabled],
.datepicker.datepicker-inline table tr td.active.disabled[disabled],
.datepicker.datepicker-inline table tr td.active:active,
.datepicker.datepicker-inline table tr td.active:hover,
.datepicker.datepicker-inline table tr td.active:hover.active,
.datepicker.datepicker-inline table tr td.active:hover.disabled,
.datepicker.datepicker-inline table tr td.active:hover:active,
.datepicker.datepicker-inline table tr td.active:hover:hover,
.datepicker.datepicker-inline table tr td.active:hover[disabled],
.datepicker.datepicker-inline table tr td.active[disabled] {
    background-color: #096A2E;
    background-image: none;
}
#cake-order-update-form input.form-control {
    top: 1px;
}
#cake-order-update-form .input-group-prepend.delete:hover {
    cursor: pointer;
}
#cake-order-update-form .oi-circle-x {
    color: #B80900;
}
#cake-order-update-form #deselect-all-flavors,
#cake-order-update-form #select-all-flavors {
    display: block;
}
/* Loader Spinner */
.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    border-top: 1.1em solid #096A2E1f;
    border-right: 1.1em solid #096A2E1f;
    border-bottom: 1.1em solid #096A2E1f;
    border-left: 1.1em solid #096A2E;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* End Loader Spinner */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .navbar img {
        width: 7.5rem;
        height: 3.125rem;
    }
    #orders-header {
        font-size: 2rem;
        font-weight: 400;
    }
    #days-ago-header {
        font-size: 1rem;
    }
    .table td,
    .table th {
        padding: 1rem .5rem;
        font-size: 1rem;
    }
    .nav-link {
        font-size: 1rem;
    }
    #customer-order-search {
        font-size: 1rem;
    }
    .order-lineitems .item-name .modifier {
        font-size: .75rem;
    }
    #customer-orders-table th.sorted:after,
    #items-list th.sorted:after {
        height: 1.25rem;
        top: 1rem;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
@font-face {
    font-display: block;
    font-family: "Belinda-W00-Regular";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/63d38753-a8d9-4262-b844-3a007ad848b4.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/63d38753-a8d9-4262-b844-3a007ad848b4.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/242487aa-209a-4dbd-aca2-64a3c73a8946.woff2") format("woff2"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/4381b252-d9f8-4201-bbf3-9440e21259e7.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/46c2c4f2-cd15-4b7b-a4b4-aa04dbbd1655.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/334f8999-3703-47f3-b147-96b6dc3bf4b2.svg#334f8999-3703-47f3-b147-96b6dc3bf4b2") format("svg");
}
@font-face {
    font-display: block;
    font-family: "DIN-Next-W01-Light";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg");
}
@font-face {
    font-display: block;
    font-family: "DIN-Next-W02-Light";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/07d62b21-8d7a-4c36-be86-d32ab1089972.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/c0050890-bbed-44b9-94df-2611d72dbb06.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/9f774d17-c03a-418e-a375-34f3beecbc7a.svg#9f774d17-c03a-418e-a375-34f3beecbc7a") format("svg");
}
@font-face {
    font-display: block;
    font-family: "DIN-Next-W10-Light";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/3d009cd7-c8fe-40c0-93da-74f4ea8c530b.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/3d009cd7-c8fe-40c0-93da-74f4ea8c530b.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/a9e95a29-98a7-404a-90ee-1929ad09c696.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/0a7663fd-eae8-4e50-a67a-225271f8cceb.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/58ae9be9-5d95-44b6-8b6c-e6da6a46822c.svg#58ae9be9-5d95-44b6-8b6c-e6da6a46822c") format("svg");
}
@font-face {
    font-display: block;
    font-family: "Lulo-Clean-W01-One-Bold";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/0163ac22-50a7-406e-aa64-c62ee6fbf3d7.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/0163ac22-50a7-406e-aa64-c62ee6fbf3d7.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/aee74cb3-c913-4b54-9722-6001c92325f2.woff2") format("woff2"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/80de9d5d-ab5f-40ce-911b-104e51e93d7c.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/1b46b05b-cfdd-4d82-8c2f-5c6cfba1fe60.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/be340f0b-a2d4-41df-acb1-4dc124330a88.svg#be340f0b-a2d4-41df-acb1-4dc124330a88") format("svg");
}
@font-face {
    font-display: block;
    font-family: "DINNeuzeitGroteskLTW01-_812426";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b41558bd-2862-46c0-abf7-536d2542fa26.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b41558bd-2862-46c0-abf7-536d2542fa26.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/5cee8d6e-89ad-4d8c-a0ac-584d316b15ae.woff2") format("woff2"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/388ef902-2c31-4818-abb1-a40dcd81f6d6.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/29c60077-2614-4061-aa8d-5bcfdf7354bb.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/76250d27-b353-4f3b-90c6-0ff635fabaab.svg#76250d27-b353-4f3b-90c6-0ff635fabaab") format("svg");
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-359deg);
    }
}