/* ---------------------------------------- Alert --------------------------------------- */

.alertContainer {
	visibility:hidden;
	position: absolute;
	z-index:4000;
	background-color: #E9E9E9;
	width: 421px;
	min-height: 100px;
	height:auto;
    border-radius: 5px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    color:#333333;
    font-size:14px;
    font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;
    overflow:hidden;
}

.alertContainer .alertTop {
    height:50px;
    background-color:#318dd3;
}

.alertContainer .alertTop .alertTitle {
    position:inherit;
    height:100%;
    font-weight:lighter;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
    font-size:30px;
}

.alertShield {
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:3000;
	background-color: rgba(0,0,0,1);
    opacity:0.0;
	filter: alpha(opacity=0.0);
	cursor: not-allowed;
}

.alertTable {
    width: 400px;   /*.alertContainer.width -21*/
	table-layout:fixed;
	height: auto;
	margin:10px;
	border-collapse: separate;
}

.alertTable tr {
	white-space:normal;
}

.alertTable td {
	white-space:normal;
}

.alertTable td input[type='text'],
.alertTable td input[type='password'],
.alertTable td select {
    font-size:14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px;
    background-color: white;
    font-weight: lighter;
    font-size: 14px;
    padding: 0.5em;
    border-radius: 4px;
}

.alertTable td select {
    background-image:url(PWPopUpDown.png);
    background-position: right;
    background-repeat: no-repeat;
}

#alertSubtext td {
    padding: 3px 0px;
}


#alertImageContainer {
	width: 70px;
	vertical-align:top;
    padding-right:10px;
}

#alertButtonContainer {
    padding-bottom: 4px;
}

#alertButtonContainer .Button {
  float:right;
  align:middle;
  color: #ffffff;
  border-color:#2171a3;
  background: #999999;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-size: 16px;
  font-weight:lighter;
  padding: 4px 20px;
  text-decoration: none;
  margin: 0px 4px;
}

#alertButtonContainer .Button:hover {
  background: #A9A9A9;
  text-decoration: none;
}

#alertButtonContainer .Button.default {
  color: #ffffff;
  background: #3498db;
  border-color:#2980b9;
}

#alertButtonContainer .Button.default:hover {
  background: #3cb0fd;
  text-decoration: none;
}

#alertText {
	font-weight:lighter;
    font-size:14px;
}


