#fond {
   position:absolute;
   z-index:50000;
   display:none;
   top:0; left:0;
   background-color:#000;
}

#modalbox {
   position:fixed;
   z-index:50001;
   display:none;
}

.popup {
   padding:20px 20px 20px 20px;
   border-radius: 10px;
   background-color: white;
   border: 1px solid grey;
   min-width:400px;
/*   width:300px;
   height:220px;*/
}
@media (prefers-color-scheme: dark) {
	.popup {background-color:#373736}
}

.popup a {border-width:0}

.popup .exit {
   float: right;
   color: #b00;
   font-weight: bold;
   font-size:16px;
}
.popup .exit:hover {
   color: #f00;
   text-decoration:none;
}

.popup .btn {
   display:block;
   margin:10px auto;
   padding:6px 12px;
   border-radius:6px;
   background:#D8AC27;
   color:#222;
   text-align:center;
   text-decoration:none;
   font-weight: bold;
}
.popup .btn:hover {
   background:#E0B22A;
   color:#000;
}

/*.popup*/ .loading-bg {
	position:absolute;
	top:0;left:0;width:100%;height:100%;
	display:flex;
	z-index:50002;

}
/*.popup*/ .loading-bg img {
	width:50px;height:50px;display:block;margin:auto;
   -webkit-animation:spin 2s linear infinite;
   -moz-animation:spin 2s linear infinite;
   animation:spin 2s linear infinite;
}

.popup-scroll{
   max-height:350px;
   overflow-y:scroll;
}

@-moz-keyframes spin { 100% {-moz-transform:rotate(360deg);} }
@-webkit-keyframes spin { 100% {-webkit-transform:rotate(360deg);} }
@keyframes spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);} }

/* popup : .rmb-classic */
.rmb-classic {padding:0;overflow:hidden;border:0;background:transparent;min-width:350px}
.rmb-classic h2 {display:block;background:#225B8D;padding:12px 4%;color:#eaeaff;margin:0;font-size:19px;}
.rmb-classic p {background:#fff;color:#225B8D;font-size:13px;margin-bottom:12px}
.rmb-classic button, .rmb-classic .button {border:0;border-radius:8px;padding:0.4em 0.6em;font-size:14px;font-weight:bold;
 background:#1D5079;color:#eaeaff;min-width:40px;}
.rmb-classic button:hover, .rmb-classic .button:hover {background:#004579;color:#fff;min-width:40px;} 
.rmb-classic .rmb-content {display:block;background:#fff;padding:24px 4%;text-align:left}
.rmb-classic .rmb-bottom {display:block;background:#efefff;padding:12px 4%;text-align:center}
.rmb-classic .exit {margin:6px 9px;color:#eaeaff}
.rmb-classic .exit:hover {color:#FF3838}

.rmb-content-center .rmb-content p {text-align:center;}