/*
    common use css
	css vesrion : 1.0
*/

html,
body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    color: var(--lp-body-color, #333);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    overflow-x: hidden;
}

/* loader */
.sps-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(247, 249, 252, 0.74);
    z-index: 999999999999 !important;
    display: none;
}

.lp_loader_container {
    border-radius: 16px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    max-width: 412px;
}

.spinner-border {
    border-color: rgb(107 123 156 / 29%);
    border-right-color: var(--lp-title);
    animation-duration: 3.3s;
    width: 3rem;
    height: 3rem;
    border-width: 0.35em;
}

.lp_loader_container>* {
    color: #6b7b9c
}

.cursor-pointer {
    cursor: pointer;
}

.text-decoration-underline {
    text-decoration: underline;
}

.jq-icon-error {
    background-color: #ed6060;
    color: #f7f7f7;
    border-color: #ebccd1;
    box-shadow: rgb(255 50 181 / 40%) 0px 0px 0px 2px,
        rgb(255 109 93 / 65%) 0px 4px 6px -1px,
        rgb(255 71 71 / 8%) 0px 1px 0px inset;
}

.jq-icon-success {
    background-color: #399944;
    color: #f7f7f7;
    border-color: #399944;
    box-shadow: rgb(61 255 50 / 40%) 0px 0px 0px 2px,
        rgb(124 255 93 / 65%) 0px 4px 6px -1px,
        rgb(115 255 71 / 8%) 0px 1px 0px inset
}

.jq-icon-error .jq-toast-loader {
    background-color: #ffaa9c !important;
    border-color: #ebccd1;
}

.jq-icon-success .jq-toast-loader {
    background-color: #b8ff9c !important;
    border-color: #ccebcf;
}

#iesupport {
    display: none;
}

#iesupport .lp-bg-primary {
    background-color: #1A75BA;
}

.items-center-ie {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tooltiptext {
    width: auto;
    position: absolute;
    background-color: #9098a1;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    white-space: nowrap;
    padding: 6px;
    font-size: 11px;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 30%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #9098a1 transparent transparent transparent;
}
.popup_title{
    line-height: 0 !important;
}

.error,
.help-block,
.custom-error,
.input-errors {
    margin-top: 2px;
    margin-bottom: 1px;
    color: var(--red);
    line-height: 1.1;
    font-size: 11px;
    display: block;
}


/* Inherit fonts for inputs and buttons */
input,
button,
textarea {
    font: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        -o-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

.iframe-input input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: 0px 3px 2px rgb(78 78 78 / 9%) !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.iframe-input input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

body:not(.lp-fortis-gtw) #payment-information iframe {
    max-height: 38px;
}


.no-iframe-styles iframe {
    max-height: inherit !important;
}

.offline {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 99999;
    display: none;
}

.offline-msg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
}

.offline-msg p {
    color: #fff;
    text-align: center;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}


body.lp-heartland-gtw iframe {
    width: 100%;
    min-height: 45px;
}

body.lp-heartland-gtw .iframe-field-container {
    height: 39px;
}

body.lp-heartland-gtw #lp-credit-card-submit {
    width: 162px;
}
label:not(.custom-control-label) {
    font-weight: 700;
    font-size: 11.5px;
    text-transform: capitalize;
}

a {
    cursor: pointer !important;
}