#dialogoverlay
{
display: none;
opacity: .6;
position: fixed;
top: 0px;
left: 0px;
background: #FFF;
width: 100%;
z-index: 10;
height: 100%;

}
#dialogbox
{
display: none;
position: fixed;
background: #af8c55;
border-radius:13px;
 width:240px;
z-index: 10;
top: calc(100vh/2 - 90px);
left: calc(100vw/2 - 0px);
}

#dialogbox > div
{
 background:#FFF;
 margin:8px;
 
}
#dialogbox > div > #dialogboxhead
{
 background: #af8c55;
font-size: 19px;
padding: 10px;
color: white;
text-align: center;
 
}
#dialogbox > div > #dialogboxbody
{
 background: #af8c55;
 padding:20px;
 color:#FFF;
 text-align: center;
 
}
#dialogbox > div > #dialogboxfoot
{
 background: #af8c55;
 padding:10px;
 text-align:center;
 
}
.loader 
{
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #883695;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
 /* Safari */    animation: spin 2s linear infinite;
    position: fixed;
    left: calc(100vw/2 - 60px);
    top: calc(100vh/2 - 60px);
    z-index: 9999;
    display: none;

}
/* Safari */@-webkit-keyframes spin 
{
    0% 
{
        -webkit-transform: rotate(0deg);
    
}
    100% 
{
        -webkit-transform: rotate(360deg);
    
}

}
@keyframes spin 
{
    0% 
{
        transform: rotate(0deg);
    
}
    100% 
{
        transform: rotate(360deg);
    
}

}