.framemodal,
#modalfixed{
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(1, 1, 1, .50);
	z-index: 11500;
	display: none;
}

#modalfixed{
		z-index: 11540;
}

#alertmodalframe{
 overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  display: inline-grid;
  z-index: 15000;
}

.alertmodal{
	position: relative;
	overflow: hidden;
	float: left;
  background-color: red;
  color: white;
  display: block;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 1px 1px 10px gray;
  margin-right:5px;
  margin-top:5px;
  cursor: pointer;
}

#alertmodalframe > .alertmodal:hover{
	opacity:.50;
	transition: .4s;
}

.modalerror,.modalsc,.modalerrorfix{
position: fixed;
top: 50%;
left: 50%;
background: white;
width: 35%;
z-index: 11500;
transform: translate(-50%,-50%);
color: white;
box-shadow: 1px 1px 10px #4F4F4F;
border-radius: 5px;
display: none;
text-align: center;
text-transform: capitalize;
}

.modalerror p,.modalerrorfix p,.modalsc p{
	position: relative;
	overflow: hidden;
	width: 70%;
	margin-right: auto;margin-left: auto;
}

.modalerror > button,
.modalerror input[type=submit],
.modalerrorfix > button,
.modalerrorfix input[type=submit],
.modalsc > button,
.modalsc input[type=submit] {
	background-color: #F36262;
	color: white;
	width: 100%;
	border: none;
	padding: 7px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: .4s;
}

.modalerror i,.modalerrorfix i,.modalsc i{	
	margin-top: 10px;
	color:  #F36262;
	font-size: 55px;
	padding: 15px;
}

.modalerror > button:hover,
.modalerror input[type=submit]:hover,
.modalerrorfix > button:hover,
.modalerrorfix input[type=submit]:hover,
.modalsc > button:hover,
.modalsc input[type=submit]:hover{
	opacity: .75;
}