/**/
.modal-note-overlay {
	--width-modal : 900px;
	--bg-overlay : rgba(0,0,0,0.75);
	--margin-modal : 20px auto;
}
.eap-modal {position: fixed; left: 0; width: 100%; max-width: 100%; z-index: -1; visibility: hidden; left: 0; bottom: auto;}
.eap-overlay {background: var(--bg-overlay); z-index: 9999; position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-transition: all .3s; transition: all .3s;}
.modal-note-show ~ .eap-overlay {opacity: 1; visibility: visible;}
.modal-note-scroll { margin-bottom:20px; width: 100% !important; height: 100%; overflow-y: scroll; top: 0 !important; pointer-events: auto;}
.modal-note-show {z-index: 10000; visibility: visible;}
.modal-note-show .modal-note-content {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}
.modal-note-content {position: relative; margin: var(--margin-modal); max-width: var(--width-modal); background-color: #ffffff; pointer-events: visible; color: var( --e-global-color-text );
	-webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); opacity: 0; -webkit-transition: all .3s; transition: all .3s;}
.modal-note-content-data {position: relative; padding:25px; width: 100%; height: 100%; max-width: 100%; max-height: 100%;}
.modal-note-content img {width:150px; height:auto;}
.modal-note-close {font-size: 20px; line-height: 20px; height: 20px; width: 20px; top: 10px; right: 10px; left: auto; position: absolute; z-index: 999999; cursor: pointer; text-align: center;}
.modal-note-close svg {fill: var( --e-global-color-primary ); font-size: 20px; line-height: 20px; height: 20px; width: 20px;}

.eap-html-modal {overflow: hidden !important;}

.modal-note-content-title {color:#000; font-weight: 600; font-family: var( --e-global-typography-primary-font-family ), Sans-serif; font-size: 24px; text-transform: uppercase;}

.modal-note-content-text {padding:20px 0; color:#262626;}

.modal-note-content-button {text-align: center;}
.eap-modal-button {background-color: #DC453A; font-family: var( --e-global-typography-accent-font-family ), Sans-serif; font-weight: 500; font-size:14px; text-transform: uppercase; border-radius: 10px; padding:14px 20px 8px; color:#fff;}
.eap-modal-button:hover {background-color: #000; color:#fff;}

.eap-modal-loading {display:none; position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%);}
.eap-modal-loading img {width:60px; height:60px;}

@media screen and (max-width: 900px) {
	.modal-note-overlay {
		--margin-modal : 20px 10px;
	}
}