.popupTable {
	text-align: left;
}

.popupTable tr td {
	padding-left: 20px;
}

.popupTable tr td:first-child {
	padding-left: 0px;
}

.popupBusy {
	display: inline-block;
	background-image: url("../resources/busy-18.svg");
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	vertical-align: top;
	margin-top: 1px;
	margin-right: 5px;
}

.popupPad {
	padding: 20px;
}


.popupFilter {
	background-color: #EEEEEE;
	padding: 15px;
	border-bottom: 1px solid #CDD7E5;	/*light blue*/
	/*height: 60px;*/
	/*box-sizing: border-box;*/
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.popupFilter > div {
}

.popupFilter > div > * {
	
}
.popupFilter > div:nth-child(1) {
	flex-shrink: 0;
}
.popupFilter > div:nth-child(3) {
	flex-shrink: 0;
	margin-left: 10px;
}
.popupFilter > div:nth-child(4) {
	flex-grow: 1;
	flex-shrink: 0;
	text-align: right;
}

/*.popupScroll {
	border: 1px solid red;
	max-height: 100%;
	max-height: 100%;
	overflow-y: scroll;
	max-height: 700px;
}*/

.popupScroll .enableFirstRowLabel tbody tr td:first-child {
	font-weight: 100;
}

.popupScroll b {
	/*font-size: 110%;*/
	font-weight: bold;
	color: #111;
}



.popupFooter {
	background-color: #EEEEEE;
	padding: 15px;
	padding-top: 5px;
	border-top: 1px solid #CDD7E5;
    /*box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.4);*/
	/*box-shadow: 0px -4px 5px rgba(0,0,0,0.1);*/
}
.popupFooter > .popupButton {
	margin-top: 10px;
}
.popupFooterLinks{
	display: inline-block;
	margin-top: 10px;
}
.popupFooterLinks:after {
	content: 'Links to Additional Information: ';
}



.popupButton {
    display: inline-block ;
    cursor: pointer;
    font-weight: bold;
    font-size: 75%;
    text-transform: uppercase;
	
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
	
	background-color: #1D4164;
    border: 1px solid #1D4164;
    color: #E2EEFF;
	
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
                                  
}
.popupButton:hover {
    box-shadow: 0 0 5px 2px #7facd2;
}

.popupButton:active {
    /*position: relative;*/
    /*top: 1px;*/
/*    text-shadow: none;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .3) inset !important;*/
}

.popupButton.disabled {
	background-color: inherit;
	border: 1px solid #CDD7E5;
	color: #808d96;
}
.popupButton.disabled:hover {
    box-shadow: none;
	cursor: default;
}
.popupButton.disabled:active {
    /*position: inherit;*/
	/*top: 0px;*/
/*    text-shadow: none;
	box-shadow: none;*/
}
.popupButton.outlined {
	border: 1px solid #5e95c8;
    background-color: white;
    color: #1D4164;
}

.popupButton.orange {
	background-color: orange;
	color: white;
}

.popupNested {
	display: none;
	width: 100%;
	border-bottom: 1px solid #CDD7E5;
}

.popupNested > div:first-child {
	color: #3B5064;
	border-bottom: 1px solid #CDD7E5;
	
	font-size: 120%;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}

@media (max-width: 760px) {
	.popupFilter > div {
	}
	.popupFilter > div:nth-child(1) {
		flex-grow: 1;
	}
	.popupFilter > div:nth-child(1) > * {
		width: 100%;
	}
	.popupFilter > div:nth-child(2) {
		flex-basis: 100%;
		height: 0;
		border: none;
	}
	.popupFilter > div:nth-child(3) {
		flex: 1 1 auto;
		margin-left: 0px;
		margin-top: 10px;
	}
	.popupFilter > div:nth-child(4) {
		flex: 1 1 auto;
		margin-top: 10px;
	}
	.popupFooterLinks:after {
		content: 'Links: ';
	}
	.popupButton {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 9px;
		padding-right: 9px;
	}
}