/*!
 * Copyright (C) 2024 PayTomorrow,LLC. - All Rights Reserved
 *
 * Unauthorized copying or redistribution of this file in source and binary forms via any medium
 * is strictly prohibited.
 */
/*All pages*/
:root {
    --pt-factor: 1.0;
}
#pt-main span {
    padding: 0 !important;
    display: inline !important;
    align-items: normal;
}
#pt-main img {
    display: inline !important;
}

.pt-bold {
    font-weight: bold !important
}

.pt-text-uppercase {
    text-transform: uppercase !important
}
.pt-text-center {
    text-align: center !important;
}

.pt-blue {
    color: #00A1FF !important;
}
.pt-text-blue {
    color: #00A1FF !important;
}
.pt-orange {
    color: #FE7C22 !important;
}
.pt-white {
    color: #ffffff !important;
}
.pt-dark-blue {
    color: #044165 !important;
}
.pt-light-blue {
    color: #B0E2FF !important;
}

.pt-dynamic-image-size {
    width: calc(432px * var(--pt-factor)) !important;
}
.pt-dynamic-icon-bg-size {
    width: calc(58px * var(--pt-factor)) !important;
    height: calc(58px * var(--pt-factor)) !important;
}

.pt-dynamic-top-image-size {
    width: calc(655px * var(--pt-factor)) !important;
}
.pt-dynamic-pt-offer-image-size {
    width: calc(250px * var(--pt-factor)) !important;
}

.pt-dynamic-why-paytomorrow-top-image-size {
    width: calc(460px * var(--pt-factor)) !important;
}

.pt-dynamic-blog-image-size {
    width: calc(1728px * var(--pt-factor)) !important;
    height: calc(573px * var(--pt-factor)) !important;
}
.pt-dynamic-offer-image-size {
    width: calc(594px * var(--pt-factor)) !important;
}

.pt-dynamic-droplet-image-size {
    max-width: 100%;
}
.pt-dynamic-9-droplet-image-size {
    max-width: 100%;
    width: calc(350px * var(--pt-factor)) !important;
}
.droplets-3-bg-blue {
    background-image: url("assets/images/background/3-droplets.svg");
    background-color: #044165;
    background-size: calc(552px * var(--pt-factor)) calc(340px * var(--pt-factor));
    background-position: calc(100% - 30px*var(--pt-factor)) calc(30px*var(--pt-factor));
    background-repeat: no-repeat;
}
.bg-dark-blue {
    background-color: #044165;
}
.droplets-bg-blue {
    background-image: url("assets/images/background/droplets-bg.svg");
    background-color: #044165;
    background-size: cover;
}

.pt-logo-size {
    width: calc(144px * var(--pt-factor)) !important;
    height: calc(40px * var(--pt-factor)) !important;
}
.pt-logo-footer-size {
    width: calc(288px * var(--pt-factor)) !important;
    height: calc(80px * var(--pt-factor)) !important;
}
.pt-checkout-image-dynamic {
    width: calc(408px * var(--pt-factor)) !important;
    height: calc(580px * var(--pt-factor)) !important;
}
.pt-icon-merchant-support-dynamic {
    width: calc(60px * var(--pt-factor)) !important;
    height: calc(60px * var(--pt-factor)) !important;
}

.pt-dynamic-icon-size {
    width: calc(144px * var(--pt-factor)) !important;
}
.pt-dynamic-lender-logo-size {
    width: calc(133px * var(--pt-factor)) !important;
    height: calc(90px * var(--pt-factor)) !important;
}
.pt-image-container {
    position: relative !important;
    text-align: right !important;

    > div > img {
        width: 100% !important;
    }
}

.pt-flex {
    display: flex !important;
}
.pt-flex-center {
    display: flex !important;
    justify-content: center !important;
}

.pt-flex-left-pad {
    display: flex;
    padding-left: 9rem;
}

.pt-left-pad-main-content {
    padding-left: 6rem;
}
.pt-top-section {
    width: 50%;
}
.pt-head-width {
    width: 105% !important;
}

.pt-lender-block {
    padding-bottom: 1rem !important;
    width: 30% !important;
    padding-right: 5% !important;
}

.pt-button {
    border-radius: 100px !important;
    background-color: #00A1FF !important;
    border-color: #00A1FF !important;
    color: #ffffff !important;
    padding-bottom: .75rem !important;
    padding-top: .75rem !important;
    border: none !important;
    background-image: none !important;
}

.pt-button:active {
    /*box-shadow: 2px 2px 5px #fc894d !important;*/
    background: #e5e5e5 !important;
    /*background: #FE7C22 !important;*/
    -webkit-box-shadow: inset 0px 0px 5px #c1c1c1 !important;
    -moz-box-shadow: inset 0px 0px 5px #c1c1c1 !important;
    box-shadow: inset 0px 0px 5px #c1c1c1 !important;
    color: #00A1FF !important;
    outline: none !important;
    background-image: none !important;
}

.pt-sub-prime-decoration {
    background: linear-gradient(to left, #F2FAFF 97%, #80D0FF 3%) !important;
}
.pt-prime-decoration {
    background: linear-gradient(to left, #F2FAFF 97%, #044165 3%) !important;
}
.pt-near-prime-decoration {
    background: linear-gradient(to left, #F2FAFF 97%, #00A1FF 3%) !important;
}
/*--------------------------------------- Media Queries ----------------------------------------------------*/
@media (max-width: 999px) {
    .pt-flex-center {
        display: block !important;
        justify-content: center !important;
    }
    .pt-flex {
        display: block !important;
    }
    .pt-head-width {
        width: 90% !important;
    }
    .pt-flex-left-pad {
        display: block !important;
        padding-left: 1rem !important;
    }
    .pt-top-section {
        width: 100% !important;
    }
    .pt-left-pad-main-content {
        padding-left: 1rem !important;
    }
    .pt-dynamic-top-image-size {
        max-width: 100%;
        /*max-width: 200px;*/
    }
    .pt-dynamic-pt-offer-image-size {
        max-width: 100%;
        /*max-width: 200px;*/
    }
    .pt-dynamic-why-paytomorrow-top-image-size {
        max-width: 100%;
    }
    .pt-dynamic-offer-image-size {
        max-width: 100%;
        /*max-width: 200px;*/
    }

    .pt-dynamic-image-size {
        max-width: 200px !important;
    }
    .pt-lender-block {
        padding-bottom: 1rem !important;
        width: 100% !important;
        padding-right: 5% !important;
    }
    .pt-sub-prime-decoration {
        background: linear-gradient(to left, #F2FAFF 98%, #80D0FF 2%) !important;
    }
    .pt-prime-decoration {
        background: linear-gradient(to left, #F2FAFF 98%, #044165 2%) !important;
    }
    .pt-near-prime-decoration {
        background: linear-gradient(to left, #F2FAFF 98%, #00A1FF 2%) !important;
    }
    .droplets-3-bg-blue {
        background-image: url("assets/images/background/3-droplets.svg");
        background-color: #044165;
        background-size: calc(230px * var(--pt-factor)) calc(142px * var(--pt-factor));
        background-position: calc(100% - 10px*var(--pt-factor)) calc(10px*var(--pt-factor));
        background-repeat: no-repeat;
    }
}
/*--------------------------------------- Pre-approval Iframe ----------------------------------------------------*/
.__pt-fp-iframe-container {
    background: center center no-repeat;
    /* iOS requires a display none */
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 9999;
}

.__pt-fp-iframe-container.active {
    opacity : 1;
    visibility: visible;
    /* iOS requires a display block */
    display: block;
}

.__pt-fp-iframe-container > iframe {
    background: none;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}


#pt-overlay {
    /*background: rgba(255,255,255,0.5);*/
    /*background: rgba(200,200,200,0.5);*/
    background: rgba(51, 51, 51, .7) !important;
    color: #666666 !important;
    position: fixed !important;
    height: 100% !important;
    width: 100% !important;
    z-index: 5000 !important;
    top: 0 !important;
    left: 0 !important;
    float: left !important;
    text-align: center !important;
    padding-top: 25% !important;
    /*opacity: .80;*/
}
.pt-spinner {
    margin: 0 auto !important;
    height: 100px !important;
    width: 100px !important;
    background-image: url(https://s3.amazonaws.com/cdn.paytomorrow.com/image/spinner.gif) !important;
    background-size: 100px 100px !important;
    /*animation: rotate 0.8s infinite linear;*/
    /*border: 5px solid firebrick;*/
    /*border-right-color: transparent;*/
    /*border-radius: 50%;*/
}
@keyframes rotate {
    0% {
        transform: rotate(0deg) !important;
    }
    100% {
        transform: rotate(360deg) !important;
    }
}