.opb-container { width: 100%; padding: 20px; border: 1px solid #f1f1f1; position: relative; background-color: #fff; box-sizing: border-box; }
.opb-container .opb-required { color: #ff6900; }

.opb-container .uk-input,
.opb-container .uk-select,
.opb-container .uk-textarea { border-color: #b2b2b2; }
.opb-container .uk-input:focus, 
.opb-container .uk-select:focus, 
.opb-container .uk-textarea:focus { border-color: #ff6900; }
.opb-container .opb-input-validation-error { border-color: #db0000; background-color: #fff2f2; }

.opb-container .opb-individual-options-container,
.opb-container .opb-company-options-container { display: none;}
.opb-container .opb-label { margin-bottom: 5px; margin-top: 20px; font-weight: 600;}
.opb-container .opb-individual-options-container { margin-top: 20px; padding: 20px; background-color: #fff2f2; }
.opb-container .opb-individual-options-container p { margin: 0px; }

.opb-container .opb-recaptcha-container { margin-top: 20px; }

.opb-container .opb-button-container { margin-top: 20px; }
.opb-container .opb-button-container .uk-margin-left-auto { margin-left: auto; }

.opb-container .opb-error-message { border: 1px solid #db0000; background-color: #fff2f2; padding: 10px; color: #db0000; margin-top: 20px; }
.opb-container .opb-success-message { border: 1px solid #05a500; background-color: #e4ffe2; padding: 10px; color: #000000; margin-top: 20px; }

.opb-container .opb-heading { font-size: 2rem; }
.opb-container .opb-subheading { font-size: 1.5rem; margin-bottom: 5px; margin-top: 20px; font-weight: 500; }
.opb-container .uk-button-default { background-color: #f6f6f6; color: #354f52; border: 1px solid #b2b2b2; }
.uk-button-default.uk-button-default-2 { background-color: #f6f6f6; color: #354f52; border: 1px solid #b2b2b2; }

.opb-container .opb-checkbox-container { display: flex; gap: 10px; align-items: center; margin-top: 10px;}
.opb-container .opb-checkbox-container .uk-checkbox { width: 25px; height: 25px;}
.opb-container .opb-checkbox-container .uk-checkbox:checked { background-color: #ff6900;}
.opb-container .opb-checkbox-container .uk-checkbox:focus { border-color: #ff6900;}
.opb-container .opb-checkbox-container label { line-height: 1.1em; }
.opb-container .opb-checkbox-container label:hover { cursor: pointer; }

.opb-container .loading-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.808); display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.5em; opacity: 0; pointer-events: none; transition: opacity 0.1s ease; z-index: 9999; }
.opb-container .loading-container.active { opacity: 1; pointer-events: auto; }

.opb-container .loading-container .loader { width: 50px; aspect-ratio: 1; border-radius: 50%; border: 8px solid #0000; border-right-color: #ff6900; position: relative; animation: l24 1s infinite linear; }
.opb-container .loading-container .loader:before,
.opb-container .loading-container .loader:after { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: inherit; animation: inherit; animation-duration: 2s; }
.opb-container .loading-container .loader:after { animation-duration: 4s; }
@keyframes l24 { 100% {transform: rotate(1turn)} }

.opb-container .no-project-items-container { text-align: center; padding: 20px; background-color: #f6f6f6; margin-bottom: 20px; }
.opb-container .project-item-container { border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 20px; }
.opb-container .project-item-container .project-item-name { margin-bottom: 0px; font-weight: 600; font-size: 1.2rem;}

.opb-button-container .opb-button-sub-container { display: flex; gap: 10px; }

.opb-container .uk-link { color: #ff6900; }

.opb-container .upload-result-container .upload-result-file-container { display: flex; gap: 10px; align-items: center; }
.opb-container .js-upload { margin-top: 0px; }

.opb-container .upload-result-container .uk-button-danger { padding: 0 15px; font-size: 0.7rem; line-height: 25px; }
.opb-container .upload-result-container { margin-bottom: 10px; }
.opb-container .completed-badge { background-color: #2bb409; color: #fff; padding: 4px 6px; border-radius: 15px; font-size: 0.6rem; font-weight: 500; }

.opb-container .opb-address-container p { margin: 0px; }
.opb-container .opb-address-container,
.opb-container .opb-edit-address-container { padding: 15px; border: 1px solid #e5e5e5;}
.opb-container .opb-edit-delivery-address-container,
.opb-container .opb-edit-billing-address-container { display: none; }
.opb-container .opb-address-container .uk-button-default { width: 100%; margin-top: 10px; }
.opb-container .opb-edit-address-container .uk-button-default { width: 100%; margin-top: 15px; }
.opb-container .opb-address-container .uk-button-default:hover, 
.opb-container .opb-edit-address-container .uk-button-default:hover { background-color: #fff; }

.opb-container .opb-summary-container p { margin: 0px; }
.opb-container .opb-summary-container.address p { font-size: 0.9rem; }

.opb-container .opb-summary-container { padding: 20px; border: 1px solid #e5e5e5; }
.opb-container .opb-summary-container .opb-summary-project-item-container { padding: 20px; border: 1px solid #e5e5e5; background-color: #f1f1f1; }

.opb-target-price-container { display: flex; gap: 5px; }

.opb-container .uk-table tr td { width: 50%; }

@media (max-width: 959px) {
    .opb-container .first-last-name-grid .uk-grid-margin { margin: 0px; }

    .project-item-container .uk-width-1-2 .uk-button { width: 100%; }

    .opb-button-container { display: block;}
    .opb-button-container .opb-button-sub-container { width: 100%; }

    .opb-button-container .uk-button { widtH: 100%; }
}

.opb-fw > .uk-width-1-2\@m { width: 100%; }