#ARHelp {
grid-area: TopBar / TopBar / BottomBar / BottomBar;
align-self: stretch;
justify-self: stretch;
background: rgba(255, 255, 255, 0.75);
pointer-events: auto;
z-index: 1;
overflow-y: auto;
padding: 1em;
grid-gap: 1em;
display: grid;
grid-template-rows: auto min-content min-content min-content 1fr;
grid-template-columns: calc((100% - 2em) / 3) calc((100% - 2em) / 3) calc((100% - 2em) / 3);
grid-template-areas: "video video video" "empty1 qrcode link" "empty2 qrcode share" "text text text" "empty3 empty4 empty5";
}
#ARHelp > * {
align-self: center;
justify-self: center;
max-width: 100%;
}
#ARHelp video {
grid-area: video;
min-width: 50%;
max-width: 100%;
max-height: 100%;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
#ARHelp .qrcode {
grid-area: qrcode;
justify-self: stretch;
aspect-ratio: 1 / 1;
}
#ARHelp .qrcode > svg {
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
}
#ARHelp .link {
grid-area: link;
align-self: end;
justify-self: start;
}
#ARHelp .link > i {
opacity: 0;
transition: opacity 0.5s;
}
#ARHelp .link > i.visible {
opacity: 1;
}
#ARHelp .link > i.second {
margin-left: -1.5em;
}
#ARHelp .text {
grid-area: text;
text-align: center;
}
#ARHelp .share {
grid-area: share;
align-self: start;
justify-self: start;
}
@media (max-width: 64em) {
#ARHelp {
grid-template-columns: calc((100% - 1em) / 2) calc((100% - 1em) / 2);
grid-template-areas: "video video" "qrcode link" "qrcode share" "text text" "empty4 empty5";
}
}
@media (max-width: 32em) {
#ARHelp {
grid-template-rows: auto min-content min-content min-content min-content min-content 1fr;
grid-template-columns: 100%;
grid-template-areas: "video" "qrcode" "link" "share" "text" "empty5";
}
#ARHelp .link,
#ARHelp .qrcode,
#ARHelp .share {
justify-self: center;
}
}
.UploadedPageDraggingActive #AssignPagesSmall {
transition: 0.01s;
transform: translateX(0);
}
#AssignPagesSmall {
grid-area: right-ui;
transform: translateX(-9999px);
cursor: default;
background: #EEF2F5;
}
#AssignPagesSmall #AssignPagesSmallSticky {
position: sticky;
position: -webkit-sticky;
/* label height + icon height + padding */
top: 5.75em;
}
@media (max-width: 46em) {
#AssignPagesSmall #AssignPagesSmallSticky {
top: 4.15em;
}
}
.PublicViewer.Embedded #AssignPagesSmall #AssignPagesSmallSticky {
top: 0;
}
#AssignPagesSmall .HelpCancel {
display: flex;
align-items: center;
justify-content: space-between;
}
#AssignPagesSmall .HelpCancel > button {
flex-shrink: 0;
margin: 0.5em;
}
#AssignPagesSmall .ProductSection {
background: #dddddd;
}
#AssignPagesSmall .ProductPartTitle {
font-weight: 300;
font-size: 1.5em;
min-width: 100%;
}
#AssignPagesSmall .ProductPart {
display: flex;
flex-wrap: wrap;
}
#AssignPagesSmall .ProductPartPage {
position: relative;
border: 0.2em solid #EEF2F5;
}
#AssignPagesSmall .ProductPartPage > i {
font-size: 200%;
}
#AssignPagesSmall .ProductPartPage > span {
position: absolute;
left: 0;
right: 0;
bottom: 0.1em;
text-align: center;
color: #EEF2F5;
overflow-wrap: normal;
text-shadow: 1px 1px 1px #333333;
}
#AssignPagesSmall .ProductPartPage.Unassigned {
border: 0.2em solid transparent;
}
#AssignPagesSmall .ProductPartPage.Unassigned > span {
color: #333333;
}
#AssignPagesSmall .ProductPartPage.Highlighted {
background: #cccccc;
border: 0.2em solid #cccccc;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Kanit", sans-serif;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 1px;
line-height: 1.1em;
color: #333333;
}
h1:before,
h2:before {
content: "III";
color: #FF1414;
padding-right: 0.15em;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2.5em;
}
h3 {
font-size: 2em;
}
h4 {
font-size: 1.5em;
}
h5 {
font-size: 1.25em;
}
h6 {
font-size: 1em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: unset;
}
@media (max-width: 64em) {
h1 {
font-size: 1.2em;
}
h2 {
font-size: 1.2em;
text-transform: initial;
}
h3 {
font-size: 1em;
}
h4 {
font-size: 1em;
text-transform: initial;
}
h5 {
font-size: 1em;
font-weight: normal;
}
h2 {
font-weight: normal;
text-transform: initial;
}
}
* a,
.hentry .entry-content a {
text-decoration: none;
position: relative;
display: inline-block;
}
* a:before,
.hentry .entry-content a:before {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
content: " ";
background-color: #FF1414;
}
* h1 a:before,
.hentry .entry-content h1 a:before,
* h2 a:before,
.hentry .entry-content h2 a:before,
* h3 a:before,
.hentry .entry-content h3 a:before,
* h4 a:before,
.hentry .entry-content h4 a:before,
* h5 a:before,
.hentry .entry-content h5 a:before,
* h6 a:before,
.hentry .entry-content h6 a:before {
bottom: -0.25em;
height: 0.25em;
}
button,
.button {
font-family: "Kanit", sans-serif;
font-weight: initial;
letter-spacing: 1px;
line-height: 1.5em;
text-transform: uppercase;
color: white;
background-color: #164E82;
border-color: #164E82;
border-radius: 2px;
padding: 0.5625em 1.25em;
align-self: center;
font-size: unset;
border: 0;
}
button:hover,
.button:hover {
background-color: #1d68ae;
}
button:focus,
.button:focus {
outline: solid #164E82 2px;
box-shadow: inset 0px 0px 0px 2px white;
outline-offset: 0;
}
button.alt,
.button.alt,
button.active,
.button.active {
background-color: #1d68ae;
border-color: #1d68ae;
}
button.alt:hover,
.button.alt:hover,
button.active:hover,
.button.active:hover {
background-color: #2582d9;
border-color: #2582d9;
}
button.alt:focus,
.button.alt:focus,
button.active:focus,
.button.active:focus {
outline: solid #1d68ae 2px;
box-shadow: inset 0px 0px 0px 2px white;
}
button.secondary,
.button.secondary {
background-color: inherit;
color: #164E82;
box-shadow: inset 0px 0px 0px 2px #164E82;
}
button.secondary:hover,
.button.secondary:hover {
color: white;
background-color: #164E82;
}
button.secondary:focus,
.button.secondary:focus {
border-radius: 0;
}
a.icon > i,
button.icon > i,
.button.icon > i {
padding-left: 0.5em;
}
a.tab,
button.tab,
.button.tab {
background-color: white;
padding: 0.61804697em 1.41575em;
display: inline-block;
color: #333333;
align-self: stretch;
font-weight: normal;
cursor: pointer;
}
a.tab .Label:before,
button.tab .Label:before,
.button.tab .Label:before {
width: 0;
height: 0;
background-color: transparent;
}
a.tab.active .Label,
button.tab.active .Label,
.button.tab.active .Label,
a.tab:hover .Label,
button.tab:hover .Label,
.button.tab:hover .Label {
position: relative;
}
a.tab.active .Label:before,
button.tab.active .Label:before,
.button.tab.active .Label:before,
a.tab:hover .Label:before,
button.tab:hover .Label:before,
.button.tab:hover .Label:before {
position: absolute;
bottom: -0.2em;
left: 0;
width: 100%;
height: 0.25em;
content: " ";
background-color: #FF1414;
}
a:focus,
.hentry .entry-content a:focus {
outline: #164E82 auto 0.3125em;
}
a.NavigationLink:before,
.hentry .entry-content a.NavigationLink:before,
a.tab:before,
.hentry .entry-content a.tab:before,
a.button:before,
.hentry .entry-content a.button:before {
width: 0;
height: 0;
background-color: transparent;
}
input,
textarea {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
background: none;
border: 0;
}
input:hover,
textarea:hover {
outline: solid 1px grey;
}
input:focus,
textarea:focus {
outline: solid 1px grey;
}
[role="combobox"] {
border-radius: 0.125em;
background-color: #dddddd;
border-color: #dddddd;
color: #333333;
position: relative;
}
[role="combobox"][aria-expanded="true"] {
box-shadow: 0 0 0 0.125em #dddddd;
}
[role="combobox"] > input {
width: 100%;
height: 2em;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
color: inherit;
font-size: inherit;
font-family: inherit;
padding: inherit;
padding-left: 0.2em;
}
[role="combobox"] > button {
position: absolute;
right: 0;
width: 1.5em;
padding: 0.25em;
background-color: white;
border-color: white;
color: #FF1414;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
}
[role="combobox"] > button:focus {
outline: none;
}
[role="combobox"] [role="listbox"] {
position: absolute;
top: 120%;
background: white;
margin: 0;
padding: 0.1875em;
list-style-type: none;
width: 100%;
z-index: 1;
cursor: pointer;
box-sizing: border-box;
max-height: 50vh;
overflow-y: auto;
box-shadow: 0px 0px 6px black;
border-radius: 3px;
}
[role="combobox"] [role="listbox"] .highlighted {
background: #dddddd;
}
[role="combobox"] [role="listbox"] .selected {
background: #cccccc;
}
[role="combobox"] [role="listbox"] > li {
width: 100%;
}
[role="combobox"] [role="listbox"].NotLoaded,
[role="combobox"] [role="listbox"].Init {
min-height: 5em;
position: absolute;
}
[role="combobox"] [role="listbox"].Closed {
display: none;
}
* {
box-sizing: border-box;
}
body {
height: 100vh;
font-family: "PT Sans", sans-serif;
position: relative;
margin: 0;
color: #333333;
}
body.Fullscreen {
overflow: hidden;
}
.DragImage {
position: absolute;
top: 0;
left: -100%;
}
@media (max-width: 699px) {
.page .home-top-row .wp-block-column {
flex-basis: 100%!important;
}
}
@media (min-width: 700px) {
.page .home-top-row .wp-block-column {
flex-basis: calc(50% - 16px);
flex-grow: 0;
}
.page .home-top-row .wp-block-column:nth-child(2n) {
margin-left: 32px;
}
}
.page .home-top-row .wp-block-column:first-child {
margin-left: calc(50% - 50vw) !important;
flex-grow: 1 !important;
}
@media (max-width: 699px) {
.page .home-top-row .wp-block-column:first-child {
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding-right: 0 !important;
flex-grow: 1 !important;
}
}
.page .home-top-row h4:before {
content: "I";
color: #FF1414;
padding-right: 0.3em;
}
.page .home-top-row p + h4 {
margin-top: 0;
}
.page .blue-circle figure {
background-color: #DCEAF5;
border-radius: 50%;
}
.page .blue-circle figure img {
padding: 20%;
border-radius: unset;
}
.page .column-last-at-bottom {
align-self: stretch;
display: flex;
flex-direction: column;
}
.page .column-last-at-bottom *:last-child {
margin-top: auto;
}
.page .newproject-align-left {
justify-content: flex-start;
}
.page .header-with-subtitle {
margin-bottom: 0;
}
.page .wp-block-image {
/**,
.hentry .entry-content {*/
}
.page .wp-block-image a:before {
background-color: unset;
}
.page header.woocommerce-Address-title.title {
display: flex;
align-items: center;
margin-bottom: 0.5em;
}
.page header.woocommerce-Address-title.title h3 {
margin: 0;
}
@media (min-width: 64em) {
.page header.woocommerce-Address-title.title h3 {
font-size: 1.5em;
}
}
.page header.woocommerce-Address-title.title a {
margin-top: 0.25em;
margin-left: 0.5em;
}
.page header.woocommerce-Address-title.title a:before {
background-color: unset;
}
.page .hentry .entry-content .wp-block-button .wp-block-button__link,
.page .hentry .entry-content .wp-block-file .wp-block-file__button {
font-family: "Kanit", sans-serif;
font-weight: initial;
letter-spacing: 1px;
line-height: 1.5em;
text-transform: uppercase;
color: white;
background-color: #164E82;
border-color: #164E82;
border-radius: 2px;
padding: 0.5625em 1.25em;
align-self: center;
font-size: unset;
border: 0;
}
.page .hentry .entry-content .wp-block-button .wp-block-button__link:hover,
.page .hentry .entry-content .wp-block-file .wp-block-file__button:hover {
background-color: #1d68ae;
}
.page .hentry .entry-content .wp-block-button .wp-block-button__link:focus,
.page .hentry .entry-content .wp-block-file .wp-block-file__button:focus {
outline: solid #164E82 2px;
box-shadow: inset 0px 0px 0px 2px white;
outline-offset: 0;
}
.page .hentry .entry-content .wp-block-button .wp-block-button__link:before,
.page .hentry .entry-content .wp-block-file .wp-block-file__button:before {
width: 0;
height: 0;
background-color: transparent;
}
.printkit-message,
.printkit-info,
.printkit-error,
.printkit-message.woocommerce-message,
.printkit-info.woocommerce-info,
.printkit-error.woocommerce-error {
display: flex;
}
@media (max-width: 32em) {
.printkit-message,
.printkit-info,
.printkit-error,
.printkit-message.woocommerce-message,
.printkit-info.woocommerce-info,
.printkit-error.woocommerce-error {
flex-direction: column;
}
}
.printkit-message > label,
.printkit-info > label,
.printkit-error > label,
.printkit-message.woocommerce-message > label,
.printkit-info.woocommerce-info > label,
.printkit-error.woocommerce-error > label {
flex-basis: 66%;
flex-grow: 2;
}
.printkit-message > label i,
.printkit-info > label i,
.printkit-error > label i,
.printkit-message.woocommerce-message > label i,
.printkit-info.woocommerce-info > label i,
.printkit-error.woocommerce-error > label i {
float: left;
font-size: 2em;
width: 100%;
}
.printkit-message > button,
.printkit-info > button,
.printkit-error > button,
.printkit-message.woocommerce-message > button,
.printkit-info.woocommerce-info > button,
.printkit-error.woocommerce-error > button,
.printkit-message > a,
.printkit-info > a,
.printkit-error > a,
.printkit-message.woocommerce-message > a,
.printkit-info.woocommerce-info > a,
.printkit-error.woocommerce-error > a {
flex-basis: 33%;
flex-grow: 1;
text-decoration: none;
text-align: left;
}
.printkit-message > button:focus,
.printkit-info > button:focus,
.printkit-error > button:focus,
.printkit-message.woocommerce-message > button:focus,
.printkit-info.woocommerce-info > button:focus,
.printkit-error.woocommerce-error > button:focus,
.printkit-message > a:focus,
.printkit-info > a:focus,
.printkit-error > a:focus,
.printkit-message.woocommerce-message > a:focus,
.printkit-info.woocommerce-info > a:focus,
.printkit-error.woocommerce-error > a:focus {
outline: solid white 2px;
box-shadow: none;
}
@media (max-width: 32em) {
.printkit-message > button,
.printkit-info > button,
.printkit-error > button,
.printkit-message.woocommerce-message > button,
.printkit-info.woocommerce-info > button,
.printkit-error.woocommerce-error > button,
.printkit-message > a,
.printkit-info > a,
.printkit-error > a,
.printkit-message.woocommerce-message > a,
.printkit-info.woocommerce-info > a,
.printkit-error.woocommerce-error > a {
text-align: center;
padding-left: unset;
margin-left: unset;
padding-top: 1em;
margin-top: 1em;
border-left-width: 0;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(255, 255, 255, 0.25);
}
}
#CouponInfo img {
position: relative;
z-index: 1;
width: calc(3.25em * 512 / 305);
height: 3.25em;
object-fit: contain;
animation-name: CouponInfoHint;
animation-duration: 2s;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
}
@keyframes CouponInfoHint {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.3, 1.3);
}
100% {
transform: scale(1, 1);
}
}
#CouponInfoDialog {
display: grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto auto auto auto;
grid-template-areas: "Header Header Header" "Email Email Email" "Image1 Button Image2" "Footer Footer Footer";
grid-gap: 1em;
padding: 1em;
justify-items: center;
align-items: center;
}
#CouponInfoDialog .Header {
grid-area: Header;
text-align: center;
}
#CouponInfoDialog input {
grid-area: Email;
width: 100%;
text-align: center;
}
#CouponInfoDialog img {
height: 6em;
object-fit: contain;
}
#CouponInfoDialog .Image1 {
grid-area: Image1;
transform: rotate(-20deg);
}
#CouponInfoDialog button {
grid-area: Button;
}
#CouponInfoDialog .Image2 {
grid-area: Image2;
transform: rotate(20deg);
}
#CouponInfoDialog .Footer {
grid-area: Footer;
font-size: small;
text-align: center;
}
.dialog-modal {
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 3000;
padding: 3vmin 3vmin 10vh 3vmin;
display: flex;
justify-content: center;
align-items: center;
overflow-y: auto;
}
.dialog-modal > * {
background: #EEF2F5;
box-shadow: 0px 0px 6px black;
border-radius: 3px;
}
.dialog-modal .dialog-content {
display: flex;
flex-direction: column;
height: min-content;
margin: auto;
}
.dialog-modal .dialog-button-close {
background-color: transparent;
color: #333333;
box-shadow: initial;
padding: 0;
font-size: 2em;
line-height: 1em;
width: 1em;
height: 1em;
align-self: flex-end;
}
.dialog-modal .dialog-buttons {
display: flex;
padding: 1.5vmin;
justify-content: flex-end;
}
.dialog-modal .dialog-buttons > * {
margin: 1.5vmin;
}
.UploadedPageDraggingActive #DropPageUI {
display: flex;
}
#DropPageUI {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: none;
pointer-events: none;
}
#DropPageUI.ShowDropZone {
pointer-events: unset;
}
#DropPageUI.ShowDropZone .DragToPageMessage {
display: unset;
}
#DropPageUI.DragOver .DragToPageMessage {
margin: 0.1875em;
padding: 0.4375em 0.4375em 0.4375em 0.4375em;
border: 0.25em dashed #EEF2F5;
}
#DropPageUI .DragToPageMessage {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
supported by Chrome and Opera */
display: none;
flex-grow: 1;
margin: 0.25em;
padding: 0.5em 0.5em 0.5em 0.5em;
border: 0.125em dashed #EEF2F5;
}
.UploadedPageDraggingActive #FileUploadUI {
transition: 0.01s;
transform: translateX(-9999px);
}
#FileUploadUI {
grid-area: right-ui;
display: flex;
flex-direction: column;
background-color: #EEF2F5;
}
#FileUploadUI #FileUploadUI-Top {
display: grid;
grid-template-columns: auto min-content;
grid-template-rows: min-content min-content;
grid-template-areas: "Dropzone ExportTemplate" "Navigation Navigation";
grid-gap: 1em;
padding: 1em;
}
#FileUploadUI #FileUploadUI-Top .Title {
display: none;
}
#FileUploadUI #FileUploadUI-Top #ExportTemplate {
grid-area: ExportTemplate;
align-self: stretch;
}
#FileUploadUI #FileUploadUI-Top #ExportTemplate > button {
display: flex;
}
#FileUploadUI #FileUploadUI-Top #ExportTemplate > button > i {
order: -1;
align-self: center;
line-height: 1.5em;
}
#FileUploadUI #FileUploadUI-Top .Navigation {
grid-area: Navigation;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
margin: -0.5em;
}
#FileUploadUI #FileUploadUI-Top .Navigation .NavigationLink {
margin: 0.5em;
}
#FileUploadUI .FileuploadDragzone {
grid-area: Dropzone;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#FileUploadUI .FileuploadDragzone #DragFilesHereHint {
flex-grow: 1;
display: none;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
padding: calc(3vmax + 0.125em);
padding-bottom: 3vmax;
font-size: 1.125em;
text-align: center;
border-top: 0.125em dashed #164E82;
border-left: 0.125em dashed #164E82;
border-right: 0.125em dashed #164E82;
}
#FileUploadUI .FileuploadDragzone #DragFilesHereHint .Blue {
color: #164E82;
white-space: pre-line;
}
#FileUploadUI .FileuploadDragzone #DragFilesHereArea {
flex-grow: 1;
border-top: 0.125em dashed #164E82;
border-right: 0.125em dashed #164E82;
border-bottom: 0.125em dashed #164E82;
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
}
#FileUploadUI .FileuploadDragzone #DragFilesHereArea > * {
text-align: center;
place-self: center;
}
@media (hover: none) and (pointer: coarse) {
#FileUploadUI .FileuploadDragzone #DragFilesHereArea {
display: none;
}
}
#FileUploadUI .FileuploadDragzone button {
align-self: stretch;
order: -1;
}
#FileUploadUI[drag-in-process] .FileuploadDragzone #DragFilesHereHint {
border-top: 0.25em dashed #164E82;
border-left: 0.25em dashed #164E82;
border-right: 0.25em dashed #164E82;
padding: 3vmax;
}
#FileUploadUI[drag-in-process] .FileuploadDragzone #DragFilesHereArea {
border-top: 0.25em dashed #164E82;
border-right: 0.25em dashed #164E82;
border-bottom: 0.25em dashed #164E82;
}
#FileUploadUI.NoFiles #FileUploadUI-Top {
height: 100%;
margin: 0;
grid-template-rows: min-content auto min-content;
grid-template-areas: "Title ExportTemplate" "Dropzone Dropzone" "Navigation Navigation";
grid-gap: 3vmax;
padding: 3vmax;
}
@media (max-width: 32em) {
#FileUploadUI.NoFiles #FileUploadUI-Top {
grid-template-columns: 1fr;
grid-template-rows: min-content min-content min-content min-content;
grid-template-areas: "Title" "ExportTemplate" "Dropzone" "Navigation";
}
}
#FileUploadUI.NoFiles #FileUploadUI-Top .Title {
display: initial;
grid-area: Title;
align-self: center;
font-size: 2em;
}
#FileUploadUI.NoFiles #FileUploadUI-Top .FileuploadDragzone {
flex-direction: column;
}
#FileUploadUI.NoFiles #FileUploadUI-Top .FileuploadDragzone #DragFilesHereHint {
display: flex;
}
#FileUploadUI.NoFiles #FileUploadUI-Top .FileuploadDragzone #DragFilesHereArea {
display: none;
}
#FileUploadUI.NoFiles #FileUploadUI-Top .FileuploadDragzone button {
order: 1;
}
#FileUploadUI.NoFiles #FileUploadUI-Top #ExportTemplate {
padding-left: 1em;
}
#FileUploadUI.NoFiles #FileUploadUI-Top #ExportTemplate > button {
align-items: center;
}
#FileUploadUI.NoFiles #FileUploadUI-Top #ExportTemplate > button > i {
font-size: 2em;
padding-right: 0.5em;
}
#FileUploadUI.NoFiles #FileUploadUI-Top .Navigation .NavigationLink {
margin: 0.5em;
}
#FileUploadUI[drag-in-process] * {
pointer-events: none;
}
#FileUploadUI .Pages {
grid-column: span 2;
display: flex;
flex-direction: column;
padding: 0 1em 1em 1em;
}
#FileUploadUI.NoFiles .Pages {
display: none;
}
#FileUploadUI .PagesTabs {
display: flex;
flex-wrap: wrap;
margin: -0.5em;
}
#FileUploadUI .PagesTabs button {
margin: 0.5em;
flex-basis: calc(50% - 1em);
align-self: stretch;
}
#FileUploadUI .AssignPages {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
}
#FileUploadUI .AssignPages::-webkit-scrollbar,
#FileUploadUI .UploadedFiles::-webkit-scrollbar {
width: 0.5em;
}
#FileUploadUI .AssignPages::-webkit-scrollbar-track,
#FileUploadUI .UploadedFiles::-webkit-scrollbar-track {
background: #ddd;
border-radius: 0.125em;
}
#FileUploadUI .AssignPages::-webkit-scrollbar-thumb,
#FileUploadUI .UploadedFiles::-webkit-scrollbar-thumb {
background: #666;
border-radius: 0.125em;
}
#FileUploadUI .UploadedFiles {
display: flex;
flex-direction: column;
}
#FileUploadUI .UploadedFiles #ShowUsedPagesLabel {
margin: 1em 0;
align-self: flex-end;
}
#FileUploadUI .UploadedFiles #ShowUsedPagesLabel > input {
margin-right: 0.5em;
}
#FileUploadUI .section-title,
#FileUploadUI .ProductPartTitle {
cursor: default;
display: flex;
align-items: center;
width: 100%;
position: sticky;
position: -webkit-sticky;
/* label height + icon height + padding */
top: calc(5.75em / 1.5);
background: #EEF2F5;
z-index: 100;
font-weight: 300;
font-size: 1.5em;
}
@media (max-width: 46em) {
#FileUploadUI .section-title,
#FileUploadUI .ProductPartTitle {
top: calc(4.15em / 1.5);
}
}
.PublicViewer.Embedded #FileUploadUI .section-title,
.PublicViewer.Embedded #FileUploadUI .ProductPartTitle {
top: calc(0 / 1.5);
}
#FileUploadUI .section-title > span,
#FileUploadUI .ProductPartTitle > span {
padding-left: 0.5em;
}
#FileUploadUI .title,
#FileUploadUI .section-title,
#FileUploadUI .ProductPartTitle {
height: 1.5em;
}
#FileUploadUI .title span,
#FileUploadUI .section-title span,
#FileUploadUI .ProductPartTitle span {
text-overflow: ellipsis;
max-width: 100%;
white-space: nowrap;
overflow-x: hidden;
flex-shrink: 0;
}
#FileUploadUI .title span:last-child,
#FileUploadUI .section-title span:last-child,
#FileUploadUI .ProductPartTitle span:last-child {
flex-shrink: 1;
}
#FileUploadUI .UploadedFile {
display: flex;
flex-direction: column;
align-items: center;
}
#FileUploadUI .UploadedFile .file-section {
flex-shrink: 1;
}
#FileUploadUI .UploadedFile .section-title {
height: unset;
flex-wrap: wrap;
}
#FileUploadUI .UploadedFile .section-title i {
padding-left: 0.5em;
font-size: 1rem;
}
#FileUploadUI .UploadedFile .section-title a {
font-size: 1rem;
margin-left: auto;
}
#FileUploadUI .UploadedFile .VirtualizedList,
#FileUploadUI .AssignPages .ProductPartPages .VirtualizedList {
display: grid;
grid-template-columns: 34% 33% 33%;
justify-items: center;
}
#FileUploadUI .UploadedFile .VirtualizedList > :first-child,
#FileUploadUI .AssignPages .ProductPartPages .VirtualizedList > :first-child {
grid-column: span 3;
}
#FileUploadUI .UploadedFile .VirtualizedList > :last-child,
#FileUploadUI .AssignPages .ProductPartPages .VirtualizedList > :last-child {
grid-column: span 3;
}
@media (max-width: 32em) {
#FileUploadUI .UploadedFile .VirtualizedList,
#FileUploadUI .AssignPages .ProductPartPages .VirtualizedList {
grid-template-columns: 1fr 1fr;
}
#FileUploadUI .UploadedFile .VirtualizedList > :first-child,
#FileUploadUI .AssignPages .ProductPartPages .VirtualizedList > :first-child {
grid-column: span 2;
}
#FileUploadUI .UploadedFile .VirtualizedList > :last-child,
#FileUploadUI .AssignPages .ProductPartPages .VirtualizedList > :last-child {
grid-column: span 2;
}
}
#FileUploadUI .UploadedPage.last,
#FileUploadUI .AssignPages .ProductPartPage.last {
grid-column: span 3;
}
@media (max-width: 32em) {
#FileUploadUI .UploadedPage.last,
#FileUploadUI .AssignPages .ProductPartPage.last {
grid-column: span 2;
}
}
@media (min-width: 32em) {
#FileUploadUI .UploadedPage:nth-child(3n+0),
#FileUploadUI .AssignPages .ProductPartPage:nth-child(3n+0),
#FileUploadUI .UploadedPage:nth-child(3n+1),
#FileUploadUI .AssignPages .ProductPartPage:nth-child(3n+1) {
grid-column: unset;
}
}
@media (max-width: 32em) {
#FileUploadUI .UploadedPage:nth-child(2n+1),
#FileUploadUI .AssignPages .ProductPartPage:nth-child(2n+1) {
grid-column: unset;
}
}
#FileUploadUI .UploadedPage {
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: 1.5em 1fr;
flex-direction: column;
align-items: center;
position: relative;
}
#FileUploadUI .UploadedPage .title {
align-self: self-end;
height: initial;
}
#FileUploadUI .UploadedPage.zoomed {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: zoom-out;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
background-color: rgba(0, 0, 0, 0.5);
z-index: 2000;
}
#FileUploadUI .UploadedPage.zoomed .title {
background: white;
border: 3px solid #164E82;
}
#FileUploadUI .UploadedPage.zoomed .image-container {
grid-column: span 3;
height: calc(100vh - 1.5em);
}
#FileUploadUI .UploadedPage.zoomed .image-container canvas,
#FileUploadUI .UploadedPage.zoomed .image-container img {
position: absolute;
background-color: white;
max-height: calc(100vh - 1.5em);
}
#FileUploadUI .UploadedPage.unassigned {
height: unset;
}
#FileUploadUI .UploadedPage.unassigned .image-container {
text-align: center;
}
#FileUploadUI .UploadedPage .title {
grid-column: span 3;
text-align: center;
}
#FileUploadUI .UploadedPage .title i {
padding: 0 0.5em;
}
#FileUploadUI .UploadedPage:not([data-loaded="error"]) .error {
display: none;
}
#FileUploadUI .UploadedPage .image-container {
grid-column: 2 / 2;
height: 20vh;
display: flex;
justify-content: center;
align-items: center;
}
#FileUploadUI .UploadedPage .image-container canvas,
#FileUploadUI .UploadedPage .image-container img {
animation: 0.25s 1 linear zoomin forwards;
border: 1px solid #333333;
object-fit: contain;
max-width: 100%;
max-height: 100%;
background-color: white;
}
#FileUploadUI .UploadedPage .image-container .startDrag {
display: none;
}
#FileUploadUI .UploadedPage .image-container:hover .startDrag {
display: unset;
font-size: 2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
text-shadow: 1px 0px 1px #EEF2F5, -1px 0px 1px #EEF2F5, 0px 1px 1px #EEF2F5, 0px -1px 1px #EEF2F5;
}
#FileUploadUI .UploadedPage .image-container .WaitForRender {
text-align: center;
}
@keyframes zoomin {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#FileUploadUI .UploadedPage .controls {
position: unset;
left: unset;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 20vh;
justify-content: center;
}
#FileUploadUI .UploadedPage .controls i {
flex-grow: 1;
font-size: calc(20vh / 3 - 2vh - 1px);
padding: 1vh;
text-align: center;
}
#FileUploadUI .UploadedPage .EmptyPage {
display: flex;
flex-direction: column;
}
#FileUploadUI .UploadedPage .EmptyPage > label {
margin-top: 0.5em;
}
#FileUploadUI .UploadedPage .EmptyPage > label > input {
margin-right: 0.5em;
}
#FileUploadUI .AssignPages .ProductPart,
#FileUploadUI .UploadedFile .ProductPart {
width: 100%;
}
#FileUploadUI .AssignPages .ProductPart .title i,
#FileUploadUI .UploadedFile .ProductPart .title i {
padding: 0 0.5em;
}
#FileUploadUI .Proceed {
margin: 0.25em;
align-self: center;
display: block;
}
#FileUploadUI .Proceed i {
padding-left: 0.5em;
}
#FileUploadUI #SelectPageFor {
display: grid;
column-gap: 1em;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
grid-template-areas: "Help Cancel" "Pages Pages";
padding: 1em;
}
#FileUploadUI #SelectPageFor > .Cancel {
grid-area: Cancel;
white-space: nowrap;
}
#FileUploadUI #SelectPageFor > .UploadedFiles {
grid-area: Pages;
width: 100%;
}
#Footer {
background-color: #333333;
color: white;
}
#Footer h1,
#Footer h2,
#Footer h3,
#Footer h4,
#Footer h5,
#Footer h6,
#Footer a {
color: white;
}
.FullscreenElement.Fullscreen {
background: white;
display: block;
position: fixed !important;
z-index: 4000 !important;
top: 0 !important;
bottom: 0;
left: 0;
right: 0;
}
.GestureHint {
position: absolute;
right: 1.5em;
bottom: 1.5em;
width: 3em;
height: 3em;
pointer-events: none;
animation-name: GestureHint, GestureHintFadeOut;
animation-duration: 2s, 0.25s;
animation-delay: 0s, 2s;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-fill-mode: both;
}
.GestureHint svg {
width: 100%;
height: 100%;
}
.GestureHint svg #tip {
animation-name: GestureHintTip;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-fill-mode: both;
transform-origin: center bottom;
}
@keyframes GestureHint {
0% {
transform: translate(-2em, -1em);
}
15% {
transform: translate(0em, 0em);
}
50% {
transform: translate(0em, 0em);
}
56.25% {
transform: translate(-1em, 0em);
}
62.5% {
transform: translate(0em, 0em);
}
68.75% {
transform: translate(1em, 0em);
}
75% {
transform: translate(0em, 0em);
}
81.25% {
transform: translate(0em, -1em);
}
87.25% {
transform: translate(0em, 0em);
}
93.75% {
transform: translate(0em, 1em);
}
100% {
transform: translate(0em, 0em);
}
}
@keyframes GestureHintFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes GestureHintTip {
0% {
opacity: 0;
}
15% {
opacity: 0;
}
50% {
opacity: 1;
}
}
.HintContainer {
visibility: hidden;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 150;
}
.HintContainer.Visible {
visibility: unset;
}
.HintContent {
position: absolute;
z-index: 151;
width: 20em;
max-width: calc(100vw - 20px);
max-height: calc(100vh - 20px);
padding: 0.25em;
background: #EEF2F5;
box-shadow: 0px 0px 6px black;
border-radius: 3px;
}
i.icon {
display: inline-block;
width: 1em;
height: 1em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
i.icon.icon_comments {
background-image: url("/images/icon_comments.svg");
}
i.icon.icon_config {
background-image: url("/images/icon_config.svg");
}
i.icon.icon_config2 {
background-image: url("/images/icon_config2.svg");
}
i.icon.icon_ordering {
background-image: url("/images/icon_ordering.svg");
}
i.icon.icon_pdfupload {
background-image: url("/images/icon_pdfupload.svg");
}
i.icon.icon_printdata {
background-image: url("/images/icon_printdata.svg");
}
i.icon.icon_support {
background-image: url("/images/icon_support.svg");
}
.Loading.NotLoaded,
.Loading.Init {
position: relative;
}
.Loading.NotLoaded::after,
.Loading.Init::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3));
background-size: 50px 50px;
background-repeat: repeat;
opacity: 1;
transition: opacity 2s;
animation: loading-stripes 2s linear infinite;
}
@keyframes loading-stripes {
from {
background-position: 0 0;
}
to {
background-position: 50px 0;
}
}
span.Loading {
display: inline-block;
}
.Loading.Init::after {
opacity: 0;
pointer-events: none;
}
/*.Loading.Loaded {
&::after {
opacity: 0;
visibility: hidden;
transition: visibility 0.25s, opacity 0.25s;
animation: none;
pointer-events: none;
}
}*/
#MyAccountProjects {
min-height: 1em;
}
#MyAccountProjects .ShareState > i {
padding: 0 0.25em;
}
#MyAccountProjects .ShareState > i:first-of-type {
padding-left: 0;
}
#MyAccountProjects .ShareState > i:last-of-type {
padding-right: 0;
}
#MyAccountProjects .ShareState > i.ShareDisabled {
opacity: 0.5;
}
@media (max-width: 767px) {
#MyAccountProjects table.shop_table_responsive tr td::before,
#MyAccountProjects table.shop_table_responsive tr td::after {
display: unset;
}
}
#MyAccountProjects table.shop_table_responsive tr td::after {
display: none;
}
#MyAccountReports .ReportSelector {
display: flex;
margin: 0.25em -0.25em 1em -0.25em;
}
#MyAccountReports .ReportSelector > * {
margin: 0 0.25em;
}
#MyAccountReports .ReportSettings {
display: grid;
grid-template-columns: auto auto;
align-items: center;
grid-gap: 0.5em;
margin-bottom: 0.5em;
}
#MyAccountReports .ReportSettings > * {
margin: 0 0.25em;
}
#MyAccountReports .ReportSettings #MonthlySums,
#MyAccountReports .ReportSettings #GroupByGroups,
#MyAccountReports .ReportSettings #GroupByUsers,
#MyAccountReports .ReportSettings #ConflateOrders {
justify-self: left;
}
#MyAccountReports .ReportSettings .Downloads {
display: flex;
margin: 0 -0.25em;
}
#MyAccountReports .ReportSettings .Downloads > * {
margin: 0 0.25em;
}
#MyAccountReports .Report {
min-height: 1em;
}
#MyAccountReports .Report .table {
grid-auto-flow: row dense;
}
#MyAccountReports .Report .table.NotConflateOrders {
display: grid;
overflow-x: auto;
border-radius: 4px;
border: 1px solid #8c8f94;
grid-template-columns: auto auto auto auto auto auto auto auto;
grid-template-columns: auto auto auto auto auto auto;
}
#MyAccountReports .Report .table.NotConflateOrders .table-cell {
padding: 0.25em;
display: flex;
align-items: center;
}
#MyAccountReports .Report .table.NotConflateOrders .table-cell:not(:nth-child(8n)) {
border-right: 1px solid #8c8f94;
}
#MyAccountReports .Report .table.NotConflateOrders .table-cell:not(.table-cell-head) {
border-bottom: 1px solid #8c8f94;
}
#MyAccountReports .Report .table.NotConflateOrders .table-cell-head {
font-weight: bold;
position: sticky;
top: 0;
background: white;
border-bottom: 2px solid #8c8f94;
}
#MyAccountReports .Report .table.NotConflateOrders > *:nth-child(16n + 17) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.NotConflateOrders > *:nth-child(16n + 18) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.NotConflateOrders > *:nth-child(16n + 19) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.NotConflateOrders > *:nth-child(16n + 20) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.NotConflateOrders > *:nth-child(16n + 21) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.NotConflateOrders > *:nth-child(16n + 22) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.NotConflateOrders > *:nth-child(16n + 23) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.NotConflateOrders > *:nth-child(16n + 24) {
background: #e6e6e6;
}
#MyAccountReports .Report .table > *:nth-child(8n + 1),
#MyAccountReports .Report .table > *:nth-child(8n + 2),
#MyAccountReports .Report .table > *:nth-child(8n + 3),
#MyAccountReports .Report .table > *:nth-child(8n + 7),
#MyAccountReports .Report .table > *:nth-child(8n + 8) {
grid-row-end: span 3;
}
#MyAccountReports .Report .table > *:nth-child(8n + 4),
#MyAccountReports .Report .table > *:nth-child(8n + 5),
#MyAccountReports .Report .table > *:nth-child(8n + 6) {
grid-column: 4;
}
#MyAccountReports .Report .table > .summary {
grid-column-start: 1 !important;
grid-column-end: span 3 !important;
grid-row-end: span 1 !important;
font-weight: bold;
border-top: 1px solid #8c8f94;
border-bottom: none !important;
}
#MyAccountReports .Report .table > .order-count {
grid-column-start: 1 !important;
grid-column-end: span 3 !important;
grid-row-end: span 1 !important;
font-weight: bold;
border-bottom: none !important;
}
#MyAccountReports .Report .table > .summary-gap {
grid-column-start: 1 !important;
grid-column-end: span 3 !important;
grid-row-end: span 1 !important;
border-bottom: 2px solid #8c8f94 !important;
}
#MyAccountReports .Report .table > .sum-net,
#MyAccountReports .Report .table > .sum-gross,
#MyAccountReports .Report .table > .sum-vat {
grid-column: 4;
grid-row-end: span 1;
font-weight: bold;
}
#MyAccountReports .Report .table > .sum-net {
border-top: 1px solid #8c8f94;
}
#MyAccountReports .Report .table > .sum-vat {
border-bottom: 2px solid #8c8f94 !important;
}
#MyAccountReports .Report .table > .summary-border,
#MyAccountReports .Report .table > .summary-border {
border-top: 1px solid #8c8f94;
border-bottom: 2px solid #8c8f94 !important;
}
#MyAccountReports .Report .table > .currency > span {
text-align: end;
width: 100%;
}
#MyAccountReports .Report .table > .GroupByUser,
#MyAccountReports .Report .table > .GroupByGroup {
padding: 1em 0;
grid-column-end: span 6 !important;
font-weight: bold;
}
#MyAccountReports .Report .table > .gap {
display: none !important;
}
#MyAccountReports .Report .table.ConflateOrders {
display: grid;
overflow-x: auto;
border-radius: 4px;
border: 1px solid #8c8f94;
grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: auto auto auto auto auto auto auto auto auto;
}
#MyAccountReports .Report .table.ConflateOrders .table-cell {
padding: 0.25em;
display: flex;
align-items: center;
}
#MyAccountReports .Report .table.ConflateOrders .table-cell:not(:nth-child(11n)) {
border-right: 1px solid #8c8f94;
}
#MyAccountReports .Report .table.ConflateOrders .table-cell:not(.table-cell-head) {
border-bottom: 1px solid #8c8f94;
}
#MyAccountReports .Report .table.ConflateOrders .table-cell-head {
font-weight: bold;
position: sticky;
top: 0;
background: white;
border-bottom: 2px solid #8c8f94;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 23) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 24) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 25) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 26) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 27) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 28) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 29) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 30) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 31) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 32) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(22n + 33) {
background: #e6e6e6;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 1),
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 2),
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 3),
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 4),
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 5),
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 6),
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 10),
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 11) {
grid-column: auto;
grid-row-end: span 3;
}
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 7),
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 8),
#MyAccountReports .Report .table.ConflateOrders > *:nth-child(11n + 9) {
grid-column: 7;
grid-row-end: span 1;
}
#MyAccountReports .Report .table.ConflateOrders > .summary {
grid-column-end: span 6 !important;
}
#MyAccountReports .Report .table.ConflateOrders > .order-count {
grid-column-end: span 6 !important;
}
#MyAccountReports .Report .table.ConflateOrders > .summary-gap {
grid-column-end: span 6 !important;
}
#MyAccountReports .Report .table.ConflateOrders > .GroupByUser,
#MyAccountReports .Report .table.ConflateOrders > .GroupByGroup {
grid-column-end: span 9 !important;
}
.MyAccountUserReport .table {
display: grid;
overflow-x: auto;
border-radius: 4px;
border: 1px solid #8c8f94;
grid-template-columns: auto auto auto auto auto auto;
}
.MyAccountUserReport .table .table-cell {
padding: 0.25em;
display: flex;
align-items: center;
}
.MyAccountUserReport .table .table-cell:not(:nth-child(6n)) {
border-right: 1px solid #8c8f94;
}
.MyAccountUserReport .table .table-cell:not(.table-cell-head) {
border-bottom: 1px solid #8c8f94;
}
.MyAccountUserReport .table .table-cell-head {
font-weight: bold;
position: sticky;
top: 0;
background: white;
border-bottom: 2px solid #8c8f94;
}
.MyAccountUserReport .table > *:nth-child(12n + 13) {
background: #e6e6e6;
}
.MyAccountUserReport .table > *:nth-child(12n + 14) {
background: #e6e6e6;
}
.MyAccountUserReport .table > *:nth-child(12n + 15) {
background: #e6e6e6;
}
.MyAccountUserReport .table > *:nth-child(12n + 16) {
background: #e6e6e6;
}
.MyAccountUserReport .table > *:nth-child(12n + 17) {
background: #e6e6e6;
}
.MyAccountUserReport .table > *:nth-child(12n + 18) {
background: #e6e6e6;
}
.MyAccountUserReport .table .group-name {
padding-top: 1em;
padding-bottom: 1em;
font-weight: bold;
grid-column-end: span 6;
border-top: 1px solid #8c8f94;
}
.MyAccountUserReport .table .permission > span {
width: 100%;
text-align: center;
}
.MyAccountUserReport .table .display-none {
display: none;
}
*[data-new-project] {
display: flex;
justify-content: space-around;
}
#PageNavigation {
display: grid;
width: 100%;
height: 100%;
z-index: 201;
grid-template-columns: auto;
grid-template-rows: auto 1fr auto;
grid-template-areas: "TopBar TopBar TopBar" "Middle Middle Middle" "BottomBar BottomBar BottomBar";
justify-items: center;
align-items: center;
pointer-events: none;
cursor: default;
user-select: none;
-ms-user-select: none;
}
#PageNavigation.HelpVisible {
z-index: 1;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
background: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 1em white;
pointer-events: auto;
}
@media (max-width: 32em) {
#PageNavigation.HelpVisible {
grid-template-columns: 5% 90% 5%;
}
}
#PageNavigation .TopBar {
justify-self: stretch;
display: grid;
grid-area: TopBar;
grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
grid-template-rows: auto;
grid-template-areas: "1 first previous counter next last help";
justify-items: center;
align-items: center;
}
#PageNavigation .BottomBar {
display: grid;
grid-area: BottomBar;
grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
grid-template-rows: auto;
grid-template-areas: "1 zoom orbit pan resetcamera help";
justify-items: center;
align-items: center;
}
#PageNavigation .PageCounter {
grid-area: counter;
display: flex;
justify-content: center;
font-size: 2vw;
}
@media (max-width: 64em) {
#PageNavigation .PageCounter {
font-size: 3.9vw;
}
}
#PageNavigation .ToggleHelp {
grid-area: help;
pointer-events: auto;
justify-self: end;
align-self: center;
}
#PageNavigation .ToggleHelp button {
background: transparent;
padding: 0.5em;
box-shadow: initial;
color: #333333;
/* > i {
vertical-align: top;
}*/
}
#PageNavigation .NavigationButton {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
pointer-events: auto;
outline: none;
fill: white;
stroke: black;
max-width: 6em;
padding: 10%;
}
#PageNavigation .NavigationButton > svg {
opacity: 0.25;
width: 80%;
}
#PageNavigation .NavigationButton > svg > text {
font-size: 32px;
text-anchor: middle;
}
@media (hover: hover) {
#PageNavigation .NavigationButton:hover {
padding: 0%;
}
}
@media (hover: none) {
#PageNavigation .NavigationButton:focus {
padding: 0%;
}
}
#PageNavigation .NavigationButton.Hover {
padding: 0%;
}
#PageNavigation .GestureHint {
position: absolute;
top: 0;
left: 0;
right: unset;
bottom: unset;
}
#PageNavigation > span {
text-align: center;
white-space: nowrap;
padding: 0.5em;
line-height: 1;
display: inline-block;
}
#PageNavigation .FirstFlip {
grid-area: first;
}
#PageNavigation .PreviousFlip {
grid-area: previous;
justify-content: flex-start;
}
#PageNavigation .PreviousFlip > div {
flex-basis: 25%;
}
#PageNavigation .NextFlip {
grid-area: next;
justify-content: flex-end;
}
#PageNavigation .NextFlip > div {
flex-basis: 25%;
}
#PageNavigation .LastFlip {
grid-area: last;
}
#PageNavigation .Zoom {
grid-area: zoom;
cursor: grab;
}
#PageNavigation .Zoom svg > text {
font-size: 28px;
}
#PageNavigation .Zoom.ZoomActive {
fill: black;
stroke: transparent;
touch-action: none;
}
#PageNavigation .Rotate {
grid-area: orbit;
cursor: grab;
}
#PageNavigation .Rotate svg > text {
font-size: 26px;
}
#PageNavigation .Rotate.RotateActive {
fill: black;
stroke: transparent;
}
#PageNavigation .Pan {
grid-area: pan;
cursor: grab;
}
#PageNavigation .Pan svg > text {
font-size: 26px;
}
#PageNavigation .Pan.PanActive {
fill: black;
stroke: transparent;
}
#PageNavigation .ResetCamera {
grid-area: resetcamera;
align-self: end;
}
#PageNavigation .ResetCamera svg > text {
font-size: 26px;
}
#PageNavigation.FirstPage .FirstFlip,
#PageNavigation.FirstPage .PreviousFlip {
fill: black;
stroke: black;
}
#PageNavigation.LastPage .NextFlip,
#PageNavigation.LastPage .LastFlip {
fill: black;
stroke: black;
}
#PageNavigation .HelpTexts {
grid-area: Middle;
padding: 1em;
display: grid;
grid-template-columns: 3em auto;
grid-template-areas: "Icon Text";
align-items: center;
}
#PageNavigation .HelpTextIcon {
justify-self: center;
}
#PageNavigation .HelpTextIcon > i {
font-size: 200%;
color: white;
text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;
padding: 0 0.25em;
}
#PageNavigation .HelpText {
margin: 0.5em 0;
font-size: 90%;
}
.IsARActive #PageNavigation {
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.IsARActive #PageNavigation .TopBar {
grid-area: BottomBar;
}
.IsARActive #PageNavigation .BottomBar {
display: none;
}
.printkit-cover {
position: relative;
}
.printkit-cover .printkit-cover-container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
pointer-events: none;
}
.printkit-cover .printkit-cover-title {
margin: unset;
}
.printkit-cover .printkit-cover-text {
margin: 1em 0 1em 0;
text-align: end;
max-width: 50%;
}
.printkit-cover .printkit-cover-button {
pointer-events: auto;
}
#ProductContentSEO {
grid-area: cms;
white-space: pre;
}
#ProductContentSEO.Hide {
display: none;
}
#ProjectInformation {
grid-area: right-ui;
background-color: #EEF2F5;
gap: 3vmax;
padding: 0 3vmax 3vmax 3vmax;
}
#ProjectInformation .section {
margin: 0.5em 0 1em 0;
}
#ProjectInformation .sectionHelp {
margin: 0.5em 0;
}
#ProjectInformation .sectionHelp i {
float: left;
font-size: 2em;
width: 100%;
}
#ProjectInformation .versions {
display: grid;
grid-template-columns: [indent] 2em [label] auto [button] 1fr;
grid-row-gap: 0.25em;
grid-column-gap: 0.5em;
grid-auto-rows: min-content;
align-items: center;
}
#ProjectInformation .versions .version {
grid-column-start: label;
}
#UI {
/* label height + icon height + padding */
}
#UI #ProductView {
height: calc(100vh - 5.75em);
top: 5.75em;
}
@media (max-width: 46em) {
#UI #ProductView {
height: calc(100vh - 4.15em);
top: 4.15em;
}
}
.PublicViewer.Embedded #UI #ProductView {
height: calc(100vh - 0);
top: 0;
}
#UI #ProductViewWrapper {
grid-area: left-ui;
}
#UI #ProductViewWrapper.PROJECT_FORBIDDEN {
grid-row-start: left-ui;
grid-row-end: right-ui;
grid-column-start: left-ui;
grid-column-end: right-ui;
}
#UI #ProductViewWrapper.BelowTheFold #ProductView {
position: fixed !important;
z-index: 200;
top: unset !important;
width: 4em;
height: 4em;
bottom: 1.5vmax;
right: 1.5vmax;
box-shadow: 0px 0px 6px black;
border-radius: 3px;
}
#UI #ProductViewWrapper.BelowTheFold #ProductView .ProductViewer .Fullscreen:not(.IsFullscreen) {
width: 100%;
height: 100%;
background: transparent;
animation-name: unset;
}
#UI #ProductViewWrapper.BelowTheFold #ProductView .FullscreenHint,
#UI #ProductViewWrapper.BelowTheFold #ProductView .FullscreenIcon,
#UI #ProductViewWrapper.BelowTheFold #ProductView .ProductViewer:not(.IsARActive) .ARView {
display: none;
}
#UI #ProductViewWrapper #ProductView {
z-index: 201;
}
#UI #ProductViewWrapper #ProductView .WebGLComponentCanvas {
z-index: -1;
}
#UI #ProductViewBackdrop {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 201;
animation: backdropfade 0.5s;
animation-fill-mode: forwards;
}
@keyframes backdropfade {
from {
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
background-color: rgba(0, 0, 0, 0);
}
to {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
background-color: rgba(0, 0, 0, 0.5);
}
}
#UI #ProductView {
position: sticky;
position: -webkit-sticky;
cursor: grab;
display: flex;
flex-direction: column;
}
#UI #ProductView #PageNavigation {
position: absolute;
}
#UI #ProductView .FullscreenElement {
flex-grow: 1;
align-self: stretch;
overflow: hidden;
display: flex;
flex-direction: column;
}
#UI #ProductView .FullscreenElement .ProductViewer {
display: flex;
flex-grow: 1;
width: 100%;
height: 100%;
}
#UI #ProductView .FullscreenElement .ProductViewer > canvas {
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
}
#UI.PublicViewer #ProductViewWrapper {
grid-column-start: left-ui;
grid-column-end: right-ui;
}
#UI.PublicViewer.Embedded #ProductViewWrapper #ProductView {
height: 100vh;
}
*[data-product-viewer] {
/* label height + icon height + padding */
max-width: calc((90vh - 5.75em) / 0.75);
width: 100%;
margin: 0 auto;
}
@media (max-width: 46em) {
*[data-product-viewer] {
max-width: calc((90vh - 4.15em) / 0.75);
}
}
.PublicViewer.Embedded *[data-product-viewer] {
max-width: calc((90vh - 0) / 0.75);
}
*[data-product-viewer] > .aspect-ratio {
padding-bottom: 75%;
position: relative;
}
*[data-product-viewer] > .aspect-ratio > .FullscreenElement {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 201;
}
*[data-product-viewer] > .aspect-ratio > .FullscreenElement.Fullscreen {
position: fixed;
}
*[data-product-viewer] > .aspect-ratio > .FullscreenElement > .ProductViewer {
width: 100%;
height: 100%;
z-index: 201;
}
*[data-product-viewer] > .aspect-ratio > .FullscreenElement > .ProductViewer > canvas {
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
}
*[data-product-viewer] > .aspect-ratio > .FullscreenElement > .ProductViewer:before {
width: 0;
height: 0;
background-color: transparent;
}
*[data-product-viewer] > .aspect-ratio > .createProject {
cursor: pointer;
}
.ProductViewer {
z-index: 2;
}
.ProductViewer:before {
width: 0;
height: 0;
background-color: transparent;
}
.ProductViewer .ControlLimitReached {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: grid;
place-content: center;
pointer-events: none;
animation-name: ControlLimitReached;
animation-duration: 250ms;
animation-delay: 0s;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-fill-mode: both;
}
.ProductViewer .ControlLimitReached > div {
background-color: black;
width: 10em;
height: 10em;
border-radius: 5em;
}
.ProductViewer .Fullscreen,
.ProductViewer .ARView {
position: absolute;
right: 0;
top: 0;
padding: 0;
z-index: 201;
background: white;
border-top-left-radius: 1.5em;
border-bottom-left-radius: 1.5em;
color: black;
outline: unset;
box-shadow: unset;
opacity: 0.75;
display: flex;
align-items: center;
justify-content: flex-end;
animation-name: FullscreenHint;
animation-duration: 12s;
animation-delay: 6s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
}
.ProductViewer .Fullscreen > .FullscreenHint,
.ProductViewer .ARView > .FullscreenHint,
.ProductViewer .Fullscreen .ARViewHint,
.ProductViewer .ARView .ARViewHint {
flex-shrink: 1;
overflow: hidden;
white-space: nowrap;
padding: 0 0.5em;
}
.ProductViewer .Fullscreen > .FullscreenIcon,
.ProductViewer .ARView > .FullscreenIcon,
.ProductViewer .Fullscreen .ARViewIcon,
.ProductViewer .ARView .ARViewIcon {
flex-shrink: 0;
width: 3em;
height: 3em;
/*
*/
background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJ2aWV3X3g1Rl9pbl94NUZfQVJfeDVGX2ljb24iCiAgICAgICAgICAgICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIKICAgICAgICAgICAgICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICAgICAgICAgICA8cmVjdCBpZD0iQm91bmRpbmdfQm94IiB4PSIwIiB5PSIwIiBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4KICAgICAgICAgICAgPGcgaWQ9IkFydF9sYXllciI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMyw0YzAtMC41NSwwLjQ1LTEsMS0xaDJWMUg0QzIuMzUsMSwxLDIuMzUsMSw0djJoMlY0eiIvPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwLDNjMC41NSwwLDEsMC40NSwxLDF2MmgyVjRjMC0xLjY1LTEuMzUtMy0zLTNoLTJ2MkgyMHoiLz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00LDIxYy0wLjU1LDAtMS0wLjQ1LTEtMXYtMkgxdjJjMCwxLjY1LDEuMzUsMywzLDNoMnYtMkg0eiIvPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwLDIxYzAuNTUsMCwxLTAuNDUsMS0xdi0yaDJ2MmMwLDEuNjUtMS4zNSwzLTMsM2gtMnYtMkgyMHoiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L3N2Zz4=");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
animation-name: Fullscreen;
animation-duration: 1s;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
animation-direction: alternate;
}
.ProductViewer .Fullscreen.IsFullscreen,
.ProductViewer.IsARActive .ARView {
align-items: start;
justify-items: end;
font-size: 200%;
left: unset;
right: 0;
bottom: unset;
padding: 0.25em;
justify-content: end;
width: 1em;
height: 1em;
display: grid;
background: transparent;
animation-name: unset;
animation-duration: unset;
animation-delay: unset;
animation-iteration-count: unset;
animation-timing-function: unset;
animation-fill-mode: unset;
}
.ProductViewer .Fullscreen.IsFullscreen > i,
.ProductViewer.IsARActive .ARView > i {
width: 1em;
color: black;
}
.ProductViewer .ARView {
left: 0;
right: unset;
justify-content: flex-start;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 1.5em;
border-bottom-right-radius: 1.5em;
animation-delay: 0s;
}
.ProductViewer .ARView > .ARViewHint {
direction: rtl;
}
.ProductViewer .ARView > .ARViewIcon {
/*
*/
background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJ2aWV3X3g1Rl9pbl94NUZfQVJfeDVGX2ljb24iCiAgICAgICAgICAgICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIKICAgICAgICAgICAgICAgIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICAgICAgICAgICA8cmVjdCBpZD0iQm91bmRpbmdfQm94IiB4PSIwIiB5PSIwIiBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4KICAgICAgICAgICAgPGcgaWQ9IkFydF9sYXllciI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMyw0YzAtMC41NSwwLjQ1LTEsMS0xaDJWMUg0QzIuMzUsMSwxLDIuMzUsMSw0djJoMlY0eiIvPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwLDNjMC41NSwwLDEsMC40NSwxLDF2MmgyVjRjMC0xLjY1LTEuMzUtMy0zLTNoLTJ2MkgyMHoiLz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00LDIxYy0wLjU1LDAtMS0wLjQ1LTEtMXYtMkgxdjJjMCwxLjY1LDEuMzUsMywzLDNoMnYtMkg0eiIvPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwLDIxYzAuNTUsMCwxLTAuNDUsMS0xdi0yaDJ2MmMwLDEuNjUtMS4zNSwzLTMsM2gtMnYtMkgyMHoiLz4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOC4yNSw3LjZsLTUuNS0zLjE4Yy0wLjQ2LTAuMjctMS4wNC0wLjI3LTEuNSwwTDUuNzUsNy42QzUuMjksNy44Nyw1LDguMzYsNSw4Ljl2Ni4zNWMwLDAuNTQsMC4yOSwxLjAzLDAuNzUsMS4zCiAgICAgICAgICAgICAgICAgICAgICAgIGw1LjUsMy4xOGMwLjQ2LDAuMjcsMS4wNCwwLjI3LDEuNSwwbDUuNS0zLjE4YzAuNDYtMC4yNywwLjc1LTAuNzYsMC43NS0xLjNWOC45QzE5LDguMzYsMTguNzEsNy44NywxOC4yNSw3LjZ6IE03LDE0Ljk2di00LjYyCiAgICAgICAgICAgICAgICAgICAgICAgIGw0LDIuMzJ2NC42MUw3LDE0Ljk2eiBNMTIsMTAuOTNMOCw4LjYxbDQtMi4zMWw0LDIuMzFMMTIsMTAuOTN6IE0xMywxNy4yN3YtNC42MWw0LTIuMzJ2NC42MkwxMywxNy4yN3oiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L3N2Zz4=");
}
.ProductViewer.IsARActive .ARView {
margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
@keyframes ControlLimitReached {
0% {
transform: scale(0, 0);
opacity: 0;
}
10% {
transform: scale(1, 1);
opacity: 0.25;
}
100% {
transform: scale(0, 0);
opacity: 0;
}
}
@keyframes FullscreenHint {
0% {
max-width: 3em;
background-color: transparent;
color: transparent;
}
10% {
max-width: 3em;
background-color: transparent;
color: transparent;
}
15% {
max-width: 100%;
background-color: white;
color: black;
}
45% {
max-width: 100%;
background-color: white;
color: black;
}
50% {
max-width: 3em;
background-color: transparent;
color: transparent;
}
100% {
max-width: 3em;
background-color: transparent;
color: transparent;
}
}
@keyframes Fullscreen {
0% {
transform: scale(0.9, 0.9);
}
100% {
transform: scale(0.6, 0.6);
}
}
a.ProductViewer:focus {
outline: none !important;
}
.Progress {
background: #dddddd;
height: 1em;
}
.Progress > div {
background: #007bff;
height: 100%;
}
.Progress > div.animated {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
animation: progress-bar-stripes 1s linear infinite;
}
@keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 1rem 0;
}
}
#ProjectComments {
grid-area: right-ui;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: min-content min-content min-content;
grid-template-areas: "unresolved-checkbox" "comments" "new-comment";
background-color: #EEF2F5;
grid-gap: 3vmax;
padding: 3vmax;
}
#ProjectComments #ShowOnlyUnresolvedCommentsLabel {
justify-self: self-end;
}
#ProjectComments #ShowOnlyUnresolvedCommentsLabel > input {
margin-right: 0.5em;
}
#ProjectComments > .Comments {
margin: -0.25em 0;
}
#ProjectComments > .Comments > .Comment {
border-top: 0.2em solid #cccccc;
grid-template-columns: 2.25em 1rem auto 2.25em;
grid-template-areas: "comment-place comment-content comment-content comment-resolve" "comment-indent comment-children comment-children comment-children" "comment-reply comment-reply comment-reply comment-reply";
padding-top: 0.125em;
}
#ProjectComments > .Comments > .Comment:first-child {
border-top: none;
}
#ProjectComments > .Comments > .Comment > .CommentText {
margin: 0.25em 0;
}
#ProjectComments .Comment {
display: grid;
grid-template-columns: 0 auto 2em 0 0 0;
grid-template-areas: "comment-place comment-content comment-resolve comment-indent comment-children comment-reply";
}
#ProjectComments .Comment > * {
grid-area: comment-content;
}
#ProjectComments .Comment .CommentText {
padding: 0.25em 0.25em 0.25em 0;
white-space: pre-wrap;
}
#ProjectComments .Comment .CommentText.woocommerce-error {
margin: 0.25em;
}
#ProjectComments .Comment .RepliesIndent {
grid-area: comment-indent;
align-self: center;
color: #747474;
text-align: center;
border-right: 0.1em solid #cccccc;
height: 100%;
margin-right: 0.25em;
}
#ProjectComments .Comment .Comments {
grid-area: comment-children;
}
#ProjectComments .Comment .Reply {
grid-area: comment-reply;
}
#ProjectComments .Comment .CommentPlace {
grid-area: comment-place;
align-self: center;
padding: 0.25em;
width: 2em;
height: 2em;
}
#ProjectComments .Comment .CommentResolve {
grid-area: comment-resolve;
align-self: center;
justify-self: self-end;
width: 2em;
height: 2em;
padding: 0.25em;
}
#ProjectComments .Comment .CommentAuthor {
font-weight: 600;
}
#ProjectComments .Comment .CommentAuthor::before {
content: " — ";
font-weight: 400;
}
#ProjectComments .Reply {
display: flex;
flex-direction: column;
}
#ProjectComments .Reply > * {
margin: 0.25em 0;
}
#ProjectComments .Reply > textarea {
width: unset;
}
#ProjectComments .Reply > button {
align-self: flex-end;
}
#ProjectComments input,
#ProjectComments textarea {
background: white;
}
#ProjectConfiguration {
grid-area: right-ui;
display: grid;
grid-template-columns: 1fr auto auto;
grid-template-rows: min-content min-content min-content;
grid-template-areas: "title title price-box" "attributes attributes attributes" "empty navigation navigation";
grid-gap: 3vmax;
padding: 0 3vmax 3vmax 3vmax;
background-color: #EEF2F5;
}
@media (max-width: 32em) {
#ProjectConfiguration {
grid-template-columns: 1fr;
grid-template-rows: min-content min-content min-content min-content;
grid-template-areas: "title" "price-box" "attributes" "navigation";
}
}
#ProjectConfiguration.HasNotifications {
grid-template-rows: min-content min-content min-content min-content;
grid-template-areas: "title title price-box" "attributes attributes attributes" "notifications notifications notifications" "empty navigation navigation";
}
@media (max-width: 32em) {
#ProjectConfiguration.HasNotifications {
grid-template-columns: 1fr;
grid-template-rows: min-content min-content min-content min-content;
grid-template-areas: "title" "price-box" "attributes" "notifications" "navigation";
}
}
#ProjectConfiguration .Title {
grid-area: title;
align-self: center;
}
#ProjectConfiguration .Title *:first-child {
font-size: 2em;
}
#ProjectConfiguration #Attributes {
grid-area: attributes;
display: grid;
grid-template-columns: [label] 1fr [middle] 2fr [end];
grid-row-gap: 0.25em;
grid-column-gap: 0.5em;
grid-auto-rows: min-content;
align-items: center;
}
#ProjectConfiguration #Attributes .AttributeGroup {
grid-column: label / end;
font-size: 1.5em;
font-weight: 300;
min-height: 0.5em;
}
#ProjectConfiguration #Attributes .AttributeGroup .Collapsible {
padding: 0.25em;
width: 100%;
text-align: left;
line-height: 1em;
margin-top: 0.5em;
text-transform: none;
}
#ProjectConfiguration #Attributes .AttributeGroup .Collapsible > i {
float: right;
}
#ProjectConfiguration #Attributes .Label {
grid-column: label / end;
display: flex;
justify-content: space-between;
}
@media (min-width: 32em) {
#ProjectConfiguration #Attributes .Label {
grid-column: label / middle;
}
}
#ProjectConfiguration #Attributes .Label .Hint {
margin-left: 0.25em;
}
#ProjectConfiguration #Attributes .Label a:before {
height: 0;
}
#ProjectConfiguration #Attributes > .AttributeValue {
grid-column: label / end;
margin-left: 1em;
width: unset;
height: 100%;
background-color: white;
}
@media (min-width: 32em) {
#ProjectConfiguration #Attributes > .AttributeValue {
grid-column: middle / end;
}
}
@media (min-width: 32em) {
#ProjectConfiguration #Attributes > .AttributeValue {
margin-left: unset;
}
}
#ProjectConfiguration #Attributes > .AttributeValue.Pseudo {
background-color: unset;
}
#ProjectConfiguration #Attributes > .AttributeValue .costPerItem {
position: absolute;
right: 2em;
top: 0;
bottom: 0;
display: inline-flex;
align-items: center;
}
#ProjectConfiguration #Attributes textarea.AttributeValue {
height: 5em;
}
#ProjectConfiguration #Attributes > [role="combobox"] li {
display: grid;
grid-template-columns: 0fr 1fr auto;
grid-template-rows: auto auto;
grid-template-areas: "hint label costPer" "long long long";
justify-items: start;
padding-right: 0.5em;
/*.label {
flex-basis: @label-size;
}*/
}
#ProjectConfiguration #Attributes > [role="combobox"] li[disabled] {
opacity: 0.5;
}
#ProjectConfiguration #Attributes > [role="combobox"] li .label {
grid-area: label;
}
#ProjectConfiguration #Attributes > [role="combobox"] li .costPer {
grid-area: costPer;
}
#ProjectConfiguration #Attributes > [role="combobox"] li .diffPrice {
flex-basis: calc((100% - 40%) / 3);
white-space: nowrap;
text-align: end;
display: none;
}
#ProjectConfiguration #Attributes > [role="combobox"] li .diffPlus,
#ProjectConfiguration #Attributes > [role="combobox"] li .diffMinus {
display: flex;
justify-content: space-between;
padding: 0 0.5em;
display: none;
}
#ProjectConfiguration #Attributes > [role="combobox"] li .fa-minus {
display: none;
}
#ProjectConfiguration #Attributes > [role="combobox"] li .fa-plus {
display: none;
}
#ProjectConfiguration #Attributes > [role="combobox"] li .diffMinus .fa-minus {
display: inline;
}
#ProjectConfiguration #Attributes > [role="combobox"] li .diffPlus .fa-plus {
display: inline;
}
#ProjectConfiguration #Attributes > [role="combobox"] li .Hint {
margin-right: 0.25em;
grid-area: hint;
}
#ProjectConfiguration #Attributes > [role="combobox"] li .long {
grid-area: long;
margin-left: 0.5em;
}
#ProjectConfiguration #Attributes > [role="combobox"] .AutoConfigSeparator {
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
#ProjectConfiguration #Navigation {
grid-area: navigation;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
margin: -0.5em;
}
#ProjectConfiguration #Navigation .NavigationLink {
margin: 0.5em;
}
#ProjectConfiguration #ConfirmConfiguration {
margin: 3vmin;
max-width: 40em;
}
#ProjectConfiguration #ConfirmConfiguration > ul {
margin-top: 3vmin;
}
#ProjectConfiguration .Notifications {
grid-area: notifications;
}
#ProjectConfiguration .Notifications > * {
margin: 0;
}
#ProjectDatacheck {
grid-area: right-ui;
display: grid;
grid-template-columns: 1fr auto auto;
grid-template-rows: min-content min-content min-content min-content;
grid-template-areas: "title title title" "info info info" "results results results" "empty navigation navigation";
background-color: #EEF2F5;
gap: 3vmax;
padding: 0 3vmax 3vmax 3vmax;
}
@media (max-width: 32em) {
#ProjectDatacheck {
grid-template-columns: 1fr;
grid-template-areas: "title" "info" "results" "navigation";
}
}
#ProjectDatacheck.Processing {
grid-template-rows: min-content min-content min-content min-content min-content;
grid-template-areas: "title title title" "info info info" "results results results" "processing processing processing" "empty navigation navigation";
}
@media (max-width: 32em) {
#ProjectDatacheck.Processing {
grid-template-columns: 1fr;
grid-template-areas: "title" "info" "results" "processing" "navigation";
}
}
#ProjectDatacheck .Title {
grid-area: title;
align-self: center;
font-size: 2em;
font-family: unset;
text-transform: unset;
font-weight: unset;
letter-spacing: initial;
margin: 3vmax 0 0 0;
}
#ProjectDatacheck .Title:before {
content: unset;
}
#ProjectDatacheck .Info {
grid-area: info;
}
#ProjectDatacheck .Navigation {
grid-area: navigation;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
margin: -0.5em;
}
#ProjectDatacheck .Navigation .NavigationLink {
margin: 0.5em;
}
#ProjectDatacheck .Processing {
grid-area: processing;
}
#ProjectDatacheck .Results {
grid-area: results;
}
#ProjectDatacheck .Validator {
margin-top: 1em;
}
#ProjectDatacheck .Validator:before {
content: unset;
}
#ProjectDatacheck .ValidatorResults {
display: flex;
flex-direction: column;
}
#ProjectDatacheck .ValidatorResults .FurtherMesssages {
align-self: flex-end;
}
#ProjectDatacheck .ValidatorResult {
margin-bottom: 1em;
white-space: pre-line;
line-height: 1.25em;
}
#ProjectDatacheck .ValidatorResult.woocommerce-error {
padding: 1em;
}
#ProjectDatacheck .ResultPlace {
float: left;
height: 2em;
width: 2em;
padding: 0;
margin: 0.25em;
}
#ProjectOrder {
grid-area: right-ui;
display: grid;
grid-template-columns: 1fr auto auto;
grid-template-rows: min-content min-content min-content;
grid-template-areas: "title title price-box" "wizard wizard wizard" "navigation navigation navigation";
background-color: #EEF2F5;
gap: 3vmax;
padding: 0 3vmax 3vmax 3vmax;
}
@media (max-width: 32em) {
#ProjectOrder {
grid-template-columns: 1fr;
grid-template-rows: min-content min-content min-content min-content;
grid-template-areas: "title" "price-box" "wizard" "navigation";
}
}
#ProjectOrder .Title {
grid-area: title;
align-self: center;
font-size: 2em;
font-family: unset;
text-transform: unset;
font-weight: unset;
letter-spacing: initial;
margin: 3vmax 0 0 0;
}
#ProjectOrder .Title:before {
content: unset;
}
#ProjectOrder .woocommerce-message,
#ProjectOrder .woocommerce-info,
#ProjectOrder .woocommerce-error,
#ProjectOrder .woocommerce-noreviews,
#ProjectOrder p.no-comments {
margin: 0 0 0.5em 0;
}
#ProjectOrder .OrderButton {
margin: 0.5em 0;
align-self: flex-start;
}
#ProjectOrder .Problem {
display: flex;
align-items: center;
}
#ProjectOrder .Problem > :first-child {
flex-basis: 66%;
}
#ProjectOrder .Problem > :last-child {
flex-basis: 33%;
}
#ProjectOrder .Problem .IgnoreProblem {
margin: 0.25em;
}
#ProjectOrder .Problem .ProblemProgress {
display: flex;
flex-direction: column;
flex-basis: unset;
}
#ProjectOrder .Problem .Action {
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgba(255, 255, 255, 0.25);
padding: 1em 0 1em 1em;
}
#ProjectOrder .Problem button {
display: flex;
align-items: center;
}
#ProjectOrder .Wizard {
grid-area: wizard;
}
#ProjectOrder .WizardStep {
grid-area: wizard;
border-left: 0.3em solid transparent;
padding-left: 0.25em;
display: flex;
flex-direction: column;
}
#ProjectOrder .WizardStep.Open {
border-left: 0.3em solid #cccccc;
padding-bottom: 0.5em;
}
#ProjectOrder .WizardStep .Label {
padding: 0.5em 0;
}
#ProjectOrder .WizardStep .Label i {
padding-left: 0.5em;
}
#ProjectOrder .WizardStep .Label i.GreenCheck {
color: green;
padding-left: 0;
width: 1.5em;
text-align: center;
}
#ProjectOrder .WizardStep .Label i.RedCross {
color: red;
padding-left: 0;
width: 1.5em;
text-align: center;
}
#ProjectOrder .WizardStep .WizardNavigation {
align-self: stretch;
display: flex;
justify-content: flex-end;
}
#ProjectOrder .WizardStep .WizardNavigation .Back {
margin: 0 0.25em;
}
#ProjectOrder .WizardStep .WizardNavigation .Back i {
padding-right: 0.5em;
}
#ProjectOrder .WizardStep .WizardNavigation .Next {
margin: 0 0.25em;
}
#ProjectOrder .WizardStep .WizardNavigation .Next i {
padding-left: 0.5em;
}
#ProjectOrder .WizardStep .WizardNavigation button:disabled {
visibility: hidden;
}
#ProjectOrder .WizardStep #NoFilesDatacheckInfo {
margin-bottom: 0.5em;
}
#ProjectOrder .WizardStep #NoFilesLinks {
display: flex;
justify-content: end;
margin: -0.5em;
}
#ProjectOrder .WizardStep #NoFilesLinks * {
margin: 0.5em;
}
#ProjectOrder .WizardStep .DatacheckHint {
padding-bottom: 0.5em;
}
#ProjectOrder #ProjectSharing .PersonShare,
#ProjectOrder #ProjectSharing .DigitalPublish {
margin-bottom: 1.5em;
}
#ProjectOrder .Navigation {
position: sticky;
bottom: 0;
background-color: #EEF2F5;
grid-area: navigation;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
margin: -0.5em;
}
#ProjectOrder .Navigation .NavigationLink {
margin: 0.5em;
}
#PriceBox {
grid-area: price-box;
display: grid;
grid-template-columns: [label] auto [value] auto [end];
padding: 0.5em 1.5em;
color: white;
background-color: #164E82;
font-family: "Kanit", sans-serif;
font-size: 0.75em;
font-weight: 300;
letter-spacing: 1px;
line-height: 2em;
}
#PriceBox .Summary {
grid-column: label / end;
font-weight: 200;
}
#PriceBox .Label {
grid-column-start: label;
margin-right: 2em;
}
#PriceBox .Value {
grid-column-start: value;
justify-self: end;
}
#PriceBox .Line {
grid-column: label / end;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
}
#PriceBox .BruttoPrice {
font-weight: bold;
}
#ProjectSharing .DigitalPublish,
#ProjectSharing .LinkShare {
margin-bottom: 1.5em;
}
#ProjectSharing .PersonShare .react-select__menu {
top: auto;
bottom: 100%;
}
#ProjectSharing .PersonShare .react-select-container {
background-color: #dddddd;
padding: 1em;
}
#ProjectSharing .Links {
background-color: #dddddd;
padding: 1em;
}
#ProjectSharing .Links > *:not(:first-child) {
margin-top: 1em;
}
#ProjectSharing .EnableLink > a {
padding-left: 1em;
}
#ProjectSharing .EnabledLink {
display: flex;
flex-wrap: wrap;
}
#ProjectSharing .EnabledLink > input {
flex-grow: 1;
}
#ProjectSharing .SocialButtons {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: -0.25em;
}
#ProjectSharing .SocialButtons > * {
margin: 0.25em;
}
#ProjectSharing .SocialButtons .ShareFacebook {
background-color: #3b5998;
}
#ProjectSharing .SocialButtons .ShareFacebook:hover {
background-color: #4273c8;
}
#ProjectSharing .SocialButtons .ShareTwitter {
background-color: #55acee;
}
#ProjectSharing .SocialButtons .ShareTwitter:hover {
background-color: #32bbf5;
}
#ProjectSharing .SocialButtons .ShareLinkedin {
background-color: #0077b5;
}
#ProjectSharing .SocialButtons .ShareLinkedin:hover {
background-color: #0369a0;
}
#ProjectSharing .SocialButtons .ShareXing {
background-color: #126567;
}
#ProjectSharing .SocialButtons .ShareXing:hover {
background-color: #29888a;
}
#ProjectSharing a:before {
width: 0;
height: 0;
background-color: transparent;
}
#ProjectStart {
grid-area: right-ui;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: min-content max(25vmax, 20em) min-content;
grid-template-areas: "title title" "left right" "left-hint right-hint";
gap: 3vmax;
padding: 3vmax;
background-color: #EEF2F5;
}
@media (max-width: 32em) {
#ProjectStart {
grid-template-columns: 1fr;
grid-template-rows: min-content max(25vmax, 20em) min-content max(25vmax, 20em) min-content;
grid-template-areas: "title" "left" "left-hint" "right" "right-hint";
}
}
#ProjectStart .Title {
grid-area: title;
font-family: unset;
text-transform: unset;
font-weight: unset;
letter-spacing: initial;
}
#ProjectStart .Title:before {
content: unset;
}
#ProjectStart .LeftHint {
grid-area: left-hint;
}
#ProjectStart .RightHint {
grid-area: right-hint;
}
#ProjectStart .Icon {
place-self: stretch;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: 1em;
}
#ProjectStart .Left {
grid-area: left;
}
#ProjectStart .Left .Icon {
background-image: url("/images/icon_config.svg");
}
#ProjectStart .Right {
grid-area: right;
}
#ProjectStart .Right .Icon {
background-image: url("/images/icon_pdfupload.svg");
}
#ProjectStart .Left,
#ProjectStart .Right {
height: 100%;
padding: 10% 0 0 0;
display: grid;
grid-template-columns: 100%;
grid-template-rows: 25% 50% 25%;
align-items: center;
text-align: center;
color: #333333;
background-color: white;
box-shadow: initial;
}
#ProjectStart .Left .Button,
#ProjectStart .Right .Button {
color: white;
background-color: #164E82;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#ProjectStart .Left h4,
#ProjectStart .Right h4 {
margin: 0;
padding: 0.5em;
}
#ProjectUnsavedPrompt > * {
padding: 0.25em;
display: flex;
flex-direction: column;
align-items: center;
}
#ProjectUnsavedPrompt > * > * {
margin: 0.25em;
}
#ProjectUnsavedPrompt > * .Progress {
align-self: stretch;
}
#ProjectUnsavedPromptButtons > * {
margin: 0 0.25em;
}
#SaveProjectError > * {
padding: 0.25em;
display: flex;
flex-direction: column;
align-items: center;
}
#SaveProjectError > * > * {
margin: 0.25em;
}
#Support .site-main {
margin-bottom: unset;
}
#Support .hentry {
margin: 0;
}
#Support .dialog-content {
min-width: min(calc(100vw - 2em), 30em);
min-height: min(calc(100vh - 2em), 20em);
max-width: 100vw;
max-height: 100vh;
overflow: auto;
}
#UI {
position: relative;
width: 100%;
display: grid;
grid-template-columns: [left] 50% [right] 50%;
grid-template-areas: "nav nav" "left-ui right-ui" "cms cms" "footer footer";
/* label height + icon height + padding */
grid-template-rows: [nav] 5.75em [ui] 0 [cms] auto [footer] auto;
}
@media (max-width: 64em) {
#UI {
grid-template-areas: "nav nav" "right-ui right-ui" "left-ui left-ui" "cms cms" "footer footer";
}
}
#UI.ProductViewActive {
grid-template-rows: [nav] 5.75em [ui] auto [cms] auto [footer] auto;
}
@media (max-width: 64em) {
#UI {
grid-template-rows: [nav] 5.75em [ui] 0 [ui] 0 [cms] auto [footer] auto;
}
#UI.ProductViewActive {
grid-template-rows: [nav] 5.75em [ui] auto [ui] auto [cms] auto [footer] auto;
}
}
@media (max-width: 46em) {
#UI.ProductViewActive .Home img {
width: 4em;
}
}
@media (max-width: 46em) {
#UI {
grid-template-rows: [nav] 4.15em [ui] 0 [cms] auto [footer] auto;
}
#UI.ProductViewActive {
grid-template-rows: [nav] 4.15em [ui] auto [cms] auto [footer] auto;
}
}
@media (max-width: 46em) and (max-width: 64em) {
#UI {
grid-template-rows: [nav] 4.15em [ui] 0 [ui] 0 [cms] auto [footer] auto;
}
#UI.ProductViewActive {
grid-template-rows: [nav] 4.15em [ui] auto [ui] auto [cms] auto [footer] auto;
}
}
@media (max-width: 46em) and (max-width: 46em) {
#UI.ProductViewActive .Home img {
width: 4em;
}
}
.PublicViewer.Embedded #UI {
grid-template-rows: [nav] 0 [ui] 0 [cms] auto [footer] auto;
}
.PublicViewer.Embedded #UI.ProductViewActive {
grid-template-rows: [nav] 0 [ui] auto [cms] auto [footer] auto;
}
@media (max-width: 64em) {
.PublicViewer.Embedded #UI {
grid-template-rows: [nav] 0 [ui] 0 [ui] 0 [cms] auto [footer] auto;
}
.PublicViewer.Embedded #UI.ProductViewActive {
grid-template-rows: [nav] 0 [ui] auto [ui] auto [cms] auto [footer] auto;
}
}
@media (max-width: 46em) {
.PublicViewer.Embedded #UI.ProductViewActive .Home img {
width: 4em;
}
}
#UI.AdminView {
display: block;
}
#UI.PublicViewer.Embedded {
grid-template-rows: [nav] 0 [ui] auto [cms] auto [footer] auto;
}
#UI.PublicViewer.Embedded #EmbeddedHomeLink a:before {
width: 0;
height: 0;
background-color: transparent;
}
#UI #CMSPage {
grid-area: cms;
}
#UI #CMSPage .IncludeHTML {
min-height: 80vh;
width: 100%;
}
#UI #Footer {
grid-area: footer;
}
#UI #ProjectUILoading {
grid-area: right-ui;
}
#UI #EmbeddedHomeLink {
width: 20%;
padding: 0 0 0.5em 0.5em;
position: absolute;
bottom: 0;
left: 0;
z-index: 300;
}
.PublicViewer.Embedded #UINavigation {
display: none;
}
#UINavigation {
grid-area: nav;
position: fixed;
width: 100%;
/* label height + icon height + padding */
height: 5.75em;
z-index: 300;
background: white;
display: flex;
}
@media (max-width: 46em) {
#UINavigation {
height: 4.15em;
}
}
.PublicViewer.Embedded #UINavigation {
height: 0;
}
#UINavigation #UINavigationBar > *,
#UINavigation #UINavigationMenu > * {
padding: 1em;
color: #333333;
text-decoration: unset;
cursor: pointer;
white-space: nowrap;
position: relative;
line-height: 1.5em;
outline: none;
}
#UINavigation #UINavigationBar > *:focus,
#UINavigation #UINavigationMenu > *:focus {
box-shadow: inset 0px 0px 0px 2px #164E82;
}
#UINavigation #UINavigationBar > * > i,
#UINavigation #UINavigationMenu > * > i {
margin-left: 0.25em;
text-align: center;
}
#UINavigation #UINavigationBar > * > .Tutorial,
#UINavigation #UINavigationMenu > * > .Tutorial {
position: absolute;
left: 0;
padding-left: 1em;
bottom: 0.5em;
animation: TutorialUpDown 1s linear infinite;
}
#UINavigation #UINavigationBar > *.Spacer,
#UINavigation #UINavigationMenu > *.Spacer {
cursor: unset;
}
@keyframes TutorialUpDown {
0%,
100% {
bottom: 0.5em;
}
50% {
bottom: 0em;
}
}
#UINavigation #UINavigationBar {
display: flex;
flex-grow: 1;
width: 0;
overflow: hidden;
}
#UINavigation #UINavigationBar > * {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#UINavigation #UINavigationBar > * > .Label {
order: 2;
font-family: "Kanit", sans-serif;
text-transform: uppercase;
}
#UINavigation #UINavigationBar > * > .icon {
order: 1;
}
#UINavigation #UINavigationBar > .Spacer {
padding: 0px;
flex-grow: 1;
}
#UINavigation #UINavigationBar .HideLabel {
display: none;
}
#UINavigation #UINavigationBar .fas {
font-size: 2.25em;
}
@media (max-width: 46em) {
#UINavigation #UINavigationBar {
/*.Home {
img {
display: none;
}
i {
display: unset;
}
}*/
}
#UINavigation #UINavigationBar > * {
padding: 0.2em;
}
#UINavigation #UINavigationBar .Label {
display: none;
}
#UINavigation #UINavigationBar .Home i {
display: none;
}
#UINavigation #UINavigationBar .LabelOnly {
display: none;
}
}
@media not all and (max-width: 46em) {
#UINavigation #UINavigationBar .Home i {
display: none;
}
}
#UINavigation #UINavigationMenuButton {
outline: unset;
position: relative;
background-color: white;
border: initial;
box-shadow: initial;
color: #333333;
padding: 0.5em;
margin: 0.5em;
line-height: 1em;
}
#UINavigation #UINavigationMenuButton:focus {
box-shadow: inset 0px 0px 0px 2px #164E82;
}
#UINavigation #UINavigationMenuButton i {
width: 1em;
}
#UINavigation #UINavigationMenuButton i.icon {
width: 1.25em;
height: 1.25em;
}
#UINavigation #UINavigationMenuButton .Icon,
#UINavigation #UINavigationMenuButton .IconActive {
font-size: 1.5em;
}
#UINavigation #UINavigationMenuButton .IconActive {
display: none;
}
#UINavigation #UINavigationMenuButton.Open .Icon {
display: none;
}
#UINavigation #UINavigationMenuButton.Open .IconActive {
display: inline-block;
}
#UINavigation #UINavigationMenuButton.Open #UINavigationMenu {
display: flex;
}
#UINavigation #UINavigationMenu {
display: none;
position: absolute;
z-index: 1000;
top: calc(100% + 4px);
right: 0;
box-shadow: 0px 0px 6px black;
border-radius: 3px;
padding: 0em;
font-family: "PT Sans", sans-serif;
letter-spacing: initial;
text-align: left;
max-height: calc(100vh - 5.75em);
overflow-x: hidden;
overflow-y: auto;
flex-direction: column;
}
#UINavigation #UINavigationMenu > * {
padding: 0.5em;
width: 100%;
display: flex;
justify-content: space-between;
}
#UINavigation #UINavigationMenu > * > .Tutorial {
padding-left: 0.5em;
bottom: -0.5em;
animation: TutorialMenuUpDown 1s linear infinite;
}
#UINavigation #UINavigationMenu .Home {
display: none;
}
@keyframes TutorialMenuUpDown {
0%,
100% {
bottom: -0.5em;
}
50% {
bottom: -1em;
}
}
#UINavigation .Home > h1:first-child {
position: absolute;
z-index: -1;
}
#UINavigation .Home > img {
max-width: unset;
width: 8em;
height: 3.25em;
object-fit: contain;
}
#UINavigation .Home.tab.active:before {
background-color: transparent;
}
#UINavigation .Home.tab:hover:before {
background-color: #FF1414;
}
#UINavigation .BubbleIcon {
display: inline-block;
position: relative;
line-height: 1;
}
#UINavigation .BubbleCount {
position: absolute;
background: #0f834d;
color: white;
border-radius: 100%;
padding: 0.1em;
min-width: 1.5em;
height: 1.5em;
text-align: center;
font-size: 75%;
line-height: 1.25em;
right: -0.75em;
top: -0.25em;
z-index: 1;
}
#UINavigation .BubbleCount.BubbleCountImportant {
background: red;
}
#UINavigation i.icon {
width: 2.25em;
height: 2.25em;
}
#UINavigation a.tab.active i.icon.icon_comments {
background-image: url("/images/icon_comments_red.svg");
}
#UINavigation a.tab.active i.icon.icon_config2 {
background-image: url("/images/icon_config2_red.svg");
}
#UINavigation a.tab.active i.icon.icon_ordering {
background-image: url("/images/icon_ordering_red.svg");
}
#UINavigation a.tab.active i.icon.icon_printdata {
background-image: url("/images/icon_printdata_red.svg");
}
#UINavigation a.tab.active i.icon.icon_support {
background-image: url("/images/icon_support_red.svg");
}
.UnsupportedBrowser {
margin: 15vh 15vw;
word-break: break-word;
}
#UpdateChecker {
z-index: 3001;
}
#UpdateChecker .dialog-content {
padding: 1.53vmin;
}
#UpdateChecker .dialog-content > * {
margin: 1.5vmin;
}
.VirtualizedList {
width: 100%;
}
.Waiting .Waiting.Loading::before {
content: "";
animation: loading-stripes 2s linear infinite;
}
.WebGLComponentCanvas {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 200;
will-change: transform;
}
#customer_login h2,
.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
font-size: 2em;
}
h2.woocommerce-shipments-list__title {
font-size: 2em;
}
.woocommerce-MyAccount-content h2 {
font-size: 1.5em;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:before,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link .hentry .entry-content a:before {
position: unset;
bottom: unset;
left: unset;
width: unset;
height: unset;
background-color: unset;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--projects a::before {
content: "\f15b";
}
.group-pages {
display: flex;
margin: 0 -0.25em;
}
.group-pages > * {
margin: 0 0.25em;
}
.order_item .delivery-date {
font-size: 0.9em;
font-weight: 400;
}
.force-billing-address {
display: none;
}
.force-billing-address + #customer_details .woocommerce-billing-fields,
.force-billing-address + #customer_details #ship-to-different-address {
display: none;
}
#customer_details .woocommerce-billing-fields > h3:first-child {
display: none;
}
.form-row input.input-text:invalid {
box-shadow: inset 2px 0 0 #e2401c;
}
.sc_card.sc_card {
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
#Alerts {
pointer-events: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 300;
display: flex;
justify-content: flex-end;
flex-direction: column;
margin-left: 1rem;
margin-right: 1rem;
}
#Alerts .alert {
pointer-events: auto;
animation-duration: 5s;
animation-name: alertFadeout;
}
@keyframes alertFadeout {
75% {
opacity: 1;
}
to {
opacity: 0;
}
}
#google-business-reviews-rating {
transition: 0.2s color linear, 0.2s background-color linear, 0.2s box-shadow linear, 0.2s width ease-in-out, 0.2s max-width ease-in-out;
box-shadow: 5px 5px 6px 0 rgba(0, 0, 0, 0.09) inset, 0 0 0 1px rgba(0, 0, 0, 0.29);
border-radius: 3px;
padding: 2rem 2rem 1rem 2rem;
}
#google-business-reviews-rating h2:before {
content: none;
}
#google-business-reviews-rating h2 {
font-family: unset;
text-transform: unset;
font-weight: unset;
}
#google-business-reviews-rating a:before {
content: none;
}
/*
input,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border: inherit;
background: inherit;
color: inherit;
outline: inherit;
font-size: inherit;
font-family: inherit;
padding: inherit;
}*/
#Admin {
min-height: 100vh;
overflow: auto;
}
#Admin table {
border: solid 1px blue;
margin: 0 0 0.5em 0;
}
#Admin th {
border-bottom: solid 3px red;
background: aliceblue;
color: black;
font-weight: bold;
}
#Admin table thead th {
padding: 0.25em;
}
#Admin table th,
#Admin table td {
padding: 0.25em;
}
#Admin td {
padding: 0.25em;
border: solid 1px gray;
}
#Admin .TableControls {
border: 1px solid rgba(0, 0, 0, 0.05);
border-width: 1px 0;
text-align: center;
clear: both;
}
#Admin .TableControls .ResetToggleHidden {
cursor: pointer;
margin-left: 0.5em;
}
#CustomerGroups {
min-height: 5em;
margin: 0.25em 0.25em 50vh 0.25em;
}
#CustomerGroups .CustomerList {
display: grid;
grid-template-columns: fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%);
align-items: center;
justify-items: start;
grid-gap: 0.25em;
}
#CustomerGroups .CustomerList .DeleteCustomerGroupConfirm {
background: red;
}
#CustomerGroups .Customer {
display: grid;
grid-template-columns: fit-content(100%) fit-content(100%) fit-content(100%);
align-items: center;
justify-items: stretch;
grid-gap: 0.25em;
}
#CustomerGroups .Customer h4,
#CustomerGroups .Customer h5,
#CustomerGroups .Customer .Users {
grid-column-start: span 3;
}
#FixedPrices {
min-height: 5em;
}
#FixedPrices .PriceLists {
display: grid;
grid-template-columns: fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%);
align-items: center;
justify-items: start;
grid-gap: 0.25em;
}
#FixedPrices .PriceLists .DeletePriceListConfirm {
background: red;
}
#FixedPrices #FixedPriceList > h4 {
margin: 0.5em 0;
}
#FixedPrices #FixedPriceList .Common {
display: grid;
grid-template-columns: fit-content(100%) fit-content(100%);
align-items: center;
justify-items: start;
grid-gap: 0.25em;
}
#FixedPrices #FixedPriceList .Common > label {
margin: 0;
}
#FixedPrices #FixedPriceList .Common > textarea {
min-width: 50vw;
min-height: 15vh;
}
#FixedPrices #FixedPriceList .ProductConfiguration {
display: grid;
grid-template-columns: fit-content(100%) fit-content(100%) auto;
align-items: center;
grid-gap: 0.25em;
}
#FixedPrices #FixedPriceList .ConfigFromProject {
display: flex;
margin: 0 -0.125em;
}
#FixedPrices #FixedPriceList .ConfigFromProject > * {
margin: 0 0.125em;
}
#FixedPrices #FixedPriceList .ConfigFromProject > #ConfigFromProject {
flex-grow: 1;
}
#FixedPrices #FixedPriceList .PriceList {
display: grid;
grid-template-columns: fit-content(100%) fit-content(100%) 2em;
align-items: center;
grid-gap: 0.25em;
}
#FixedPrices #FixedPriceList .PriceList > .DeletePrice {
padding: 0.5em;
width: 2.5em;
height: 2.5em;
}
#FixedPrices #FixedPriceList .PriceList > .AddPrice {
width: 15em;
grid-column-start: span 3;
justify-self: end;
}
#MiscSettings {
min-height: 5em;
margin: 0.25em 0.25em 50vh 0.25em;
display: grid;
grid-template-columns: fit-content(100%) fit-content(100%);
align-items: center;
justify-items: stretch;
grid-gap: 0.25em;
}
#MiscSettings h4,
#MiscSettings h5 {
grid-column-start: span 2;
}
#MiscSettings label {
margin: 0;
}
#Prices > * {
margin: 0.25em 0.25em;
}
#Prices .PricesNavigation {
display: flex;
}
#Prices .PricesNavigation > * {
margin: 0 0.125em;
}
.Table .Header {
display: flex;
align-items: center;
}
.Table .Header .SortBy {
padding-left: 0.5em;
padding-right: 0.25em;
}
.Table .Header .ToggleHidden {
padding-left: 0.25em;
cursor: pointer;
}
.Table .Filter {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.Table .Filter.DateRange {
max-width: 12em;
}
.Table .Filter input {
width: 0;
flex-grow: 1;
margin-top: 0.25em;
}
.Table .Filter input[type="date"] {
width: 10em;
flex-grow: 0;
}
.Table .Filter .RangeTo {
margin: 0 0.25em;
}
.Table .ResetFilter {
cursor: pointer;
margin-left: 0.5em;
}
.Table td {
text-align: center;
vertical-align: middle;
}
.Table td input[type="number"] {
width: 5em;
flex-grow: 0;
}
@font-face {
font-family: 'fa-regular';
src:
url('fonts/fa-regular.woff2?x08847') format('woff2'),
url('fonts/fa-regular.woff?x08847') format('woff'),
url('fonts/fa-regular.ttf?x08847') format('truetype'),
url('fonts/fa-regular.svg?x08847#fa-regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.far {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'fa-regular' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-alt:before {
content: "\f15c";
}
@font-face {
font-family: 'fa-solid';
src:
url('fonts/fa-solid.ttf?hr1n0g') format('truetype'),
url('fonts/fa-solid.woff?hr1n0g') format('woff'),
url('fonts/fa-solid.svg?hr1n0g#fa-solid') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.fas {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'fa-solid' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-view_in_ar:before {
content: "\e900";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-clipboard-list:before {
content: "\f46d";
}
.fa-expand:before {
content: "\f065";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-file-pdf:before {
content: "\f1c1";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-download:before {
content: "\f019";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-search-plus1:before {
content: "\f00f";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-trash-alt:before {
content: "\f2ed";
}
.fa-arrow-alt-circle-left:before {
content: "\f359";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-sync:before {
content: "\f021";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-check:before {
content: "\f00c";
}
.fa-times:before {
content: "\f00d";
}
.fa-home:before {
content: "\f015";
}
.fa-lock:before {
content: "\f023";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-random:before {
content: "\f074";
}
.fa-comments:before {
content: "\f086";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-users:before {
content: "\f0c0";
}
.fa-link:before {
content: "\f0c1";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-bars:before {
content: "\f0c9";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-paste:before {
content: "\f0ea";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-code-branch:before {
content: "\f126";
}
.fa-unlink:before {
content: "\f127";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-alt:before {
content: "\f15c";
}
.fa-external-link-alt:before {
content: "\f35d";
}
.fa-map-marker-alt:before {
content: "\f3c5";
}
.fa-reply:before {
content: "\f3e5";
}
.fa-box-open:before {
content: "\f49e";
}
.fa-user-slash:before {
content: "\f506";
}
.fa-file-upload:before {
content: "\f574";
}
.fa-question:before {
content: "\f128";
}
.fa-caret-left:before {
content: "\f0d9";
}
/* kanit-100 - latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 100;
font-display: swap;
src: local('Kanit Thin'), local('Kanit-Thin'),
url('/fonts/kanit-v5-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-100italic - latin */
@font-face {
font-family: 'Kanit';
font-style: italic;
font-weight: 100;
font-display: swap;
src: local('Kanit Thin Italic'), local('Kanit-ThinItalic'),
url('/fonts/kanit-v5-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-200 - latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 200;
font-display: swap;
src: local('Kanit ExtraLight'), local('Kanit-ExtraLight'),
url('/fonts/kanit-v5-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-200italic - latin */
@font-face {
font-family: 'Kanit';
font-style: italic;
font-weight: 200;
font-display: swap;
src: local('Kanit ExtraLight Italic'), local('Kanit-ExtraLightItalic'),
url('/fonts/kanit-v5-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-300italic - latin */
@font-face {
font-family: 'Kanit';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local('Kanit Light Italic'), local('Kanit-LightItalic'),
url('/fonts/kanit-v5-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-300 - latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Kanit Light'), local('Kanit-Light'),
url('/fonts/kanit-v5-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-regular - latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Kanit Regular'), local('Kanit-Regular'),
url('/fonts/kanit-v5-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-500 - latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Kanit Medium'), local('Kanit-Medium'),
url('/fonts/kanit-v5-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-italic - latin */
@font-face {
font-family: 'Kanit';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Kanit Italic'), local('Kanit-Italic'),
url('/fonts/kanit-v5-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-500italic - latin */
@font-face {
font-family: 'Kanit';
font-style: italic;
font-weight: 500;
font-display: swap;
src: local('Kanit Medium Italic'), local('Kanit-MediumItalic'),
url('/fonts/kanit-v5-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-600 - latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Kanit SemiBold'), local('Kanit-SemiBold'),
url('/fonts/kanit-v5-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-600italic - latin */
@font-face {
font-family: 'Kanit';
font-style: italic;
font-weight: 600;
font-display: swap;
src: local('Kanit SemiBold Italic'), local('Kanit-SemiBoldItalic'),
url('/fonts/kanit-v5-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-700italic - latin */
@font-face {
font-family: 'Kanit';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('Kanit Bold Italic'), local('Kanit-BoldItalic'),
url('/fonts/kanit-v5-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-700 - latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Kanit Bold'), local('Kanit-Bold'),
url('/fonts/kanit-v5-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-800 - latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Kanit ExtraBold'), local('Kanit-ExtraBold'),
url('/fonts/kanit-v5-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-800italic - latin */
@font-face {
font-family: 'Kanit';
font-style: italic;
font-weight: 800;
font-display: swap;
src: local('Kanit ExtraBold Italic'), local('Kanit-ExtraBoldItalic'),
url('/fonts/kanit-v5-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-900 - latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 900;
font-display: swap;
src: local('Kanit Black'), local('Kanit-Black'),
url('/fonts/kanit-v5-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kanit-900italic - latin */
@font-face {
font-family: 'Kanit';
font-style: italic;
font-weight: 900;
font-display: swap;
src: local('Kanit Black Italic'), local('Kanit-BlackItalic'),
url('/fonts/kanit-v5-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/kanit-v5-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-sans-regular - latin */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('PT Sans'), local('PTSans-Regular'),
url('/fonts/pt-sans-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/pt-sans-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-sans-italic - latin */
@font-face {
font-family: 'PT Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('PT Sans Italic'), local('PTSans-Italic'),
url('/fonts/pt-sans-v11-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/pt-sans-v11-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-sans-700 - latin */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('PT Sans Bold'), local('PTSans-Bold'),
url('/fonts/pt-sans-v11-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/pt-sans-v11-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-sans-700italic - latin */
@font-face {
font-family: 'PT Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
url('/fonts/pt-sans-v11-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/fonts/pt-sans-v11-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*# sourceMappingURL=printkit.css.map */