.warningbox {
	/*
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    */
	padding: 6px 10px 5px 31px;
	margin: 0 0 15px 0;
	font-size: 1rem;
	width: 774px;
}

	.warningbox.with-warning,
	.popup-content .warningbox.info, 
    .popup-content .warningbox.success {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.warningbox .head {
		font-size: 15px;
		font-weight: bold;
		color: #4d4d4d;
		padding: 5px 0 10px;
	}

	.warningbox .text {
		font-size: 13px;
		color: #333333;
	}

	.warningbox h4 {
		font-size: 15px;
		font-weight: bold;
		color: #4d4d4d;
		padding: 5px 0 10px;
	}

	.warningbox p {
		margin-bottom: 10px;
	}

	.warningbox .cta {
		padding: 30px 0px 40px 0px;
	}

	.warningbox .btn-white {
		padding: 15px 30px;
	}

	/* #region Box Types */
    .warningbox.success, .warningbox.info, .warningbox.error, .warningbox.warning {
        background-repeat: no-repeat;
        background-position: 4px -9px;
        background-size: 22px 22px;
        background-position-y: 5px;
    }

    .warningbox.nobox {
        background-image: url('../images/information-nobox.svg');
        background-repeat: no-repeat;
        background-position: 3px -9px;
        background-size: 22px 22px;
        background-position-y: 5px;
    }

        .warningbox.success.inverted, .warningbox.info.inverted, .warningbox.error.inverted, .warningbox.warning.inverted {
            color: #ffffff;
            border-color: #FFFFFF;
        }

	.warningbox.success {
		 background-image: url('../images/confirmation.svg'); 
		 background-color: #EFF7F1; 
		 border-color: #349651;
	}

        .warningbox.success.inverted {
            background-image: url('../images/confirmation-inverted.svg');
            background-color: #349651;
        }

		.warningbox.success.confirmation {
			/* background: #fff url('../images/warningbox-succes-large.png') no-repeat 10px 0; */
            background-image: url(../images/confirmation.svg);
			background-size: 100px;
			border-radius: 0px;
			padding-left: 170px;
			min-height: 110px;
			width: auto;
			border-color: #349651;
            background-color: transparent;
		}

        	    .warningbox.confirmationImg {
                    background-image: url(../images/confirmation.svg);
			        background-size: 100px;
			        border-radius: 0px;
			        padding-left: 170px;
			        min-height: 110px;
			        width: auto;
			        border-color: #349651;
                    background-color: transparent;
                    background-repeat: no-repeat;
		        }


	.warningbox.info {
		background-image: url('../images/information.svg');
        background-color: #F3F8FC; 
		border-color: #60A6DA;
	}

        .warningbox.info.inverted {
            background-image: url('../images/information-inverted.svg');
            background-color: #60A6DA;
        }

            .warningbox.informationImg {
                background-image: url(../images/information.svg);
			    background-size: 100px;
			    border-radius: 0px;
			    padding-left: 170px;
			    min-height: 110px;
			    width: auto;
			    border-color: #349651;
                background-color: transparent;
                background-repeat: no-repeat;
		    }

	.warningbox.error {
        background-image: url('../images/alert.svg');
        background-color: #fabfbf; 
		border-color: #e69e9e;
	}

        .warningbox.error.inverted {
            background-image: url('../images/alert-inverted.svg');
            background-color: #e69e9e;
        }

            .warningbox.errorImg {
                background-image: url(../images/alert.svg);
			    background-size: 100px;
			    border-radius: 0px;
			    padding-left: 170px;
			    min-height: 110px;
			    width: auto;
			    border-color: #349651;
                background-color: transparent;
                background-repeat: no-repeat;
		    }

	.warningbox.warning {
        background-image: url('../images/warning.svg');

        background-color: #ffeeb2; 
		border-color: #eeda93;
	}

        .warningbox.warning.inverted {
            background-image: url('../images/warning-inverted.svg');
            background-color: #eeda93;
        }

             .warningbox.warningImg {
                background-image: url(../images/warning.svg);
			    background-size: 100px;
			    border-radius: 0px;
			    padding-left: 170px;
			    min-height: 110px;
			    width: auto;
			    border-color: #349651;
                background-color: transparent;
                background-repeat: no-repeat;
		    }
/* #endregion Box Types */
    .warningbox .buttons{
        height:6em;
    }
    .warningbox .buttons .btn{
        display: inline-block;
        margin: 15px 0;
    }

@media only screen and (max-width: 992px) {
	.warningbox {
		width: 584px;
	}
}

@media only screen and (max-width: 768px) {
	.warningbox {
		/* background-position: center top 15px !important; */
		/* padding: 70px 20px 20px; */
		margin: 0 10px 20px 10px;
        /* support for devices that have no calc()*/
        width: 100%;
	}

		.warningbox.info {
			margin: 20px 10px;
		}

		.warningbox .head {
			font-size: 24px;
		}

		.warningbox .text {
			font-size: 20px;
			line-height: 30px;
		}
}

@media only screen and (max-width: 480px) {
	.warningbox .success .confirmation {
		padding: 0;
	}

	.warningbox.success.confirmation {
		/*background: #fff url('../images/warningbox-succes-large.png') no-repeat;*/
        background-image: url(../images/confirmation.svg);
		border: none;
		background-size: 100px;
		/* border-radius: 3px; */
		padding-left: 0;
		padding-top: 109px;
		background-position: 50% top;
		min-height: 150px;
	}
}

@media only screen and (max-width: 480px) {
	.warningbox.confirmationImg {
		padding: 0;
	}

	.warningbox.confirmationImg {
        background-image: url(../images/confirmation.svg);
		border: none;
		background-size: 100px;
		padding-left: 0;
		padding-top: 109px;
		background-position: 50% top;
		min-height: 150px;
	}
}

@media only screen and (max-width: 480px) {
	.warningbox.warningImg {
		padding: 0;
	}

	.warningbox.warningImg {
        background-image: url(../images/warning.svg);
		border: none;
		background-size: 100px;
		padding-left: 0;
		padding-top: 109px;
		background-position: 50% top;
		min-height: 150px;
	}
}

@media only screen and (max-width: 480px) {
	.warningbox.errorImg {
		padding: 0;
	}

	.warningbox.errorImg {
        background-image: url(../images/alert.svg);
		border: none;
		background-size: 100px;
		padding-left: 0;
		padding-top: 109px;
		background-position: 50% top;
		min-height: 150px;
	}
}

@media only screen and (max-width: 480px) {
	.warningbox.informationImg {
		padding: 0;
	}

	.warningbox.informationImg {
        background-image: url(../images/information.svg);
		border: none;
		background-size: 100px;
		padding-left: 0;
		padding-top: 109px;
		background-position: 50% top;
		min-height: 150px;
	}
}

/* #region Next Box */
.box.next {
	border: 1px solid #dddddd;
	margin: 20px 40px;
	padding: 10px 5px 0;
}

	.box.next .subcontent {
		background: url('images/bg_compl_content.png') repeat-x 0 0;
		margin-top: -5px;
		padding: 30px 15px;
	}

		.box.next .subcontent p:last-of-type {
			margin-bottom: 0px;
		}

/* Tablet */
@media only screen and (max-width: 768px) {

	.box.next {
		margin: 20px 0px;
	}
}

.next-balloon {
	margin-top: -25px;
	padding-left: 10px;
	position: absolute;
}

	.next-balloon em, .next-balloon b {
		height: 43px;
		float: left;
		color: #FFFFFF;
		font-size: 15px;
		font-weight: bolder;
		font-style: normal;
		line-height: 30px;
		position: relative;
	}

	.next-balloon em {
		background: url('images/whatsnext_left.png') no-repeat;
		padding-left: 10px;
		z-index: 200;
		min-width: 60px;
	}

	.next-balloon b {
		background: url('images/whatsnext_right.png') no-repeat -31px 0;
		padding-left: 15px;
		margin-left: -5px;
		z-index: 100;
	}
/* #region Next Box */

/* #region Result Box */
.resultBox {
	background: none repeat scroll 0 0 #ff6600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	display: inline-block;
	padding: 14px 24px;
	font-size: 24px;
	font-weight: bold;
}
/* #region Result Box */

.row .warningbox.info {
	margin-left: 0;
	margin-right: 0;
}