@charset "utf-8";
/* CSS Document */

#messagebox-container					{z-index: 5000; display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%;}

/*#messagebox-container > div				{height: 100%;}*/

#messagebox								{width: 536px; overflow: auto; box-shadow: 0 0 40px #222; border-radius: 4px;
									 	 position: relative; top: 50%; margin: 0 auto;}
#messagebox-header > div:first-of-type	{padding-left: 1rem; padding-right: 0.5rem; font-size: 1.2rem;}
#messagebox-header > div:last-of-type	{width: 1rem; height: 1rem; margin: 1.2rem;
								 	 	 background: url('/images/svg/close-white.svg') no-repeat center center; background-size: 1rem;}
#messagebox-header > div:last-of-type:hover{cursor: pointer; background: url('/images/svg/close-gray.svg') no-repeat center center; background-size: 1rem;}

#messagebox-content-container			{background-color: #fff;}
#messagebox-content						{padding: 1.5rem 1rem;}
#messagebox-buttons						{padding: 0 1rem 1rem 1rem; overflow: auto;}
#messagebox-buttons > div				{min-width: 60px; text-align: center;}

#messagebox-icon						{margin-right: 0.8rem; background-size: 1.6rem; width: 1.6rem; height: 1.6rem;}

.messagebox-success						{color: white !important; background-color: #95bc1e !important;}
.messagebox-success-icon				{background: url('/images/icons/iconStatusSuccessBig.png') no-repeat center center;}

.messagebox-info						{color: white !important; background-color: #418beb !important;}
.messagebox-info-icon					{background: url('/images/icons/iconStatusInfoBig.png') no-repeat center center;}

.messagebox-warning						{background-color: #f6c500 !important;}
.messagebox-warning-icon				{background: url('/images/icons/iconStatusWarningBig.png') no-repeat center center;}

.messagebox-danger						{color: white !important; background-color: #f14b2a !important;} /* ba2204 */
.messagebox-danger-icon					{background: url('/images/icons/iconStatusErrorBig.png') no-repeat center center;}


@media only screen and (max-width: 536px){
#messagebox								{width: auto; margin: 1rem;}
}