.completed-percentage-sticky {
background: #107725;
color: white;
position: fixed;
top: 0;
width: 100%;
max-width: 1292px;
z-index: 100;
left: 50%;
transform: translateX(-50%);
}
.notcompleted-percentage-sticky {
color: white;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
left: 50%; transform: translateX(-50%); max-width: 1292px;
}
#error-icon {
color: #b71e1e;
position: absolute;
display: block;
right: 15px;
top: 18px;
}
.dz-default.dz-message {
color: white;
font-weight: 600;
}
#mathproblem {
font-weight: 600;
}
#ebcaptchainput {
text-align: center;
}
#error-message {
color: #fbe467;
margin-left: 10px;
}
.has-error {
border: 1px solid #fbe467 !important;
}
#dropzonehideshow1 {
padding: 10px; min-height: 161px;
border: 4px dashed #eca9a9 !important;
}
.image-pdf i {
font-size: 53px;
}
.fas.fa-file-alt {
color: #2383fd;
}
.fas.fa-file-pdf {
color: red;
}
.myDrop_,
.myDropTow_ {
border: 3px solid rgba(0, 0, 0, 0);
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
transition: 0.5s;
cursor: pointer;
max-height: 135px;
}
.has-files {
justify-content: unset !important;
flex-wrap: wrap;
column-gap: 8px;
max-height: unset !important;
height: 100% !important;
}
.file-container {
width: 11.8%;
background: white;
border-radius: 9px;
margin: 5px 0px;
}
.file-container:hover { cursor: default !important;
}
.action-file {
display: flex;
justify-content: end;
}
.button-action-file,
.button-action-file-Tow {
display: block;
width: 22px;
height: 22px;
background: #ea6666;
display: flex;
justify-content: center;
align-items: center;
color: white;
border-radius: 50px;
font-size: 8px;
margin: 8px;
margin-bottom: -11px;
}
.button-action-file:hover,
.button-action-file-Tow:hover {
cursor: pointer !important;
}
.file-name-area {
display: block;
width: 100%;
background-color: #eceaea;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 13px;
text-align: left;
padding: 4px 15px;
color: #555;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.file-name-area i {
margin-right: 7px;
}
.image-pdf {
padding: 20px;
text-align: center;
}
.image-pdf img {
width: 100%;
max-width: 56px;
}
.onDrop,
.onDropTow {
border: 3px solid #ffa0a0 !important;
}
.choose-files {
cursor: pointer;
}
.upload-prepaid-label,
.regular-mailer {
width: 100%;
background: #fff0f04f;
padding: 20px;
border-radius: 5px;
}
.upload-prepaid-label .radio_option {
margin-bottom: 10px;
}
.regular-mail-fields {
width: 100%;
display: flex;
column-gap: 10px;
margin-top: 10px;
}
.percentage-display {
border: 2px solid white;  margin-bottom: 13px;
border-radius: 20px;
}
.percentage-wiidht {
width: 0%;
background: white; text-align: center;
transition: 0.5s;
border-radius: 50px;
}
#percentage-number-here {
font-weight: bold;
color: #623c3c;
white-space: nowrap;
display: inline-block;
padding: 0px 20px; background: white;
border-radius: 50px;
}
.completed-percentage {
background: #107725 !important;
color: white !important;
}
.completed-percentage>#percentage-number-here {
background: #107725 !important;
color: white !important;
}
.load {
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
position: relative;
left: 50%;
}
.form-loader-container {
margin-top: 30px;
}
.form-loader {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #2d2c2cb3;
z-index: 200;
justify-content: center;
display: flex;
align-items: center;
}
.load hr {
border: 0;
margin: 0;
width: 40%;
height: 40%;
position: absolute;
border-radius: 50%;
animation: spin 2s ease infinite;
}
.load :first-child {
background: #19a68c;
animation-delay: -1.5s;
}
.load :nth-child(2) {
background: #f63d3a;
animation-delay: -1s;
}
.load :nth-child(3) {
background: #fda543;
animation-delay: -0.5s;
}
.load :last-child {
background: #193b48;
}
.preloader-message {
color: #c2d6f0;
width: 100%; text-align: 20px;
text-align: center;
font-size: 20px;
text-transform: uppercase;
margin-top: 31px;
font-weight: bold;
padding: 0px 20px;
max-width: 1500px;
font-size: 31px;
}
.bnr_info h2 {
font-size: 25px;
color: black;
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 700;
}
.bnr_info ul li {
position: relative;
color: black;
padding-left: 30px;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
}
.bnr_p {
color: black;
width: 75%;
margin: 40px auto;
}
.asterisk_parent {
text-align: left;
position: relative;
width: 49%; display: inline-block;
vertical-align: top; } #apostilleFields .asterisk_parent,
#mobileNotaryFields .asterisk_parent { }
#error-icon {
color: #f6b30f;
}
#error-message {
color: #f6b30f;
}
.otter {
margin: 2px 0 4px;
width: 100%;
position: relative;
padding: 13px 10px;
display: flex;
background-color: white;
color: #fff;
border: 1px solid #c1c1c1;
border-radius: 10px;
}
.progress-bar-scroll-con {
position: fixed;
left: 0;
top: 0;
right: 0;
padding: 25px 25px 15px 25px;
background: #7b1f1f;
z-index: 1000;
}
.seaotter {
display: inline-block !important;
vertical-align: top;
}
.labeler {
color: #333333;
display: inline-flex;
width: 48%;
}
div.custom-has-error+div#error-container {
margin-top: -14px;
}
.legalization {
width: 100%;
}
@media only screen and (max-width: 1384px) {
.completed-percentage-sticky,
.notcompleted-percentage-sticky {
width: 93%;
max-width: 1292px;
}
}
@media only screen and (max-width: 1000px) {
.asterisk_parent {
text-align: left;
position: relative;
width: 100%; display: inline-block;
} #apostilleFields .asterisk_parent,
#mobileNotaryFields .asterisk_parent {
width: 100% !important;
display: block !important;
}
.form_area {
margin-top: 20px;
}
.labeler {
color: #333333;
display: inline-flex;
width: 100%;
font-size: 13px;
}
.flex-row {
height: 200px !important;
}
.container {
font-weight: 500 !important;
color: white;
font-size: 13px;
}
.purple_form .radio p {
margin: unset !important;
}
.checkmark {
height: 18px !important;
width: 18px !important;
}
.container .checkmark:after {
left: 7px !important;
top: 2px !important;
width: 5px !important;
height: 12px !important;
}
} .entry-content .ssl_mcafee>figure>img {
width: 160px;
}
@keyframes spin {
0%,
100% {
transform: translate(0);
}
25% {
transform: translate(160%);
}
50% {
transform: translate(160%, 160%);
}
75% {
transform: translate(0, 160%);
}
} @media only screen and (max-width: 1000px) {
.regular-mail-fields {
display: block;
margin-top: unset;
}
.regular-mail-fields .asterisk_parent {
margin-top: 10px;
}
}
@media only screen and (max-width: 1125px) {
.file-container {
width: 13.4%;
}
}
@media only screen and (max-width: 941px) {
.file-container {
width: 15.7%;
}
}
@media only screen and (max-width: 805px) {
.file-container {
width: 18.7%;
}
}
@media only screen and (max-width: 609px) {
.file-container {
width: 30.7%;
}
}
@media only screen and (max-width: 500px) {
.file-container {
width: 100% !important;
}
.has-files {
display: block !important;
}
.reCAPTCHA-label {
position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;
text-align: center !important;
}
}  .container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer; -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 600;
color: #373737;
} .container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .checkmark {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 22px;
background-color: #DBEAFE; border-radius: 2px;
transition: 0.5s;
} .container:hover input~.checkmark {
background-color: #ccc;
} .container input:checked~.checkmark {
background-color: #2196f3;
} .checkmark:after {
content: "";
position: absolute;
display: none;
} .container input:checked~.checkmark:after {
display: block;
} .container .checkmark:after {
left: 8px;
top: 3px;
width: 6px;
height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-parent-container {
display: flex !important;
}
.right-bheck-container,
.left-checkb-xontainer {
width: 50%;
}
#apostilleForm div.error,
#apostilleForm input.error {
border: 4px solid #ff2d2d;
}
#apostilleForm label.error,
#apostilleForm span.error {
color: #fef784;
font-weight: bold;
}
div.radio p {
margin-bottom: 0;
} .modal {
display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
} @-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0
}
to {
top: 0;
opacity: 1
}
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0
}
to {
top: 0;
opacity: 1
}
} .close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
top: 1px !important;
right: 10px !important;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header { background-color: #5cb85c;
color: white;
}
.modal-body {
padding: 2px 16px;
}
.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
#ship_international_container span.text {
font-weight: 600;
}
#ship_international_container span.italic {
font-style: italic;
}
#ship_international_container {
background: #fff;
padding: 20px;
font-size: 14px;
}
.ssl_mcafee-container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 10px !important;
color: #fff !important;
font-size: 20px !important;
text-transform: uppercase !important;
text-align: center !important;
gap: 20px !important; margin: -45px 0 0 auto !important;
} .ssl_mcafee-container p {
flex: 1 !important;
text-align: center !important;
font-weight: bold !important;
margin-bottom: 0 !important;
} .ssl_mcafee-container figure {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.entry-content .ssl_mcafee-container>figure>img {
width: unset !important;
} @media (max-width: 870px) {
.ssl_mcafee-container {
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
margin: 0 !important;
} .ssl_mcafee-container p {
width: 100% !important;
padding: 10px !important;
} .ssl_mcafee-container .logos {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 20px !important;
width: 100% !important;
padding: 10px 0 !important;
}
.ssl_mcafee-container figure img {
max-width: 120px !important;
}
}
.test-mode-enabled {
margin-bottom: 50px !important;
}
@media (max-width: 1024px) {
.ssl_mcafee-container {
margin-top: -16px !important;
}
}
.swal2-html-container ul li::before {
content: "\f06a";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
color: red;
}
.mobile-notary-field {
position: relative !important;
}