/* COMMON MESSAGE OVERLAY STYLES */
.HIG_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding-bottom: 100px; background-color: rgba(0, 0, 0, 0.3); z-index: 200;}

.HIG_overlay .wrapper { position: relative; overflow-y: auto; width: 100%; height: 100vh;}

.HIG_overlay .inner { position: relative; width: 90%; max-width: 600px; margin: 60px auto 20px auto; box-sizing: border-box; padding: 15px; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 10px #fff;}

.HIG_overlay .caption { position: relative; margin: 0 auto 0 auto; line-height: 32px; font-size: 24px; font-weight: 700; color: #111; text-align: center;}

.HIG_overlay.message .message { width: 100%; margin-top: 10px; box-sizing: border-box; color: #111; font-size: 16px; line-height: 25px; min-height: 100px; text-align: center;}

.HIG_overlay.message .buttons { position: relative; text-align: center; margin-top: 40px; }

.HIG_overlay.message .buttons > * { display: inline-block; margin: 0 10px 0 10px; box-sizing: border-box; padding: 0 10px 0 10px; min-width: 120px; line-height: 35px; font-size: 16px; border-radius: 5px; cursor: pointer;}


/* INFO MESSAGE OVERLAY */
#default_static_overlay_info .inner { border: 2px solid #111;}

#default_static_overlay_info .inner:focus-visible { outline: 2px solid #fff; outline-offset: 3px;}

#default_static_overlay_info .caption { color: #111; border-bottom: 2px solid #111;}

#default_static_overlay_info .btn_close { background-color: #111; color: #fff; border: none;}

#default_static_overlay_info .btn_close:focus-visible { outline: 2px solid #000; outline-offset: 3px;}

#default_static_overlay_info .btn_close:hover { background-color: #333;}

#default_static_overlay_info .btn_close_icon { display: none; background-color: transparent; border: none;}


/* ERROR MESSAGE OVERLAY */
#default_static_overlay_error .inner { border: 2px solid #111; background-color: #fff;/*#ffffbb;*/}

#default_static_overlay_error .caption { color: #111; border-bottom: 2px solid #111;}

#default_static_overlay_error .btn_close { background-color: #111; color: #fff;}

#default_static_overlay_error .btn_close:hover { background-color: #333;}


/* CONFIRM MESSAGE OVERLAY */
#default_static_overlay_confirm .inner { border: 2px solid #144cb3; background-color: #fff;}

#default_static_overlay_confirm .caption { color: #144cb3; border-bottom: 2px solid #144cb3;}

#default_static_overlay_confirm .btn_confirm { background-color: #144cb3; color: #fff;}

#default_static_overlay_confirm .btn_confirm:hover { background-color: #2b6de8;}

#default_static_overlay_confirm .btn_cancel { background-color: #111; color: #fff;}

#default_static_overlay_confirm .btn_cancel:hover { background-color: #333;}

#default_static_overlay_confirm .note { text-align: center; width: 100%; margin: 10px auto 10px auto; color: #111; font-size: 16px; line-height: 25px; font-weight: 700;}

/* CONFIRM MESSAGE OVERLAY -> WARNING MODE */
#default_static_overlay_confirm.warning_mode .inner { border: 2px solid #aa0000; background-color: #fff;/*#ffffbb;*/}

#default_static_overlay_confirm.warning_mode .caption { color: #aa0000; border-bottom: 2px solid #aa0000;}

#default_static_overlay_confirm.warning_mode .btn_confirm { background-color: #aa0000; color: #fff;}

#default_static_overlay_confirm.warning_mode .btn_confirm:hover { background-color: #bb1111;}


/* CONFIRM UNLOAD MESSAGE OVERLAY */
#default_static_overlay_confirm_unload .inner { border: 2px solid #aa0000; background-color: #fff;/*#ffffbb;*/}

#default_static_overlay_confirm_unload .caption { color: #aa0000; border-bottom: 2px solid #aa0000;}

#default_static_overlay_confirm_unload .btn_confirm { background-color: #aa0000; color: #fff;}

#default_static_overlay_confirm_unload .btn_confirm:hover { background-color: #bb1111;}

#default_static_overlay_confirm_unload .btn_cancel { background-color: #111; color: #fff;}

#default_static_overlay_confirm_unload .btn_cancel:hover { background-color: #333;}


/*TODO: TESTEN*/
.HIG_overlay.message .message a { text-decoration: underline;}

.HIG_overlay.message .message ul { text-align: left; line-height: 22px; max-width: 300px; margin: 10px auto 30px auto; font-size: 14px;}


/*TODO: CUSTOM OVERLAYS AND TEXT INPUT OVERLAY*/
#default_static_overlay_text_input input { width: 360px; max-width: 100%; height: 30px; line-height: 30px; margin-bottom: 10px; box-sizing: border-box; padding: 0 5px 0 5px; font-size: 15px; outline: none;}

#default_static_overlay_text_input .default_form_checkbox_privacy_wrapper { display: none; position: relative; width: 360px; max-width: 100%; box-sizing: border-box; margin: 10px auto 10px auto; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff;}

#default_static_overlay_text_input .default_form_checkbox_privacy { display: block; float: left; margin: 3px; height: 25px; width: 25px;}

#default_static_overlay_text_input .default_form_checkbox_privacy_label { display: block; width: 80%; float: right; font-size: 11px; text-align: justify; line-height: 15px;}

#default_static_overlay_text_input .default_form_checkbox_privacy_label a{ text-decoration: underline;}

#default_static_overlay_text_input .btn_confirm.inactive { background-color: #ccc; color: #999;}