/* These are changes that should be incorporated into custom.css via the less sources eventually. */

@media print {
	.wrapper {
		padding: 40px 0 0 0;
	}
	.hidden-print {
	 	display: none;
    	display: none !important; 
	}
	.only-screen {
	 	display: none;
    	display: none !important; 
	}

	.navbar {
		display: inline-block;
	}
	.navbar {
    	 color: #ffffff !important; 
    	 text-shadow: none!important; 
    	 background: 0 0!important; 
    	 -webkit-box-shadow: none!important; 
    	 box-shadow: none!important; 
		}
	
	*.navbar a , *.navbar a i.fa:before {
		color: #ffffff !important;
		}

	* a[href]:after {
		content: "";
	}
}

@media screen {
	.hidden-screen {
	 	display: none;
    	display: none !important; 
	}
	.only-print {
	 	display: none;
    	display: none !important; 
	}
}


#notification_modal div.modal-content {
	margin: 0px auto;
	background: #007481;
	color: white;
	font-weight: 600;
	font-size: 1.4rem;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
}

#notification_modal div.modal-content a,
#notification_modal div.modal-content a:hover,
#notification_modal div.modal-content a:visited {
	color: white;
}
























.form-control,
div.edcc-page-content .form-control {
	height: auto;
	
}



#emessage_serial_number {
	display: none;
}

#emessage_modal div.modal-content {
	margin: 0px auto;
	background: #bb0000;
	color: white;
	font-weight: 600;
	font-size: 1.4rem;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
}

#emessage_modal div.modal-content a,
#emessage_modal div.modal-content a:hover,
#emessage_modal div.modal-content a:visited {
	color: white;
}




#edcc-form-wrapper button.previous-page, #edcc-form-wrapper button.next-page {
    visibility: hidden;
}

#edcc-form-wrapper button.submit {
	visibility: visible;
}



a.edcc-jump-anchor {
    display: block;
    position: relative;
    top: -179px;
    visibility: hidden;
}







#emessage_modal {
	}

#emessage_icon_div {
	}

.emessage_icon {
	right: 10px;
	bottom: 10px;
	position: fixed;
	z-index: 100001;
	display: none;
}

div.emessage_icon span {
	}


#emessage_null {
	display: none;
}

.emessage_icon i {
	
}

.emessage_icon span i.fa-circle {
	color: #bb0000;
	font-size: 5rem;
	z-index: 99998;
	left: -10px;
	top: -5px; 
	/*background: white;*/
	}

.emessage_icon span i.fa-exclamation {
	color: white;
	font-size: 4.5rem;
	z-index: 99999;
	left: -8px;
	top: -3px; 
	/*background: white;*/
	}

/*

div#form-wrapper {
	margin-right: 0;
	margin-left: 0;
	margin: 0;
}
div.maincontent div.hobsons_form {
	background: #ffffff;
	border: none;
	margin-right: 0;
	margin-left: 0;
}

.hobsons_form form div div div.section-control {
	border: none;
}

div.hobsons_form form div div ul li {
	margin-left: 0;
	
}
div.hobsons_form form div div ul li div div.title {
	font-size: 14px;
	font-family: roboto,helvetica,arial,sans-serif;
}

div.hobsons_form form div div ul li div ul,
div.hobsons_form form div div div.dynamic-form-required {
	font-family: roboto,helvetica,arial,sans-serif;
}

div.hobsons_form form div div .dynamic-form-required {
		color: #dc5400;
}

*/






































































.video-container {
    position:relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:0;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto; } 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}