#id01 {
	display: block;
}

#id03, #id04 {
	display: none;
}

.w3-modal-content {
	border-radius: 20px;
}

.loading_modal_header, .loading_modal_footer {
	background-color: var(--brand-blue-light);
	color: white;
	text-align: center;
}

.loading_modal_header {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.loading_modal_footer {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#modal_loading_header {
	color: white;
	font-size: 3em;
}

.w3-modal-content div {
	width: 100%;
}

.w3-modal {
	background-color: rgba(0, 0, 0, 0.8);
}

.modal_btn_cancel {
	background-color: grey!IMPORTANT;
	float: left;
}

.modal_btn_continue {
	background-color: var(--brand-blue-dark)!IMPORTANT;
	float: right;
}

.modal-loading-icon {
	color: var(--brand-blue-dark);
	/*animation: fa-spin 2s linear infinite;
	-webkit-animation: fa-spin 2s linear infinite;*/
	animation-name: stretch;
	animation-duration: 1.0s;
	animation-timing-function: ease-out;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-play-state: running; 
	filter: drop-shadow(2px 4px 6px black);
}

#modal_loading_previous {
	text-align: center;
	margin-bottom: 60px;
}

#modal_loading_placeholder {
	text-align: center;
}

.loading_modal_footer {
	padding-bottom: 15px;
}

@keyframes stretch {
	0% {
		transform: scale(.7);
	}

	100% {
		transform: scale(1.0);
	}
}

.w3-modal-content p {
	font-size: 20px;
}