/*  
 * +---------------------------------------------------------------------+
 * | SiteCommander by Will Fastie.                                       |
 * | Copyright (c) 2007-2019 by Will Fastie. All Rights Reserved.        |
 * | This source code may not be duplicated, distributed, or transferred |
 * | by any means, electronic or otherwise, without the express,         |
 * | written consent of Will Fastie except for the purposes of backup.   |
 * +---------------------------------------------------------------------+
 * |                     WAIT DIALOG - BPOPUP STYLES                     |
 * +---------------------------------------------------------------------+
 *
 * 23 Jun 2018 - modified from floating divs to table
 * 
 */

#wait-dialog { display: none; 
	padding: 10px; 
	padding-left: 15px;
	border-radius: 10px;
	border: 1px #bbb solid;
	box-shadow: 0 0 20px 5px khaki;
	background-color: white;
	font-weight: bold;
	font-size: larger;
}
#wait-dialog .wait-dialog-content { 
	margin: 0;
	padding: 15px 5px 10px 0;
	text-align: center;
} 

/* SVG-based version, 14 Jun 2018 */
#wait-dialog-svg { display: none;
	border: 2px black solid;
	border-radius: 8px;
	background-color: white;
	font-size: 1.25em;
}
#wait-dialog-svg .wait-dialog-content-svg { 
	margin: 0;
	padding-right: 1em;
} 
/* This controls the size/color of the SVG image */
.wait-dialog-svg-container { /*float: left;*/
	display: inline-block;
	width: 32px; 
	color: rgba(0, 128, 0, 0.7);
}

.wait-dialog-svg-spinner {
	width: 32px;
	-webkit-animation: wait-spin 1s infinite steps(8);
					animation: wait-spin 1s infinite steps(8);
}

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

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

#wait-dialog-svg table {
	border-collapse: collapse;
	border: 0;
	color: black;
}
#wait-dialog-svg table td {
	padding: .5em;
	vertical-align: middle;
	color: black;
}
#wait-dialog-svg table td.spinner {
	color: rgba(0, 128, 0, 0.7);
}