@charset "UTF-8";
/* CSS Document
 */

/**
 * 	Modal view
 */

.modalBkg {
	display: table;
	position:absolute;
	top:0px;
	bottom:0px;
	width:100%;
	height:100%;
	text-align: center;
	z-index: 1000;
}
.modalWrapper {
  display: table-cell;
  vertical-align: middle;
}
.modalContainer {
	position:relative;
	margin: 0 auto;
	width: 320px;
	max-width: 90%;
	max-height: 90%;
	overflow:auto;
}


.modalBkg {
	background-color:rgba(245, 245, 245, 0.96);
	opacity:1.0;
}
.modalBkg.ng-hide {
	background-color:rgba(245, 245, 245, 0.0);
	opacity:0.0;
}
.modalBkg.ng-hide-add, 
.modalBkg.ng-hide-remove {
	transition: all 0.2s ease;
}
.modalBkg.ng-hide-remove,
.modalBkg.ng-hide-add {
  /* remember, the .hg-hide class is added to element
  when the active class is added causing it to appear
  as hidden. Therefore set the styling to display=block
  so that the hide animation is visible */
  display:block!important;
}


.modalContainer {
	background-color:#FFF;
	padding: 10px;
	border: 1px solid #EEE;
    border-radius: 8px;
    
    text-align:left;
}
.loadingBkg {
	background-color:#DDD;
	color: #666;
	font-size: 1.5em;
	font-weight: lighter;
}