﻿
.custom-alert
{
position: fixed;
display: none;
padding: 3px;
border-radius: 5px;
width: 300px;
box-shadow: 0px 0px 13px #888888;
background-color: #FFFFFF;
}
.custom-alert label
{
margin-top: 10px;
display: block;
text-align: center;
font-size: 15px;
font-family: 'GT America';
}
.custom-alert-closebutton
{
position: absolute;
right: 7px;
font-size: 15px;
font-weight: bold;
font-family: calibri;
cursor: pointer;
}
.no-display {
    display: none;
}

.fountainG {
    position: absolute;
    top: 0;
    background-color: darkblue; /*rgb(0,0,0);*/
    width: 28px;
    height: 28px;
    animation-name: bounce_fountainG;
    -o-animation-name: bounce_fountainG;
    -ms-animation-name: bounce_fountainG;
    -webkit-animation-name: bounce_fountainG;
    -moz-animation-name: bounce_fountainG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(.3);
    -o-transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    border-radius: 19px;
    -o-border-radius: 19px;
    -ms-border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
}

#fountainG_1 {
    left: 58px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#fountainG_2 {
    left: 88px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#fountainG_3 {
    left: 117px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#fountainG_4 {
    left: 146px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#fountainG_5 {
    left: 175px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

@media(min-width:600px){
 .loadingtext{margin-top:-30px}
}

.containerLoading {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20%;
    z-index: 10000;
    margin: auto;

}
.containerLoading table {
    transform: translateX(-50%);
    margin-left: 50%;
}
.containerLoading table img{
    width:25px;
}
.containerLoading table label{
    padding-top:4px;
}



/*.grayOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height:100%;
    z-index: 1000000;
    background-color: rgba(255, 255, 255, 0.5);
}
  .SaveLeadButton {
        text-transform: uppercase;
        outline: 0;
        background: #4CAF50;
        width: calc(100% - 80%);
        padding: 5px;
        color: #FFFFFF;
        font-size: 14px;
        cursor: pointer;
        margin: 10px;



    }

    .messagepop {
        background-color: #f8f8f8;
        border: 1px solid #999999;
        overflow: visible;
        text-align: center;
        width: 50%;
        z-index: 1000000;
        padding: 15px 15px;
        right: 12%;
        position: absolute;
        top: 10%;   
         left: 50%;
        transform: translateX(-50%);
    }

    
/* Desktops and laptops ----------- */
/*@media only screen  and (max-width : 1224px) {
.messagepop {
   width: 50%;
   }
}*/
/*@media (max-width:822px) {
    .messagepop {
        width: 50%;
    }
}*/
/*@media (max-width:768px) {
    .messagepop {
        width: 95%;
    }
}*/

    /* iPhone 5 ----------- */
    /*@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
        .messagepop {
            width: 100%;
        }
    }*/
    /* iPhone 6, 7, 8 ----------- */
    /*@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
        .messagepop {
            width: 99%;
        }
    }*/

    /*@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
        .messagepop {
            width: 100%;
        }
    }*/

  


  /*.messagepop p, .messagepop div {
        border-bottom: 1px solid #EFEFEF;
        margin: 8px 0;
        padding-bottom: 8px;
    }*/