﻿.PriceAlertModalContainer {
    display: none;
    overflow: hidden;
    outline: 0;
    z-index: 10000;
    margin: 0 auto;
    position: fixed;    
    width: 100%;    
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.PriceAlertModalMask {
    display:none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;    
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color: black;
    opacity: 0.4;
}

        .PriceAlertModalContainer .PriceAlertModal .modal-content {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
            pointer-events: auto;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0,0,0,.2);
            border-radius: 24px;
            outline: 0;
            margin: 0 10px;            
        }

            .PriceAlertModalContainer .PriceAlertModal .modal-content .modal-body {
                position: relative;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                padding: 25px 16px 16px 16px;
                min-height: 340px;
            }

                .PriceAlertModalContainer .PriceAlertModal .modal-content .modal-body .ClosePopUp {
                    position: absolute;
                    font-size: 1.5rem;
                    font-weight: 700;
                    line-height: 1;
                    color: #000;
                    text-shadow: 0 1px 0 #fff;
                    opacity: .5;
                    cursor: pointer;
                    left: 15px;
                    top: 10px;
                    cursor:pointer;
                }

                .PriceAlertModalContainer .PriceAlertModal .modal-content .modal-body iframe {
                    border: 0;
                    width: 100%;
                    /*height: 324px;*/
                }

                    .PriceAlertModalContainer .PriceAlertModal .modal-content .modal-body iframe.UnloadIframe {
                        height: 0;
                    }

                .PriceAlertModalContainer .PriceAlertModal .modal-content .modal-body .UpdateLoader {
                    display: inline-block;
                    margin-top: 30%;
                    width: 100%;
                    text-align: center;
                }

                    .PriceAlertModalContainer .PriceAlertModal .modal-content .modal-body .UpdateLoader div {
                        margin-bottom: 10px;
                    }



