.modal-box{ position:fixed; top:0; left:0; width:100vw; height:0; background-color:rgba(0,0,0,.4); z-index:100000; overflow:hidden; transition:height 100ms ease; }
.modal-box.show{ height:100vh; }
.modal-box-dialog{ position:relative; width:90%; top:-100vh; left:5%; background-color:#FFFFFF; padding:0px; max-height:calc(100vh - 5rem); border-radius:10px 0 10px 10px; transition:top 500ms ease; }
.modal-box.show .modal-box-dialog{ top:2rem; }
.modal-box-content{ position:relative; width:100%; border-radius:0.5rem 0 0.5rem 0.5rem; overflow:hidden; box-shadow:0px 3px 10px rgba(0,0,0,.4); }
.modal-box-header{ background-color:#EAEAEA; padding:1rem; }
.modal-box-title{ font-size:1.4rem; font-weight:600; margin:0; padding:0; }
.modal-box-close{ position:absolute; right:0px; top:-30px; border:0; background-color:#CCCCCC; color:#5e5e5e; padding:5px; width:30px; height:30px; border-radius:50% 50% 0 0; padding:0; z-index:10; }
.modal-box-body{ padding:1rem; max-height:calc(100vh - 24rem); overflow-x:hidden; overflow-y:auto; }
.modal-box-body.full{ max-height:calc(100vh - 15rem); padding-bottom:0; }
.modal-box-footer{ background-color:#FAFAFA; padding:1rem; text-align:right; }
.modal-box-btn{ display:inline-block; background-color:#CCCCCC; color:#333333; padding:10px 20px; border:0; border-radius:4px; }
.modal-box-btn:hover{ background-color:#BBBBBB;}
.modal-box-btn-secondary{ background-color:transparent; box-shadow:inset 0px 0 0 2px #cccccc; float:left; }
.modal-box-dialog.modal-box-sm{ width:90%; }
.modal-box-dialog.modal-box-lg{ width:96%; left:2%; transform:translateX(0); }
.modal-box .container{ padding:0; overflow:auto; }
@media ( min-width:768px ){
    .modal-box-dialog{ width:600px; left:50%; transform:translateX(-300px); border-radius:10px; max-height:calc(100vh - 3rem); /* max-height:calc(100vh - 8rem); */ }
    .modal-box.show .modal-box-dialog{ top:2rem; }
    .modal-box-content{ border-radius:0.5rem; }
    .modal-box-close{ right:18px; top:18px; border-radius:50%; }
    .modal-box-header{ padding:1.5rem; }
    .modal-box-body{ padding:1.5rem; max-height:calc(100vh - 23rem); overflow-y:auto; }
    .modal-box-body.full{ max-height:calc(100vh - 8rem); }
    /* .modal-box-body.full{ max-height:calc(100vh - 14rem); } */
    .modal-box-footer{ padding:1.5rem; }
    .modal-box-dialog.modal-box-sm{ width:440px; transform:translateX(-220px); }
    .modal-box-dialog.modal-box-lg{ width:90%; left:5%; transform:translateX(0); }
	.modal-box-dialog.modal-box-lg .modal-box-body.full{ max-height:calc(100vh - 4rem); }
}
@media ( min-width:1200px ){
    .modal-box-dialog{ width:800px; left:50%; transform:translateX(-400px); }
    .modal-box-dialog.modal-box-sm{ width:440px; transform:translateX(-220px); }
}

.disclaimer-box{ position:relative; top:0; left:0; width:100%; margin:0 0 1rem 0; }
.disclaimer-box-content{ position:relative; padding:0.6rem 1.2rem; margin:0; border:1px solid #666666; background-color:#CCCCCC; border-radius:0.3rem; }
.disclaimer-box-title{ font-size:1.3rem; margin-bottom:0.5rem; }
.disclaimer-box-close{ position:absolute; top:1rem; right:1rem; width:1.2rem; height:1.2rem; padding:0; margin:0; border:0; font-size:1.26rem; line-height:1; text-align:center; background-color:transparent; color:#5f5f5f; border-radius:50%; }
.disclaimer-box-body{ font-size:1rem; line-height:1.3; color:inherit; }
.disclaimer-box-content.alert{ background-color:#b19243; color:#ffffff; border-color:#ceae5d; }
.disclaimer-box-content.success{ background-color:#33a824; color:#ffffff; border-color:#4dca3d; }
.disclaimer-box-content.error{ background-color:#b64242; color:#ffffff; border-color:#dd6969; }

.modal-backdrop.fade { opacity:0; transition:opacity 0.15s linear; background-color:rgba(0, 0, 0, 0.9); z-index:1040; position:fixed; inset:0; }
.modal-backdrop.show { opacity:0.5; }