#w2pshop-upload-container {
left: 0;
top: 0;
z-index: 99999999;
} #w2pshop-overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: rgba(0, 0, 0, 0.5) !important;
z-index: 100000002;
display: none;
} #w2pshop-udraw-proof-container {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
background-color: white !important;
border: 1px solid #ddd !important;
border-radius: 4px !important;
padding: 0 1rem !important;
height: max-content !important;
max-height: 80vh !important;
overflow-y: auto !important;
width: clamp(300px, 75vw, 1200px) !important;
z-index: 100000003;
display: none;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
} ::-webkit-scrollbar-track {
background-color: transparent;
}
#w2pshop-preview-container {
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
box-shadow: 0 2px 11px 6px rgba(0, 0, 0, 0.2);
}
.w2pshop-preview-container {
display: flex;
align-items: normal;
justify-content: center;
flex-direction: column;
}
.w2pshop-preview-container iframe {
width: 500px;
height: 550px;
margin: 5px;
}
#gse_preview_image,
.w2pshop-preview-image {
max-width: 100%;
max-height: 35rem;
height: 25rem;
object-fit: contain;
border: none;
border-radius: 4px;
margin: 0 auto;
}
.w2pshop-instructions {
font-size: 12px;
margin-bottom: 1rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.w2pshop-instructions ul li {
font-size: 12px;
line-height: 0.75rem;
}
.w2pshop-instructions-message {
font-size: 12px;
margin-top: 1em;
overflow-y: auto;
} .w2pshop-button-container {
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
}
.w2pshop-action-buttons {
display: flex;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: center;
align-items: stretch;
gap: 10px;
margin-top: 20px;
margin-bottom: 10px;
}
.w2pshop-proof-button {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
text-decoration: none;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.3s, color 0.3s;
height: max-content;
fill: #333333;
padding: 12px 24px;
border: none;
font-weight: 500;
text-align: center;
line-height: 1.3;
}
.w2pshop-proof-button:hover {
background-color: #1a1a1a;
color: #fff;
fill: #fff;
} .w2pshop-action-buttons .w2pshop-proof-button {
flex: 1;
height: 60px;
min-width: 140px;
max-width: 180px;
} .w2pshop-back-btn {
background-color: #4A90E2;
color: #fff;
fill: #fff;
border: none;
}
.w2pshop-back-btn:hover {
background-color: #3A7BC8;
color: #fff;
fill: #fff;
} .w2pshop-download-proof-button {
background-color: #ffffff;
color: #333333;
border: 1px solid #d0d0d0;
fill: #333333;
}
.w2pshop-download-proof-button:hover {
background-color: #f5f5f5;
color: #333333;
fill: #333333;
} .w2pshop-approve-btn {
background-color: #5CB85C;
color: #fff;
fill: #fff;
border: none;
}
.w2pshop-approve-btn:hover {
background-color: #4A9D4A;
color: #fff;
fill: #fff;
}
.w2pshop-approve-btn:disabled {
background-color: #cccccc;
color: #999999;
cursor: not-allowed;
opacity: 0.7;
}
.w2pshop-approve-btn:disabled:hover {
background-color: #cccccc;
color: #999999;
}
.swal2-container {
z-index: 1000000034 !important;
} * {
margin: 0;
}
.w2pshop-carousel-container {
position: relative;
margin: 1em auto 0.5em auto;
max-width: 60%;
display: flex;
align-items: center;
justify-content: center;
}
.hidden {
display: none;
}
.visible {
display: block;
}
.arrow {
display: inline;
}
.prev,
.arrow {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin: -1.5em 0.3em 0 0.9em;
padding: 1em;
color: #333333;
font-weight: bold;
font-size: 1.2em;
transition: 0.3s ease;
border-radius: 0.5em;
user-select: none;
background-color: #eeeeee;
}
.next {
right: -4rem;
}
.prev {
left: -5rem;
}
.prev:hover,
.next:hover {
background-color: #333333;
color: #fff;
}
.slide-numbers {
text-align: center;
position: absolute;
bottom: 1em;
left: 45%;
}
.dot {
cursor: pointer;
height: 10px;
width: 10px;
margin: 0 2px;
background-color: rgba(204, 204, 204, 0.9);
border-radius: 50%;
display: inline-block;
}
.dot:hover,
.active {
background-color: rgb(204, 204, 204);
height: 12px;
width: 12px;
}
.dot:hover {
box-shadow: 0 0 5px #fff;
}
label[for='w2pshop_proof_approval'] {
font-size: 12px;
font-weight: bold;
} .w2pshop-top-bar {
display: flex;
justify-content: space-between;
} .w2pshop-proof-checkbox-container {
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.w2pshop-proof-checkbox {
transform: scale(1.5);
margin-right: 8px;
} .w2pshop-pdfeditor-buttons {
display: none;
} .w2pshop-proofing-pdfeditor .w2pshop-pdfeditor-buttons {
display: flex;
} #w2pshop-carousel-buttons {
display: none;
}
@media (max-width: 768px) {
.w2pshop-action-buttons {
flex-direction: column;
gap: 10px;
}
.w2pshop-action-buttons .w2pshop-proof-button {
width: 100%;
min-width: unset;
max-width: unset;
flex: unset;
}
}
@media (max-width: 500px) {
#w2pshop-back-button {
display: none;
}
}