/*#######################################
	Errormessages
	-anywhere-

	Last update: <!--%DateStamp%-->05.03.2018<!---->
#######################################*/
/* big dialogs with basic click on dialog to close */
div.msgwrapper
	{
		position: relative;
	}

div.dialog-box-big
	{
		position: relative;
		width: 100%;
		min-height: 80px;
		margin-bottom: 10px;
		padding: 10px 10px 10px 50px;
		box-sizing: border-box;
		cursor: pointer;
	}

div.dialog-box-big h2
	{
		width: 95%;
		margin: 10px 0px 10px 94px;
		font-size: 26px;
		font-weight: bold;
		float: left;
	}

div.dialog-box-big p
	{
		font-size: 18px;
		color: #666666;
		display: inline-block;
	}

div.dialog-box-big .delx
	{
		position: absolute;
		top: 0px;
		right: 8px;
		font-size: 12px;
		color: #666666;
		display: none;
	}

/* Small dialogs */

div.dialog-box-small
	{
		position: relative;
		width: 100%;
		min-height: 40px;
		margin-bottom: 10px;
		padding: 10px 10px 10px 50px;
		box-sizing: border-box;
		cursor: pointer;
	}

div.dialog-box-small p
	{
		font-size: 16px;
		display: inline;
	}

div.dialog-box-small .delx
	{
		position: absolute;
		top: 0px;
		right: 8px;
		font-size: 12px;
		color: #666666;
		display: none;
	}


/* tiny dialogs */

div.dialog-box-tiny
	{
		position: relative;
		width: 100%;
		min-height: 30px;
		margin-bottom: 10px;
		padding: 3px 5px 0px 50px;
		box-sizing: border-box;
	}

div.dialog-box-tiny p
	{
		width: auto;
		margin: 0px;
		font-size: 12px;
		display: inline-block;
	}

div.dialog-box-tiny .delx-box
	{
		position: absolute;
		top: 7px;
		right: 10px;
		height: 16px;
		width: 16px;
		cursor: pointer;
		display: block;
	}

div.dialog-box-tiny .delx-box i.fa-close
	{
		position: relative;
		top: -3px;
		color: #8A8A8A;
		font-size: 18px;
	}

div.dialog-box-tiny .delx-box:hover i.fa-close
	{
		color: #FF0000;
	}

.dialog-box-big,
.dialog-box-small
	{
		-webkit-transition: background-color 0.5s ease 0s;
		-moz-transition: background-color 0.5s ease 0s;
		-o-transition: background-color 0.5s ease 0s;
		transition: background-color 0.5s ease 0s;
	}

.dialog-box-big:hover,
.dialog-box-small:hover
	{
		background-color: #FAFAFA;
	}

.dialog-box-big:hover .delx,
.dialog-box-small:hover .delx
	{

		display: block;
	}

/* BG colors */

.success-big,
.success-small,
.success-tiny
	{
		border: 1px solid #51BE21;
		background-color: #C3FBAA;
	}

.info-big,
.info-small,
.info-tiny
	{
		border: 1px solid #3E9BFC;
		background-color: #AEE6FD;
	}

.error-big,
.error-small,
.error-tiny
	{
		border: 1px solid #F74C4C;
		background-color: #FEBFBF;
	}

.warning-big,
.warning-small,
.warning-tiny
	{
		border: 1px solid #D5C913;
		background-color: #FFFAB2;
 	}

.msg-big,
.msg-small,
.msg-tiny
	{
		padding-left: 10px !important;
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
 	}

/* MSG Icons */
i.msgbox
	{
		position: absolute;
		top: 5px;
		left: 10px;
	}

.dialog-box-big .fa-check
	{
		top: 10px;
		margin: 0px 0px 0px 0px;
		color: #0CCC10;
		font-size: 34px;
	}

.dialog-box-big .fa-ban
	{
		top: 10px;
		color: #CC272F;
		font-size: 34px;
	}

.dialog-box-big .fa-exclamation
	{
		top: 10px;
		left: 20px;
		color: #CCCB5C;
		font-size: 34px;
	}

.dialog-box-big .fa-info
	{
		top: 10px;
		left: 20px;
		color: #2C87CC;
		font-size: 34px;
	}


.dialog-box-small .fa-check
	{
		top: 11px;
		left: 14px;
		color: #0CCC10;
		font-size: 24px;
	}

.dialog-box-small .fa-ban
	{
		top: 11px;
		left: 14px;
		color: #CC272F;
		font-size: 24px;
	}

.dialog-box-small .fa-exclamation
	{
		top: 11px;
		left: 22px;
		color: #CCCB5C;
		font-size: 24px;
	}

.dialog-box-small .fa-info
	{
		top: 11px;
		left: 22px;
		color: #2C87CC;
		font-size: 24px;
	}


.dialog-box-tiny .fa-check
	{
		top: 5px;
		left: 17px;
		color: #0CCC10;
		font-size: 18px;
	}

.dialog-box-tiny .fa-ban
	{
		top: 5px;
		left: 17px;
		color: #CC272F;
		font-size: 18px;
	}

.dialog-box-tiny .fa-exclamation
	{
		top: 5px;
		left: 23px;
		color: #CCCB5C;
		font-size: 18px;
	}

.dialog-box-tiny .fa-info
	{
		top: 5px;
		left: 23px;
		color: #2C87CC;
		font-size: 18px;
	}