/* CSS Document */
.popup-overlay{
	display:none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 21000;
	width: 100%;
	height: 100%;
	background-color: rgba(100,100,100,0.7);	
}
#popup-content-box{
	position:fixed;
	top:0px;
	width:94%;
	margin:5vh 3%;
	max-height:90vh;
	overflow-y:scroll;
	background-color:#FFF;
	border:1px solid #CCC;
	border-radius:8px;
	box-shadow:2px 2px 14px rgba(0,0,0,0.4);
}
#popup-result_message-box{
	z-index:1000;
	position:fixed;
	top:0px;
	width:92%;
	margin:10vh 4%;
	max-height:70vh;
	overflow-y:scroll;
	/*background-color:#FFF;*/
	box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
}	
#popup-result_message-content .popup-result_message-content-item{
	overflow-y:scroll;
	max-height:60vh;
}
#popup-result_message-close{
	cursor:pointer;
	position: absolute;
	top: 16px;
	right: 12px;
	color: #666;
	border: 1px solid #666;
	border-radius: 100%;
	padding: 0px 6px 2px 6px;
}
.popup-close-btn{
	z-index: 20000;
  	position: sticky;
  	top: 0px;
	float: right;
	padding: 6px 10px;
	border: 1px solid #CCC;
	border-right: none;
	border-top: none;
	font-size: 120%;
}
.popup-content-switch-corner{
	position:absolute;
	top:0px;
	right:0px;
	padding:8px;
	border:1px solid #1378F4;
	border-radius:0px 0px 0px 8px;
}
#popup-result-box .result-success,
#popup-result-box .result-nextsteps,
#popup-result-box .result-warning,
#popup-result-box .result-error{
	margin:0px;
	text-align:center;
}
.popup-loading{
	font-size:140%;
	text-align:center;
	background-color:#FFF;
	border:1px solid #CCC;
	padding:30px 0px;
}

/* CONTENT MODAL */
.modal-masthead{
	background-color:#EFEFEF;
	font-size:120%;
	border-bottom:2px solid #CCC;
	position:sticky;
	top:0px;
	z-index:10000;
}
.modal-masthead-segment{
	float:left;	
	padding:6px 1%;
}
.modal-masthead .info-row{
	padding:6px 1%;
}
.modal-masthead .link-button-other-tiny{
	margin:0px 3px;
	font-size:80%;
	padding:2px 5px;
}
.modal-masthead-client-parent{
	font-size:90%;
	padding:4px;
	border-top:2px solid #CCC;
	font-style:italic;
	background-color:#f7f7f7;
}
.modal-footer{
	background-color: #EFEFEF;
	border-top: 2px solid #CCC;
	padding: 16px;
	font-style: italic;
	color: #777;
	position:sticky;
	bottom:0px;
}

/* meeting sections */
.modal-box section{
	margin-bottom:0px;
}
.modal-section{
	clear:both;
	border-bottom:1px solid #666;
	padding:12px 0px 8px;
}
.modal-section:hover{
	background-color:#edf2ff;	
}
/* CLEARFIX (https://css-tricks.com/snippets/css/clear-fix/) */
.modal-section:before,
.modal-section:after{
    content: '';
    display: table;
}
.modal-section:after {
    clear: both;
}
.modal-section-label{
	float:left;
	width:16%;
	padding:0px 1%;
	font-size:110%;
}
.modal-section-contents{
	float: left;
  	width: 65%;
  	padding: 0px 1%;
}
.modal-section-switch{
	float:left;
	width:13%;
	padding:0px 1%;
}
.modal-section-detail{ 
	display:none;
	padding:10px;
	background-color:#FFF;	
}
.modal-section-detail h3{
	font-size:120%;
	margin:0px 0px 12px 0px;	
}
#modal-close-details{
	margin-top: 0px;
  	border-radius: 0px 0px 6px 6px;
  	float: right;
  	margin-right: 24px;
}
.modal .textarea-simple-full {
  width: 94%;
  height: 80px;
  margin: 4px 2% 16px 2%;
  padding: 1%;
  font-size: 100%;
  font-family: inherit;
}