#greenleaze-modal-container {
position: fixed;
inset: 0;
z-index: 99999999;
display: none;
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
#greenleaze-modal-container.is-visible {
display: flex;
align-items: center;
justify-content: center;
}
.greenleaze-choice-monthly-price {
font-size: 0.75em;
color: #000;
margin-top: 5px;
margin-left: 10px;
background-color: #d9d9d9;
border-radius: 4px;
padding: 4px 8px;
display: inline-block;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
display: none;
}
.pc-configurator-choice-item .greenleaze-choice-monthly-price {
margin-top: 8px;
display: block;
text-align: center;
}
.greenleaze-total-monthly-price {
font-size: 0.9em;
color: #000;
display: inline-block;
font-weight: bold;
margin-right: 5px;
}
.greenleaze-combined-price { display: flex;
gap: 20px;
align-items: center;
width: 100%;
cursor: pointer;
}
.greenleaze-or {
width: 1px;
border: black;
border-width: 1px;
height: 30px;
margin: 2px 2px 2px 2px;
background-color: black;
display: block;
}
.greenleaze-monthly-price {
font-weight: bold;
color: #1d5438;
cursor: pointer;
}
.greenleaze-rent-cart {
width: 100%;
padding: 12px 20px; background-color: #1d5438;
color: white !important;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
.greenleaze-rent-cart:hover {
background-color: #083e28;
}
.greenleaze-rent-cart:disabled {
background-color: #cccccc;
}
#greenleaze-print-btn {
background-color: #2196f3 !important;
color: white !important;
margin-left: 10px;
margin-top: 10px;
}
#greenleaze-print-btn:hover {
background-color: #0b7dda !important;
}
#greenleaze-loading-modal {
display: flex;
position: fixed;
z-index: 99999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.7);
align-items: center;
justify-content: center;
}
.greenleaze-loading-content {
background-color: #fefefe;
padding: 30px;
border-radius: 5px;
text-align: center;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
max-width: 300px;
width: 80%;
}
.greenleaze-loading-content p { font-size: 16px;
color: #333;
}
.greenleaze-spinner-alt {
border: 5px solid #f3f3f3;
border-top: 5px solid #4caf50;
border-radius: 50%;
width: 50px;
height: 50px;
animation: greenleazeSpinner 1s linear infinite;
margin: 0 auto;
}
.greenleaze-rent-drawer-cart {
width: 100%;
background-color: #1d5438;
color: white !important;
}
.greenleaze-rent-drawer-cart:hover {
background-color: #083e28;
}
.greenleaze-rental-button {
display: block;
width: 100%;
padding: 12px 20px; background-color: #1d5438;
color: white !important;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: background-color 0.3s ease;
height: auto;
box-sizing: border-box;
}
.greenleaze-rental-button:hover {
background-color: #083e28;
}
.pc_configurator_form {
display: flex;
flex-direction: column;
width: 100%;
}
.pc_configurator_form .elementor-button.configurator-add-to-cart,
.pc_configurator_form .greenleaze-rental-button {
height: 50px;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center; box-sizing: border-box;
width: 100%;
text-align: center;
color: white !important;
}
.pc_configurator_form .elementor-button.configurator-add-to-cart svg {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.pc_configurator_form .elementor-button.configurator-add-to-cart span,
.pc_configurator_form .greenleaze-rental-button {
display: flex;
align-items: center;
justify-content: center;
}
.greenleaze-modal,
#greenleaze-modal-cart,
#greenleaze-modal-single {
display: none;
height: 100vh;
width: 100vw;
padding: 0;
margin: 0;
border: none;
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
}
#greenleaze-loading,
#greenleaze-loading-cart,
#greenleaze-loading-single {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.7);
z-index: 999999999;
}
#greenleaze-iframe,
#greenleaze-iframe-cart,
#greenleaze-iframe-single {
height: 100vh;
width: 100vw;
padding: 0;
margin: 0;
border: none;
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
}
.greenleaze-spinner {
border: 5px solid #f3f3f3;
border-top: 5px solid #0d5537;
border-radius: 50%;
width: 50px;
height: 50px;
animation: greenleazeSpinner 1s linear infinite;
}
@keyframes greenleazeSpinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.greenleaze-monthly-price-element {
display: flex;
flex-direction: column;
}
.greenleaze-label-info {
font-size: 0.6em;
color: #808080;
}
.greenleaze-info-icon {
font-size: 0.7em;
color: #808080;
display: flex;
justify-content: center;
align-items: center;
}
.greenleaze-label-info-icon {
display: flex;
gap: 5px;
justify-content: center;
align-items: center;
}
.elementor-element-rent-button {
margin-top: 5px;
margin-bottom: 10px;
width: 100%;
}
.elementor-element-rent-button .elementor-button {
display: flex;
justify-content: center;
align-items: center;
padding: 12px 20px;
min-height: 50px;
line-height: normal;
width: 100%;
background-color: #1d5438;
color: white;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: background-color 0.3s ease;
box-sizing: border-box;
max-width: 100%;
}
.elementor-element-rent-button .elementor-button:hover {
background-color: #083e28;
color: white;
}
.elementor-element-rent-button .elementor-button:disabled {
background-color: #cccccc;
cursor: not-allowed;
opacity: 0.7;
}
.elementor-element-rent-button .elementor-button.loading {
justify-content: center;
position: relative;
color: transparent;
}
.elementor-element-rent-button .elementor-button.loading:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.2);
border-top-color: white;
animation: greenleazeSpinner 0.8s linear infinite;
}
.elementor-element-rent-button .elementor-button-content-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.elementor-element-rent-button .elementor-button-text {
display: inline-block;
text-align: center;
line-height: 1.2;
margin: 0;
padding: 0;
}
@media screen and (max-width: 768px) {
.greenleaze-choice-monthly-price {
font-size: 0.7em;
padding: 3px 6px;
}
.greenleaze-total-monthly-price {
font-size: 0.8em;
display: block;
margin-bottom: 5px;
}
.greenleaze-monthly-price {
display: inline-block;
margin-right: 5px;
font-size: 0.9em;
cursor: pointer;
}
.greenleaze-combined-price { line-height: 1.4;
}
.greenleaze-rental-button,
.elementor-element-rent-button .elementor-button {
font-size: 14px;
padding: 10px 15px;
}
.pc_configurator_form .elementor-button.configurator-add-to-cart,
.pc_configurator_form .greenleaze-rental-button {
height: 45px;
min-height: 45px;
padding: 8px 12px;
font-size: 14px;
}
.elementor-element-rent-button {
margin-top: 3px;
}
.elementor-element-rent-button .elementor-button {
padding: 10px 15px;
min-height: 45px;
}
.elementor-element-rent-button .elementor-button-text {
font-size: 14px;
}
.pc_configurator_form .elementor-button.configurator-add-to-cart svg {
width: 20px;
height: 20px;
margin-right: 8px;
}
}
@media screen and (max-width: 480px) {
.elementor-element-rent-button {
margin-top: 3px;
margin-bottom: 3px;
}
.elementor-element-rent-button .elementor-button {
padding: 8px 12px;
min-height: 40px;
font-size: 13px;
}
.elementor-element-rent-button .elementor-button-text {
font-size: 13px;
line-height: 1.3;
}
}