.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.25);text-align:center}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}
.blocker.behind{background-color:transparent}
.modal{overflow:visible;display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:20px 20px;border-radius:30px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left; border: 2px solid #ec4126;}
.modal a.close-modal{overflow:visible; position:absolute;top:20px;right:20px;display:block;width:25px;height:25px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;
    background-image:url('data:image/png;base64,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')}
.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

#CartConfirmModal,
#NoTestAvailableModal {
    max-width: 500px; max-height: 200px;
    width: 100%;
    height: 100%;
}

@media (max-width: 1200px) {
    .modal{border-radius:20px;}

    #CartConfirmModal {
        max-width: 500px; max-height: 155px;
        width: 100%;
        height: 100%;
    }

    #NoTestAvailableModal {
        max-width: 350px; max-height: 150px;
        width: 100%;
        height: 100%;
    }
    
}

@media (max-width: 786px) {
    #CartConfirmModal {
        max-width: 500px; max-height: 150px;
    }

    #NoTestAvailableModal {
        max-width: 350px; max-height: 150px;
    }

    #CartConfirmModal .button,
    #NoTestAvailableModal .button {
        font-size: 12px;
    }

    .modal .button.outlined {
        padding: 1px 10px !important;
    }
}

@media (max-width: 575px) {    
    .modal{border-radius:10px;}

    #CartConfirmModal {
        max-width: 500px;
        max-height: 205px;
        width: 100%;
        height: 100%;
    }

    #NoTestAvailableModal {
        max-width: 350px;
        max-height: 155px;
        width: 100%;
        height: 100%;
    }

    .cr-btn-holder {
        margin-top: 10px !important;
    }

    .modal .button.outlined {
        padding: 1px 10px !important;
    }
}