.modal {
    position:fixed;
    margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
    width:100%;
    height:100%;
    z-index:1001;
    left:0;
    top:0; 
    overflow:auto; 
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.90);
}
	.modal-content {
		margin: 5% auto;
		padding: 0 0 2%;
		min-width: 55%;
		max-width: 80%;
		height: auto;
		position: relative;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		outline: 0;
		background-color: #f9f9f9;
		border-radius: 3px;
	}

	.modal-content-alarme {
		position: relative;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		outline: 0;
		background-color:rgba(255, 255, 255, 0.9);
		border-radius: 3px;
		padding: 24px;;
	}

	.outros-chamados {	
		background-color:rgba(255, 255, 255, 0.9);
		position: relative;
		outline: 0;
		border-radius: 3px;
		padding: 24px;!important;
		vertical-align: top;
	}
		.outros-chamados h2 {
			font-size: 1.8em;
			margin: 15px auto 25px;
			font-weight: 700;
		}
		.outros-chamados h3 {
			font-size: 1.3em;
			color: #333;
		}
		.outros-chamados h4 {
			font-size: 1em;
			color: #999;
		}
	
	.modal-content	button {
		display: inline-block;
		width: 46.5%;
		margin: 2% 0 0 2%;
		text-align: center;
		padding: 15px;
		border: none;
		border-radius: 3px;
		cursor: pointer;
		background-color: #B22222;
		color: #fff;
		text-shadow: 1px 1px #333;
		font-size: 1.3em;
	    font-weight: 600;
	}

	.modal-content button:hover {
		background: #911717;
	}
	
	.modal-content	h1, .modal-content	h2, .modal-content	h3, .modal-content-alarme	h1, .modal-content-alarme	h2, .modal-content-alarme	h3 {
		display: inline-block;
		width: 100%;
		margin: 15px auto 0;
		text-align: center;
		padding: 0 15px;
	}
	
	.modal-content	h2, .modal-content-alarme	h2 {
		padding: 0 auto 15px;
	}
	
	.modal-content	h3 img, .modal-content-alarme	h3 img {
		vertical-align: middle;
		cursor: pointer;
	}

.animate {
    -webkit-animation:animatezoom 0.6s;
    animation:animatezoom 0.6s
}

	.modal-content form {
		width: 600px;
		margin: 15px 20px;
		padding: 15px;
		background-color: #e9e9e9;
	}
		.modal-content form label {
			display: inline-block;
			margin: 0;
			padding: 15px 0;
		}
		.modal-content form input[type=text], .modal-content form select {
			display: inline-block;
			width: 100%;
			margin: 0;
			padding: 15px;
			text-transform: uppercase;
		}
		.modal-content form input[type=radio] {
			display: inline-block;
		}


@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}