/* CSS Document */
.button-container::before, .button-container::after {
	content: "";
	display:block;
	float:left;
	height:1px;
	position:relative;
	background-color: #999;
	width:100%;
	margin:10px 0px;
}
.small-button:hover {
	background-size: 13px;
	
}
.small-box {
	display:block;
	color: #666;
	font-size:11px;
	padding:5px;
	overflow:hidden;
	font-style:italic;
	border:1px solid #ccc;	
}
.small-button {
    width: auto;
    padding: 4px !important;
    padding-left: 17px !important;
    float: right;
    margin: 0 !important;
    font-size: 12px;	
	background-size: 13px;
}
.tooltip_container {
	display:block;
	width:100%;
	overflow:hidden;
	text-align:left;	
}
.green-button {
	background-color:#217618 !important;	
}
.tooltip_container p { 
	font-style:italic;
}
.field_missing qu_text, .field_missing input, .field_missing select, .field_missing textarea {
	border: 1px solid #af160b !important;	
}
.field_missing::after {
	content: "Du skal udfylde feltet før du kan gå videre";
	display:block;
	overflow:hidden;
	width:250px;
	background-color: #af160b;
	position:absolute;
	height:auto;
	color: #fff;
	font-size: 12px;
	font-style:oblique;
	padding:8px;

	animation: fadein 1s;
	-webkit-animation: fadein: 1s;
	-moz-animation: fadein 1s;
	-o-animation: fadein 1s;
	-ms-animation: fadein 1s;
}

.zoomin {
	 	-webkit-animation: zoomin 0.6s; /* Safari, Chrome and Opera > 12.1 */
		   -moz-animation: zoomin 0.6s; /* Firefox < 16 */
			-ms-animation: zoomin 0.6s; /* Internet Explorer */
			 -o-animation: zoomin 0.6s; /* Opera < 12.1 */
				animation: zoomin 0.6s;
}
/* Animations */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes zoomin {
    0% { 
		transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
	}
    80% { 		
		transform: scale(1.25);
		-webkit-transform: scale(1.25);
		-o-transform: scale(1.25); 
		-moz-transform: scale(1.25);
		-ms-transform: scale(1.25);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);	
	}
}

/* Firefox < 16 */
@-moz-keyframes zoomin {
    0% { 
		transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
	}
    80% { 		
		transform: scale(1.25);
		-webkit-transform: scale(1.25);
		-o-transform: scale(1.25); 
		-moz-transform: scale(1.25);
		-ms-transform: scale(1.25);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);	
	}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes zoomin {
    0% { 
		transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
	}
    80% { 		
		transform: scale(1.25);
		-webkit-transform: scale(1.25);
		-o-transform: scale(1.25); 
		-moz-transform: scale(1.25);
		-ms-transform: scale(1.25);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);	
	}
}

/* Internet Explorer */
@-ms-keyframes zoomin {
    0% { 
		transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
	}
    80% { 		
		transform: scale(1.25);
		-webkit-transform: scale(1.25);
		-o-transform: scale(1.25); 
		-moz-transform: scale(1.25);
		-ms-transform: scale(1.25);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);	
	}
}

/* Opera < 12.1 */
@-o-keyframes zoomin {
    0% { 
		transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
	}
    80% { 		
		transform: scale(1.25);
		-webkit-transform: scale(1.25);
		-o-transform: scale(1.25); 
		-moz-transform: scale(1.25);
		-ms-transform: scale(1.25);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);	
	}

}