{"mappings":"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","sources":["src/asset/admin.scss","%3Cinput%20css%20CSI75-%3E"],"sourcesContent":["\r\n$file-width: 80px;\r\n$file-height: 80px;\r\n\r\n.fixed .column-id {\r\n    width: 2em;\r\n}\r\n\r\n.fixed .column-customer, \r\n.fixed .column-form {\r\n    width: 25%;\r\n}\r\n\r\n.medium-text {\r\n    width: 10em;\r\n}\r\n\r\n.form-table fieldset label {\r\n    padding-right: 8px;\r\n}\r\n\r\n.form-table th {\r\n    position: relative;\r\n}\r\n.form-table td {\r\n    .wq--binding {\r\n        margin-top:4px;\r\n        margin-left:24px;\r\n        span {\r\n            vertical-align: middle;\r\n        }\r\n    }\r\n}\r\n@media screen and (max-width:1122px) {\r\n\t.form-table {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.form-table.wq-x-narrow th,\r\n\t.form-table.wq-x-narrow td {\r\n\t\tdisplay: block;\r\n\t\twidth: auto;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\t.form-table.wq-x-narrow th {\r\n\t\tpadding-top: 10px;\r\n\t\tpadding-bottom: 0;\r\n\t\tborder-bottom: 0;\r\n\t}\r\n\t.form-table.wq-x-narrow td {\r\n\t\tmargin-bottom: 0;\r\n\t\tpadding-bottom: 6px;\r\n\t\tpadding-top: 4px;\r\n\t\tpadding-left: 0;\r\n    }\r\n}\r\n\r\n.wq-TitleBar {\r\n    display: flex;\r\n    align-items: center;\r\n    & > * {\r\n        flex: 0 0 auto;\r\n    }\r\n    & > .wq--spacer {\r\n        flex: 1 1 5px;\r\n    }\r\n    & > .wq--link {\r\n        font-size: 14px;\r\n        margin-right: 8px;\r\n    }\r\n    & > .button.button-large {\r\n        align-self: stretch;\r\n        padding-left: 24px;\r\n        padding-right: 24px;\r\n        font-size: 1.2em;\r\n        height: 42.6px;\r\n        line-height: 40.6px;\r\n    }\r\n}\r\n\r\n.wq-Floater {\r\n    display: block;\r\n    position: relative;\r\n    right: 0;\r\n    top: 0;\r\n}\r\n\r\n.wq-Image {\r\n    display: block;\r\n    flex: 0 0 auto;\r\n    margin: 0;\r\n    padding: 0;\r\n    width: auto;\r\n    height: auto;\r\n    box-sizing: border-box;\r\n    font-size: 16px;\r\n    background-repeat: no-repeat;\r\n    background-position: center center;\r\n    overflow: hidden;\r\n    &.wq-scaling-center {\r\n        background-image: none !important;\r\n        position: relative;\r\n        & > .wq--img {\r\n            display: block;\r\n            position: relative;\r\n            left: 50%;\r\n            top: 50%;\r\n            transform: translate(-50%, -50%);\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n    &.wq-scaling-cover {\r\n        background-size: cover;\r\n        & > .wq--img {\r\n            display: block;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n    }\r\n    &.wq-scaling-contain {\r\n        background-size: contain;\r\n        & > .wq--img {\r\n            display: block;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n    }\r\n    .wq-ImageInput > & {\r\n        width: 100px;\r\n        height: 100px;\r\n    }\r\n    .wq-File > & {\r\n        width: $file-width;\r\n        height: $file-height;\r\n    }\r\n}\r\n\r\n.wq-Message {\r\n    display: block;\r\n    color: #dd4422;\r\n    font-size: inherit;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 44px;\r\n    font-weight: normal;\r\n    width: auto;\r\n}\r\n.wq-Message::before {\r\n    display: inline;\r\n    font-family:\"dashicons\";\r\n    content: \"\\f534\";\r\n    vertical-align: top;\r\n}\r\n@media screen and (max-width:1122px) {\r\n    .form-table.wq-x-narrow .wq-Message {\r\n        right: 5px;\r\n        top: 10px;\r\n        left: auto;\r\n    }\r\n}\r\n@media screen and (max-width: 782px) {\r\n    .wq-Message {\r\n        right: 5px;\r\n        top: 10px;\r\n        left: auto;\r\n    }\r\n}\r\n\r\n.wq-IconButton {\r\n    display: block;\r\n    width: 40px;\r\n    height: 40px;\r\n    padding: 8px 0;\r\n    text-align: center;\r\n    background: transparent;\r\n    border: none;\r\n    margin: 0;\r\n    cursor: pointer;\r\n    &.wq-appearance-danger {\r\n        color: #dd4422;\r\n    }\r\n    &.wq-appearance-primary {\r\n        color: #0085ba;\r\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);  // easeOutBack\r\n        transform: scale(1.2);\r\n    }\r\n    &:disabled {\r\n        opacity: 0.3;\r\n        pointer-events: none;\r\n        cursor: auto;\r\n    }\r\n    &:hover {\r\n        background-color: rgba(0, 0, 0, 0.04);\r\n    }\r\n}\r\n\r\n.wq-ImageInput {\r\n    display: flex;\r\n    align-items: flex-start;\r\n}\r\n\r\n.wq-Details {\r\n    display: flex;\r\n    & > .wq--nav {\r\n        flex: 0 0 auto;\r\n        //padding-top: calc(0.5em + 20px);\r\n        margin-top: 0.5em;\r\n        margin-right: 32px;\r\n        box-shadow: 0 1px 1px rgba(0,0,0,.04);\r\n        align-self: flex-start;\r\n        & > .wq--tools {\r\n            border: 1px solid rgba(0, 0, 0, 0.26);\r\n            display: flex;\r\n            background: white;\r\n            width: 20em;\r\n            box-sizing: border-box;\r\n            font-size: 14px;\r\n            position: relative;\r\n            & > .wq--spacer {\r\n                flex: 1 1 1px;\r\n            }\r\n            & > .wq-for-close-nav {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n    & > .wq--form {\r\n        flex: 1 1 auto;\r\n        & > .wq--lobe {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n@media screen and (max-width: 782px) {\r\n    .wq-Details {\r\n        display: block;\r\n        position: relative;\r\n        & > .wq--nav {\r\n            display: block;\r\n            width: 100%;\r\n            margin-right: 0;\r\n            transition: transform 0.2s ease-in-out;\r\n            transform: translateX(-120vw);\r\n            transition-delay: 0.2s;\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            z-index: 1;\r\n            & > .wq--tools {\r\n                width: 100%;\r\n                & > .wq-for-close-nav {\r\n                    display: block;\r\n                }\r\n            }\r\n            &.wq-is-spshown {\r\n                position: static;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n        & > .wq--form {\r\n            display: block;\r\n            width: 100%;\r\n            & > .wq--lobe {\r\n                display: block;\r\n                border: 1px solid rgba(0, 0, 0, 0.26);\r\n                //background-color: white;\r\n                width: 42px;\r\n                margin-top: 0.5em;\r\n            }\r\n        }\r\n        & > .wq--nav.wq-is-spshown + .wq--form {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n.wq-SortableList {\r\n    overflow: hidden;\r\n    transition: max-height 0.2s ease-in-out;\r\n    //max-height: 1200px;  // 30 entries\r\n    box-sizing: border-box;\r\n    //width: 100%;\r\n    //max-width: 100%;\r\n    font-size: 14px;\r\n    & > .wq--listItemWrap {\r\n        box-sizing: border-box;\r\n    }\r\n    &.wq-is-root {\r\n        max-height: 80vh;\r\n        overflow: auto;\r\n        width: 20em;\r\n        @media screen and (max-width: 782px) {\r\n            max-height: none;\r\n            width: auto;\r\n        }\r\n    }\r\n    &.wq-is-collapsed {\r\n        max-height: 0 !important;\r\n    }\r\n}\r\n\r\n.wq-ListItem {\r\n    display: flex;\r\n    align-items: stretch;\r\n    height: 40px;\r\n    background-color: white;\r\n    border: 1px solid rgba(0, 0, 0, 0.26);\r\n    border-top: none;\r\n    padding-top: 1px;\r\n    //width: 20em;\r\n    font-size: 14px;\r\n    box-sizing: border-box;\r\n    transition: background-color 0.2s linear;\r\n    & > .wq--toggler {\r\n        flex: 0 0 auto;\r\n        width: 38px;\r\n        text-align: center;\r\n        padding-top: 9px;\r\n        transition: transform 0.2s linear;\r\n        color: rgba(0, 0, 0, 0.6);\r\n        cursor: pointer;\r\n        &.wq-is-collapsing {\r\n            transform: rotate(-90deg);\r\n        }\r\n        &.wq-non-interactive {\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n    }\r\n    & > .wq--handle {\r\n        flex: 0 0 auto;\r\n        width: 38px;\r\n        text-align: center;\r\n        padding-top: 11px;\r\n        cursor: move;\r\n    }\r\n    & > .wq--main {\r\n        flex: 1 1 auto;\r\n        height: 38px;\r\n        line-height: 38px;\r\n        overflow: hidden;\r\n        &:first-child {\r\n            padding-left: 4px;\r\n        }\r\n    }\r\n    & .material-icons {\r\n        font-size: 16px;\r\n        vertical-align: -2px;\r\n        color: rgba(0, 0, 0, 0.6);\r\n    }\r\n    &.wq-for-option > .wq--toggler {\r\n        margin-right: 12px;\r\n    }\r\n    &.wq-kind-watcher .wq--main .material-icons {\r\n        color: hsl(315, 95%, 42%, 0.6);\r\n    }\r\n    &.wq-is-selected {\r\n        background-color: #e5e5e5;\r\n    }\r\n    &.wq-is-ghost {\r\n        background-color: rgb(173, 173, 173);\r\n    }\r\n    &.wq-is-undroppable {\r\n        opacity: 0.3;\r\n    }\r\n}\r\n@media screen and (max-width: 782px) {\r\n    .wq-ListItem {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.wq-Menu {\r\n    display: block;\r\n    box-sizing: border-box;\r\n    background-color: white;\r\n    font-size: 14px;\r\n    width: 20em;\r\n    max-height: 0;\r\n    transition: max-height 0.2s ease-in-out;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(0, 0, 0, 0.26);\r\n    border-top-width: 0;\r\n    &.wq-is-open {\r\n        max-height: 800px;\r\n    }\r\n    & > .wq--item {\r\n        display: block;\r\n        margin: 0;\r\n        height: 40px;\r\n        padding: 0 8px;\r\n        font-size: 14px;\r\n        outline: none;\r\n        box-sizing: border-box;\r\n        line-height: 40px;\r\n        border: none;\r\n        background-color: white;\r\n        width: 100%;\r\n        text-align: left;\r\n        &:hover {\r\n            background-color: rgba(0, 0, 0, 0.04);\r\n        }\r\n        & > .material-icons {\r\n            vertical-align: -5px;\r\n        }\r\n        &.wq-kind-watcher > .material-icons {\r\n            color: hsl(315, 95%, 42%);\r\n        }\r\n        &.wq-kind-watcher:disabled > .material-icons {\r\n            color: hsl(315, 95%, 42%, 0.26);\r\n        }\r\n    }\r\n}\r\n@media screen and (max-width: 782px) {\r\n    .wq-Menu {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.wq-list-row .wq-x-summary-line {\r\n    /*& > .wq--id, \r\n    & > .wq--date {\r\n        &::after {\r\n            display: inline-block;\r\n            content: \"\";\r\n            width: 14px;\r\n        }\r\n    }\r\n    & > .wq--total {\r\n        background-color: rgba(0, 0, 255, 0.1);\r\n        &::before, &::after {\r\n            display: inline-block;\r\n            content: \"\";\r\n            width: 4px;\r\n        }\r\n    }*/\r\n    & > .wq--id, \r\n    & > .wq--date {\r\n        display: inline-block;\r\n    }\r\n    & > .wq--badge {\r\n        display: inline-block;\r\n        padding-left: 4px;\r\n        padding-right: 4px;\r\n        border-radius: 4px;\r\n        color: rgb(0, 160, 210);\r\n        background: rgba(0, 160, 210, 0.1);\r\n        &.wq-type-warning {\r\n            color: rgb(211, 179, 0);\r\n            background: rgba(211, 179, 0, 0.1);\r\n        }\r\n    }\r\n    & > *:not(:first-child) {\r\n        margin-left: 14px;\r\n    }\r\n}\r\n\r\n.wq--definitions {\r\n    display: block;\r\n    border: 1px solid #ccc;\r\n    width: 100%;\r\n    & > dt {\r\n        display: block;\r\n        float: left;\r\n        width: 8em;\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        padding: 4px;\r\n    }\r\n    & > dd {\r\n        margin: 0 0 0 8em;\r\n        box-sizing: border-box;\r\n        padding: 4px;\r\n    }\r\n}\r\n\r\n.wq-Order {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 0.5em;\r\n    //background-color: rgb(179, 218, 221);\r\n    & > .wq--detail {\r\n        min-width: 30em;\r\n        flex: 2 2 auto;\r\n        margin-right: 12px;\r\n        & > .wq--detailTable {\r\n            width: 100%;\r\n            border: 1px solid #e5e5e5;\r\n            border-collapse: collapse;\r\n            & td { \r\n                padding-top: 4px; \r\n                padding-bottom: 4px; \r\n            }\r\n            & tr:not(:last-child) td {\r\n                border-bottom: 1px solid #e5e5e5;\r\n            }\r\n            & td:first-child { padding-left: 4px; }\r\n            & td:last-child { padding-right: 4px; }\r\n            & .wq-for-unitPrice, \r\n            & .wq-for-quantity, \r\n            & .wq-for-price {\r\n                text-align: right;\r\n            }\r\n        }\r\n        & > .wq--summaryTable {\r\n            width: 45%;\r\n            margin: 0 0 0 auto;\r\n            border: 1px solid #e5e5e5;\r\n            border-collapse: collapse;\r\n            & tr:not(:last-child) td, \r\n            & tr:not(:last-child) th {\r\n                border-bottom: 1px solid #e5e5e5;\r\n            }\r\n            & th {\r\n                padding: 4px 0 4px 4px;\r\n            }\r\n            & td {\r\n                text-align: right;\r\n                padding: 4px 4px 4px 0;\r\n            }\r\n        }\r\n    }\r\n    & .wq--customer {\r\n        flex: 1 1 auto;\r\n        min-width: 15em;\r\n        & > .form-table {\r\n            margin: 0;\r\n            border: 1px solid #e5e5e5;\r\n            border-collapse: collapse;\r\n            th {\r\n                padding:4px;\r\n                font-size: 13px;\r\n                font-weight: normal;\r\n                opacity: 0.8;\r\n                width: 100px;\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n            }\r\n            td {\r\n                padding:4px;\r\n                font-size: 13px;\r\n            }\r\n            & tr:not(:last-child) > * {\r\n                border-bottom: 1px solid #e5e5e5;\r\n            }\r\n        }\r\n    }\r\n    & .wq--heading {\r\n        font-weight: bold;\r\n        margin-bottom: 0.25em;\r\n    }\r\n}\r\n\r\n.button.wq-x-danger {\r\n    color: #a00;\r\n    border-color: #a00;\r\n    &:hover {\r\n        color: #dc3232;\r\n        border-color: #dc3232;\r\n    }\r\n}\r\n\r\n.wq-File {\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    height: $file-height;\r\n    width: $file-width;\r\n    border: 1px solid #e5e5e5;\r\n    margin: 0;\r\n    transition: opacity 0.2s linear;\r\n    & > .wq--filename {\r\n        flex-grow: 0;\r\n        flex-shrink: 0;\r\n        flex-basis: $file-width - 2px;\r\n        max-width: $file-width - 2px;\r\n        max-height: $file-height - 2px;\r\n        width: $file-width - 2px;\r\n        box-sizing: border-box;\r\n        padding: 3px;\r\n        line-height: 1.3;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        word-break: break-all;\r\n    }\r\n    &.wq-is-viewable > .wq--filename { display:none; }\r\n}\r\n\r\n.wq-Group {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    & > *:not(:last-child) {\r\n        margin-right: 4px;\r\n    }\r\n}\r\n\r\n.wq-Row {\r\n    display: flex;\r\n    flex-direction: row;\r\n    & > .wq--main {\r\n        flex: 1 1 auto;\r\n        margin-right: 20px;\r\n    }\r\n    & > .wq--side {\r\n        flex: 0 0 280px;\r\n    }\r\n}\r\n@media screen and (max-width: 782px) {\r\n    .wq-Row {\r\n        flex-direction: column;\r\n        & > .wq--main {\r\n            margin-right: 0;\r\n            margin-bottom: 20px;\r\n        }\r\n        & > .wq--side {\r\n            flex: 1 1 280px;\r\n        }\r\n    }\r\n}\r\n\r\n.wq-Help {\r\n    background: white;\r\n    margin-top: 20px;\r\n    & > .wq--title {\r\n        margin: 0;\r\n        padding: 10px 10px 0;\r\n        &.wq-is-caution {\r\n            color: #BB0000;\r\n        }\r\n    }\r\n    & > .wq--body {\r\n        padding: 10px 10px;\r\n        & > *:first-child {margin-top: 0;}\r\n        & > *:last-child {margin-bottom: 0;}\r\n    }\r\n}\r\n","@charset \"UTF-8\";\n.fixed .column-id {\n  width: 2em;\n}\n\n.fixed .column-customer,\n.fixed .column-form {\n  width: 25%;\n}\n\n.medium-text {\n  width: 10em;\n}\n\n.form-table fieldset label {\n  padding-right: 8px;\n}\n\n.form-table th {\n  position: relative;\n}\n\n.form-table td .wq--binding {\n  margin-top: 4px;\n  margin-left: 24px;\n}\n.form-table td .wq--binding span {\n  vertical-align: middle;\n}\n\n@media screen and (max-width: 1122px) {\n  .form-table {\n    box-sizing: border-box;\n  }\n\n  .form-table.wq-x-narrow th,\n.form-table.wq-x-narrow td {\n    display: block;\n    width: auto;\n    vertical-align: middle;\n  }\n\n  .form-table.wq-x-narrow th {\n    padding-top: 10px;\n    padding-bottom: 0;\n    border-bottom: 0;\n  }\n\n  .form-table.wq-x-narrow td {\n    margin-bottom: 0;\n    padding-bottom: 6px;\n    padding-top: 4px;\n    padding-left: 0;\n  }\n}\n.wq-TitleBar {\n  display: flex;\n  align-items: center;\n}\n.wq-TitleBar > * {\n  flex: 0 0 auto;\n}\n.wq-TitleBar > .wq--spacer {\n  flex: 1 1 5px;\n}\n.wq-TitleBar > .wq--link {\n  font-size: 14px;\n  margin-right: 8px;\n}\n.wq-TitleBar > .button.button-large {\n  align-self: stretch;\n  padding-left: 24px;\n  padding-right: 24px;\n  font-size: 1.2em;\n  height: 42.6px;\n  line-height: 40.6px;\n}\n\n.wq-Floater {\n  display: block;\n  position: relative;\n  right: 0;\n  top: 0;\n}\n\n.wq-Image {\n  display: block;\n  flex: 0 0 auto;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  height: auto;\n  box-sizing: border-box;\n  font-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  overflow: hidden;\n}\n.wq-Image.wq-scaling-center {\n  background-image: none !important;\n  position: relative;\n}\n.wq-Image.wq-scaling-center > .wq--img {\n  display: block;\n  position: relative;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n}\n.wq-Image.wq-scaling-cover {\n  background-size: cover;\n}\n.wq-Image.wq-scaling-cover > .wq--img {\n  display: block;\n  opacity: 0;\n  pointer-events: none;\n}\n.wq-Image.wq-scaling-contain {\n  background-size: contain;\n}\n.wq-Image.wq-scaling-contain > .wq--img {\n  display: block;\n  opacity: 0;\n  pointer-events: none;\n}\n.wq-ImageInput > .wq-Image {\n  width: 100px;\n  height: 100px;\n}\n.wq-File > .wq-Image {\n  width: 80px;\n  height: 80px;\n}\n\n.wq-Message {\n  display: block;\n  color: #dd4422;\n  font-size: inherit;\n  position: absolute;\n  left: 0;\n  top: 44px;\n  font-weight: normal;\n  width: auto;\n}\n\n.wq-Message::before {\n  display: inline;\n  font-family: \"dashicons\";\n  content: \"\";\n  vertical-align: top;\n}\n\n@media screen and (max-width: 1122px) {\n  .form-table.wq-x-narrow .wq-Message {\n    right: 5px;\n    top: 10px;\n    left: auto;\n  }\n}\n@media screen and (max-width: 782px) {\n  .wq-Message {\n    right: 5px;\n    top: 10px;\n    left: auto;\n  }\n}\n.wq-IconButton {\n  display: block;\n  width: 40px;\n  height: 40px;\n  padding: 8px 0;\n  text-align: center;\n  background: transparent;\n  border: none;\n  margin: 0;\n  cursor: pointer;\n}\n.wq-IconButton.wq-appearance-danger {\n  color: #dd4422;\n}\n.wq-IconButton.wq-appearance-primary {\n  color: #0085ba;\n  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  transform: scale(1.2);\n}\n.wq-IconButton:disabled {\n  opacity: 0.3;\n  pointer-events: none;\n  cursor: auto;\n}\n.wq-IconButton:hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.wq-ImageInput {\n  display: flex;\n  align-items: flex-start;\n}\n\n.wq-Details {\n  display: flex;\n}\n.wq-Details > .wq--nav {\n  flex: 0 0 auto;\n  margin-top: 0.5em;\n  margin-right: 32px;\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);\n  align-self: flex-start;\n}\n.wq-Details > .wq--nav > .wq--tools {\n  border: 1px solid rgba(0, 0, 0, 0.26);\n  display: flex;\n  background: white;\n  width: 20em;\n  box-sizing: border-box;\n  font-size: 14px;\n  position: relative;\n}\n.wq-Details > .wq--nav > .wq--tools > .wq--spacer {\n  flex: 1 1 1px;\n}\n.wq-Details > .wq--nav > .wq--tools > .wq-for-close-nav {\n  display: none;\n}\n.wq-Details > .wq--form {\n  flex: 1 1 auto;\n}\n.wq-Details > .wq--form > .wq--lobe {\n  display: none;\n}\n\n@media screen and (max-width: 782px) {\n  .wq-Details {\n    display: block;\n    position: relative;\n  }\n  .wq-Details > .wq--nav {\n    display: block;\n    width: 100%;\n    margin-right: 0;\n    transition: transform 0.2s ease-in-out;\n    transform: translateX(-120vw);\n    transition-delay: 0.2s;\n    position: absolute;\n    left: 0;\n    top: 0;\n    z-index: 1;\n  }\n  .wq-Details > .wq--nav > .wq--tools {\n    width: 100%;\n  }\n  .wq-Details > .wq--nav > .wq--tools > .wq-for-close-nav {\n    display: block;\n  }\n  .wq-Details > .wq--nav.wq-is-spshown {\n    position: static;\n    transform: translateX(0);\n  }\n  .wq-Details > .wq--form {\n    display: block;\n    width: 100%;\n  }\n  .wq-Details > .wq--form > .wq--lobe {\n    display: block;\n    border: 1px solid rgba(0, 0, 0, 0.26);\n    width: 42px;\n    margin-top: 0.5em;\n  }\n  .wq-Details > .wq--nav.wq-is-spshown + .wq--form {\n    display: none;\n  }\n}\n.wq-SortableList {\n  overflow: hidden;\n  transition: max-height 0.2s ease-in-out;\n  box-sizing: border-box;\n  font-size: 14px;\n}\n.wq-SortableList > .wq--listItemWrap {\n  box-sizing: border-box;\n}\n.wq-SortableList.wq-is-root {\n  max-height: 80vh;\n  overflow: auto;\n  width: 20em;\n}\n@media screen and (max-width: 782px) {\n  .wq-SortableList.wq-is-root {\n    max-height: none;\n    width: auto;\n  }\n}\n.wq-SortableList.wq-is-collapsed {\n  max-height: 0 !important;\n}\n\n.wq-ListItem {\n  display: flex;\n  align-items: stretch;\n  height: 40px;\n  background-color: white;\n  border: 1px solid rgba(0, 0, 0, 0.26);\n  border-top: none;\n  padding-top: 1px;\n  font-size: 14px;\n  box-sizing: border-box;\n  transition: background-color 0.2s linear;\n}\n.wq-ListItem > .wq--toggler {\n  flex: 0 0 auto;\n  width: 38px;\n  text-align: center;\n  padding-top: 9px;\n  transition: transform 0.2s linear;\n  color: rgba(0, 0, 0, 0.6);\n  cursor: pointer;\n}\n.wq-ListItem > .wq--toggler.wq-is-collapsing {\n  transform: rotate(-90deg);\n}\n.wq-ListItem > .wq--toggler.wq-non-interactive {\n  opacity: 0;\n  pointer-events: none;\n}\n.wq-ListItem > .wq--handle {\n  flex: 0 0 auto;\n  width: 38px;\n  text-align: center;\n  padding-top: 11px;\n  cursor: move;\n}\n.wq-ListItem > .wq--main {\n  flex: 1 1 auto;\n  height: 38px;\n  line-height: 38px;\n  overflow: hidden;\n}\n.wq-ListItem > .wq--main:first-child {\n  padding-left: 4px;\n}\n.wq-ListItem .material-icons {\n  font-size: 16px;\n  vertical-align: -2px;\n  color: rgba(0, 0, 0, 0.6);\n}\n.wq-ListItem.wq-for-option > .wq--toggler {\n  margin-right: 12px;\n}\n.wq-ListItem.wq-kind-watcher .wq--main .material-icons {\n  color: rgba(209, 5, 158, 0.6);\n}\n.wq-ListItem.wq-is-selected {\n  background-color: #e5e5e5;\n}\n.wq-ListItem.wq-is-ghost {\n  background-color: #adadad;\n}\n.wq-ListItem.wq-is-undroppable {\n  opacity: 0.3;\n}\n\n@media screen and (max-width: 782px) {\n  .wq-ListItem {\n    width: 100%;\n  }\n}\n.wq-Menu {\n  display: block;\n  box-sizing: border-box;\n  background-color: white;\n  font-size: 14px;\n  width: 20em;\n  max-height: 0;\n  transition: max-height 0.2s ease-in-out;\n  overflow: hidden;\n  border: 1px solid rgba(0, 0, 0, 0.26);\n  border-top-width: 0;\n}\n.wq-Menu.wq-is-open {\n  max-height: 800px;\n}\n.wq-Menu > .wq--item {\n  display: block;\n  margin: 0;\n  height: 40px;\n  padding: 0 8px;\n  font-size: 14px;\n  outline: none;\n  box-sizing: border-box;\n  line-height: 40px;\n  border: none;\n  background-color: white;\n  width: 100%;\n  text-align: left;\n}\n.wq-Menu > .wq--item:hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.wq-Menu > .wq--item > .material-icons {\n  vertical-align: -5px;\n}\n.wq-Menu > .wq--item.wq-kind-watcher > .material-icons {\n  color: #d1059e;\n}\n.wq-Menu > .wq--item.wq-kind-watcher:disabled > .material-icons {\n  color: rgba(209, 5, 158, 0.26);\n}\n\n@media screen and (max-width: 782px) {\n  .wq-Menu {\n    width: 100%;\n  }\n}\n.wq-list-row .wq-x-summary-line {\n  /*& > .wq--id, \n  & > .wq--date {\n      &::after {\n          display: inline-block;\n          content: \"\";\n          width: 14px;\n      }\n  }\n  & > .wq--total {\n      background-color: rgba(0, 0, 255, 0.1);\n      &::before, &::after {\n          display: inline-block;\n          content: \"\";\n          width: 4px;\n      }\n  }*/\n}\n.wq-list-row .wq-x-summary-line > .wq--id, .wq-list-row .wq-x-summary-line > .wq--date {\n  display: inline-block;\n}\n.wq-list-row .wq-x-summary-line > .wq--badge {\n  display: inline-block;\n  padding-left: 4px;\n  padding-right: 4px;\n  border-radius: 4px;\n  color: #00a0d2;\n  background: rgba(0, 160, 210, 0.1);\n}\n.wq-list-row .wq-x-summary-line > .wq--badge.wq-type-warning {\n  color: #d3b300;\n  background: rgba(211, 179, 0, 0.1);\n}\n.wq-list-row .wq-x-summary-line > *:not(:first-child) {\n  margin-left: 14px;\n}\n\n.wq--definitions {\n  display: block;\n  border: 1px solid #ccc;\n  width: 100%;\n}\n.wq--definitions > dt {\n  display: block;\n  float: left;\n  width: 8em;\n  margin: 0;\n  box-sizing: border-box;\n  font-size: 12px;\n  font-weight: bold;\n  padding: 4px;\n}\n.wq--definitions > dd {\n  margin: 0 0 0 8em;\n  box-sizing: border-box;\n  padding: 4px;\n}\n\n.wq-Order {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 0.5em;\n}\n.wq-Order > .wq--detail {\n  min-width: 30em;\n  flex: 2 2 auto;\n  margin-right: 12px;\n}\n.wq-Order > .wq--detail > .wq--detailTable {\n  width: 100%;\n  border: 1px solid #e5e5e5;\n  border-collapse: collapse;\n}\n.wq-Order > .wq--detail > .wq--detailTable td {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.wq-Order > .wq--detail > .wq--detailTable tr:not(:last-child) td {\n  border-bottom: 1px solid #e5e5e5;\n}\n.wq-Order > .wq--detail > .wq--detailTable td:first-child {\n  padding-left: 4px;\n}\n.wq-Order > .wq--detail > .wq--detailTable td:last-child {\n  padding-right: 4px;\n}\n.wq-Order > .wq--detail > .wq--detailTable .wq-for-unitPrice, .wq-Order > .wq--detail > .wq--detailTable .wq-for-quantity, .wq-Order > .wq--detail > .wq--detailTable .wq-for-price {\n  text-align: right;\n}\n.wq-Order > .wq--detail > .wq--summaryTable {\n  width: 45%;\n  margin: 0 0 0 auto;\n  border: 1px solid #e5e5e5;\n  border-collapse: collapse;\n}\n.wq-Order > .wq--detail > .wq--summaryTable tr:not(:last-child) td, .wq-Order > .wq--detail > .wq--summaryTable tr:not(:last-child) th {\n  border-bottom: 1px solid #e5e5e5;\n}\n.wq-Order > .wq--detail > .wq--summaryTable th {\n  padding: 4px 0 4px 4px;\n}\n.wq-Order > .wq--detail > .wq--summaryTable td {\n  text-align: right;\n  padding: 4px 4px 4px 0;\n}\n.wq-Order .wq--customer {\n  flex: 1 1 auto;\n  min-width: 15em;\n}\n.wq-Order .wq--customer > .form-table {\n  margin: 0;\n  border: 1px solid #e5e5e5;\n  border-collapse: collapse;\n}\n.wq-Order .wq--customer > .form-table th {\n  padding: 4px;\n  font-size: 13px;\n  font-weight: normal;\n  opacity: 0.8;\n  width: 100px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.wq-Order .wq--customer > .form-table td {\n  padding: 4px;\n  font-size: 13px;\n}\n.wq-Order .wq--customer > .form-table tr:not(:last-child) > * {\n  border-bottom: 1px solid #e5e5e5;\n}\n.wq-Order .wq--heading {\n  font-weight: bold;\n  margin-bottom: 0.25em;\n}\n\n.button.wq-x-danger {\n  color: #a00;\n  border-color: #a00;\n}\n.button.wq-x-danger:hover {\n  color: #dc3232;\n  border-color: #dc3232;\n}\n\n.wq-File {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  position: relative;\n  height: 80px;\n  width: 80px;\n  border: 1px solid #e5e5e5;\n  margin: 0;\n  transition: opacity 0.2s linear;\n}\n.wq-File > .wq--filename {\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: 78px;\n  max-width: 78px;\n  max-height: 78px;\n  width: 78px;\n  box-sizing: border-box;\n  padding: 3px;\n  line-height: 1.3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: break-all;\n}\n.wq-File.wq-is-viewable > .wq--filename {\n  display: none;\n}\n\n.wq-Group {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.wq-Group > *:not(:last-child) {\n  margin-right: 4px;\n}\n\n.wq-Row {\n  display: flex;\n  flex-direction: row;\n}\n.wq-Row > .wq--main {\n  flex: 1 1 auto;\n  margin-right: 20px;\n}\n.wq-Row > .wq--side {\n  flex: 0 0 280px;\n}\n\n@media screen and (max-width: 782px) {\n  .wq-Row {\n    flex-direction: column;\n  }\n  .wq-Row > .wq--main {\n    margin-right: 0;\n    margin-bottom: 20px;\n  }\n  .wq-Row > .wq--side {\n    flex: 1 1 280px;\n  }\n}\n.wq-Help {\n  background: white;\n  margin-top: 20px;\n}\n.wq-Help > .wq--title {\n  margin: 0;\n  padding: 10px 10px 0;\n}\n.wq-Help > .wq--title.wq-is-caution {\n  color: #BB0000;\n}\n.wq-Help > .wq--body {\n  padding: 10px 10px;\n}\n.wq-Help > .wq--body > *:first-child {\n  margin-top: 0;\n}\n.wq-Help > .wq--body > *:last-child {\n  margin-bottom: 0;\n}\n/*# sourceMappingURL=admin.css.map */\n"],"names":[],"version":3,"file":"admin.css.map"}