﻿.GeneralPopup_Maskdiv
{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 2000px;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index:4950;

    background-color: Black;
}

.ScreenMask {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 2000px;
    z-index: 4950;
    background-color: #ffffff;
}

.FullScreenPopup_Containerdiv
{
    background-color: White;
    margin:auto;
    z-index:5000;
    position:absolute;
    background-color:White;
    padding-bottom:20px;
    left:50px;
    right:50px;
    top:50px;
}
.FixedWidthPopup_Containerdiv
{
    background-color: White;
    margin:auto;
    z-index:5000;
    position:absolute;
    background-color:White;
    padding-bottom:20px;
    top:50px;
    left:50%;
}
.FixedWidthPopup_Containerdiv_Width800
{
    width:800px;
    margin-left:-400px;
}
.FixedWidthPopup_Containerdiv_Width500
{
    width:500px;
    margin-left:-250px;
}

.GeneralPopup_Containerdiv
{
    background-color: White;
    width:600px;
    margin:auto;
    z-index:5000;
    position:fixed;
    background-color:White;
    left:50%;
    top:100px;
    margin-left:-300px;
    padding-bottom:20px;
    
}

.UpgradeRequired_Guarantee_Maskdiv {
    position: absolute;
    left: -1px;
    width: 100%;
    top:0px;
    bottom:0px;
    z-index: 5;
    background-color: rgba(0,0,0,.5);
}

.UpgradeRequired_CollectionReferral_Maskdiv {
    position: absolute;
    left: -1px;
    width: 100%;
    right: 0px;
    height: 100%;
    z-index: 5;
    background-color: rgba(0,0,0,.5);
}

.ContentExpandedSideMenu .UpgradeRequired_Guarantee_Maskdiv
{
    left: 251px;
}

.ContentExpandedSideMenu .UpgradeRequired_CollectionReferral_Maskdiv
{
    left: 251px;
}

.LoadingPopupLogoContainer {
    margin-bottom: 30px;
}

.PageLoaderContainer {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 40px;
    left: 50%;
    margin-left: -40px;
    background-image: url(../images/General/loader.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin .7s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.LoaderPopupContainer {
    background-color: #ffffff;
    filter: alpha(opacity=100);
    opacity: 1;
    width: 500px;
    margin: auto;
    top: 50%;
    text-align: center;
    margin-top: -250px;
    padding-top: 30px;
    padding-bottom: 150px;
    z-index: 310 !important;
    color: #000000;
    position: relative;
}
