.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}
.fade.in {
	opacity: 1
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2999;
	background-color: #000;
}
.modal-backdrop.fade {
	opacity: 0
}
.modal-backdrop, .modal-backdrop.fade.in {
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #000000;
}
.modal {
	position: fixed;
	top: 40%;
	left: 45%;
	z-index: 3000;
	width: 560px;
	margin-left: -280px;
	background-color: #ffffff;
	border: 10px solid #ffffff;
	outline: 0;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}
.modal.fade {
	top: -25%;
	-webkit-transition: opacity .3s linear, top .3s ease-out;
	-moz-transition: opacity .3s linear, top .3s ease-out;
	-o-transition: opacity .3s linear, top .3s ease-out;
	transition: opacity .3s linear, top .3s ease-out
}
.modal.fade.in {
	top: 30%;
	left: 50%;
	height: 200px;
}
.modal-header {
	padding: 9px 15px;
	border-bottom: 1px solid #eee
}
.modal-header .close {
	margin-top: 2px
}
.modal-header h3 {
	margin: 0;
	line-height: 30px
}
.modal-body {
    position: relative;
    max-height: 400px;
    padding: 30px;
    overflow-y: auto;
    text-align: justify;
    color: #000000;
}
.modal-form {
	margin-bottom: 0
}
.modal-footer {
	padding: 18px 8px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #033a53;
    border-top: 2px solid #000000;
}
.modal-footer:before, .modal-footer:after {
	display: table;
	line-height: 0;
	content: ""
}
.modal-footer:after {
	clear: both
}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
.modal-footer .btn:hover {
    color: #6c7379;
    border-color: #30373c;
}

.modal-body h3 {
    text-transform: uppercase;
    padding: 0 0 8px 27px;
    color: #03aa46;
    font-weight: normal;
    position: relative;
    font-size: 15px;
}
.modal-body h3:before {
    content: '\f071';
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #03aa46;
}
/*.modal-body h3.red {
	color: #f94747;
}
.modal-body h3.blue {
	color: #558efa;
}
.modal-body h3.red:before {
    content: '\f071';
    color: #f94747;
}
.modal-body h3.blue:before {
    content: '\f071';
    color: #558efa;
}*/