@media print {

    #headSpacer, .card-header {
        display: none;
    }

    body * {
        visibility: hidden;
        
    }

    #ThankYou, #ThankYou * {
        visibility: visible;
        border-color: black !important;
    }

    #ThankYou {
        position: static;
        left: 0;
        top: 0; 
        width: 100%; 
    }
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

}



.flex-cont-22 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-item-22 {
    flex: 1 0 50%;
    box-sizing: border-box;
    padding: 0 10px;
    min-width: 300px;
    text-align: left;
}

.dHr {
    height: 8px;
    background: #6969694d;
    margin: 36px 0 24px 0;
    border-radius: 4px;
    width: 100%;
}

.mw500 {
    max-width: 500px;
    margin: auto;
    min-width: 200px;
}


#Card {
    border-radius: 20px;
    margin-bottom: 24px;
    box-shadow: 0px 0px 40px 10px rgb(0 0 0 / 75%);
}

/*begin slider*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/*end slider*/

.dz-Mov {
    padding: 28px;
    background: rgb(208 208 208 / 48%);
    margin: 28px 0;
    border-radius: 20px !important;
}

.dz-preview {
    border-radius: 20px;
    box-shadow: 0px 6px 18px 4px #00000099;
}

.dropzone .dz-preview .dz-image img {
    transition: .4s transform ease-in-out;
    width: 100%;
}

.dropzone .dz-preview:hover .dz-image img {
    transform: scale(1.2) !important;
    filter: grayscale(.9) blur(8px) !important;
}

.dropzone .dz-preview .dz-image {
    width: 180px !important;
}

.dropzone .dz-preview .dz-error-message:after {
    left: 84px !important;
}

.dropzone .dz-preview .dz-error-message {
    left: 0px !important;
    width: 180px !important;
    box-shadow: 0 0 16px 3px black;
}

.bootAlertPopup {
    background: rgb(78 87 98 / 88%) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px !important;
    box-shadow: 0 10px 20px 5px #000000;
    color: white !important;
}

.bootAlertContainer {
    background: rgba(0,0,0,.36) !important;
}

.hr-mov-2 {
    display: block;
    border: none;
    color: white;
    height: 4px;
    background: rgb(178 8 55);
    background: -webkit-linear-gradient(left, rgb(178 8 55 / 50%), rgb(178 8 55), rgb(178 8 55 / 50%));
    margin-bottom: 6px;
    margin-top: 6px;
}

.mobile-view-only {
    display: none;
}

.filepond--action-process-item {
    display: none;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 767px) {

    .mobile-view-only {
        display: block;
    }

    .mobile-total {
        border-bottom: 1px solid #ccc;
    }
}

@media (prefers-color-scheme: light) {

    .bootAlertPopup {
        background: rgb(235 235 235) !important;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        border-radius: 20px !important;
        box-shadow: 0 10px 20px 5px #0000002b;
        color: #545454 !important;
    }

    .swal2-title, .swal2-html-container {
        color: #484d4e !important;
    }

    .swal2-confirm {
        color: #212529 !important;
        background-color: #f8f9fa !important;
        border-color: #f8f9fa !important;
    }

    .swal2-cancel {
        background: #cfcfcf !important;
        color: #212529 !important;
        border-color: #d5d5d5 !important;
    }

    .bootAlertContainer {
        background: rgb(110 110 110 / 46%) !important
    }

    #Card {
        box-shadow: 0px 0px 40px 12px rgb(124 124 124 / 50%);
    }

    .dHr {
        background: #ababab;
    }
}