/***********************************************************************************************************************
MessageBox - A jQuery Plugin to replace Javascript's window.alert(), window.confirm() and window.prompt() functions
    Author          : Gaspare Sganga
    Version         : 1.1
    License         : MIT
    Documentation   : http://gasparesganga.com/labs/jquery-message-box/
***********************************************************************************************************************/

/**********************************************************/
/*** Resets and basic compulsory settings. DO NOT EDIT! ***/
/**********************************************************/
#messagebox_overlay, #messagebox_overlay * {
    -webkit-box-sizing  : border-box;
    -moz-box-sizing     : border-box;
    box-sizing          : border-box;
}
#messagebox_overlay *:focus {
    outline     : 0;
}
#messagebox_overlay {
    position    : fixed;
    top         : 0px;
    left        : 0px;
    width       : 100%;
    height      : 100%;
	z-index		: 999999999998;
}
#messagebox {
    position    : fixed;
    top         : calc(50% - 80px);
	z-index		: 999999999999;
	display		: none;
}
#messagebox_buttons button::-moz-focus-inner {
    padding     : 0;
    border      : 0;
}
/**********************************************************/
/************ DO NOT EDIT BEFORE THIS POINT!!! ************/
/**********************************************************/


/**********************************************************/
/*** You can customize your MessageBox appearance here: ***/
/**********************************************************/
/* Overlay */
#messagebox_overlay {
    background-color    : rgba(255,255,255,0.6);
}

/* MessageBox Wrapper */
#messagebox {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	max-height: 90%;
	max-width: 90%;
	min-width: 300px;
	color: #303030;
	background-color: #fcfcfc;
	line-height: initial !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, 0.3);
	border: 1px solid #858585;
}

/* Content */
#messagebox_content {
    padding : 20px;
	display: flex;
}

/* Input */
#messagebox_content_input {
    color           : #303030;
    border          : 1px solid #909090;
    display         : block;
    width           : 100%;
    margin-left     : auto;
    margin-right    : auto;
    margin-top      : 10px;
    padding         : 3px;
}
    #messagebox_content_input:hover {
        border-color    : #707070;
    }
    #messagebox_content_input:focus {
        border-color    : #707070;
        box-shadow      : inset 0px 0px 3px #ffd540;
    }

/* Buttons */
#messagebox_buttons {
	background-color: #f5f5f5;
	border-top: 1px solid #c8c8c8;
	padding: 8px 9px;
	height: auto;
	display: flow-root;
}
    #messagebox_buttons button {
        font-family         : inherit;
        font-size           : inherit;
        font-weight         : bold;
        text-align          : center;
        min-width           : 60px;
        margin              : 0px 4px;
       padding             : 5px 10px;
        cursor              : pointer;
        color               : #404040;
        background-color    : #e9e9e9;
        background-image    : linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
        border              : 1px solid #c0c0c0;
        border-radius       : 2px;
		float: right;
		font-size: 11px;
    }
        #messagebox_buttons button:hover {
            color               : #202020;
            background-color    : #f0f0f0;
        }
        #messagebox_buttons button:active {
            background-color    : #e6e6e6;
            border              : 1px solid #a0a0a0;
            box-shadow          : inset 0px 0px 6px #d0d0d0;
        }
#messagebox_header{
	background-color: #f5f5f5;
	border-bottom: 1px solid #858585;
	padding: 9px 29px 10px 12px;
	text-align: left;
	height: 35px;
}
#messagebox_button_close {
	border-radius: 10px;
	cursor: pointer;
	position: absolute;
	right: 13px;
	top: 11px;
}
#messagebox_content .info{
	font-size: 2em;
	color: #31708f;
}
#messagebox_content .success{
	font-size: 2em;
	color: #076007;
}
#messagebox_content .warning{
	font-size: 2em;
	color: #F39C12;
}
#messagebox_content .failed{
	font-size: 2em;
	color: #aa0c0c;
}
#messagebox_content .content-msg{
	margin-left: 10px;
	margin-top: 3px;
}

/**********************************************************/