/*
	Loaded SECOND to set application specific defaults on basic elements.
	
	E.g. font, text colors, input + button styles.
	
	Also contains very common functional styles like error flags that are useful on public forms as well as the backoffice.
*/
* {
}

html, body {
	background: none;
	padding: 0;
	min-height: 100%;
	height: 100%;
	margin: 0;
}

html {
	overflow-y:scroll;
}

html.hide_scroll {
	overflow-y:hidden;
}

body {
	margin:0;
	padding:0;
  min-height: 100%;
  height: 100%;
	color: rgba(51, 51, 51, 1)/*C_TEXT*/;
}

a {
	cursor: pointer;
}

input[type=text],
input[type=password],
textarea,
select {
	font-size: 14px;
	padding: 5px;
}

input[type=submit],
input[type=image],
button,
a.button {
	font-size: 16px;
	font-weight: 600;
	padding: 10px;
	background: rgba(51, 51, 51, 1)/*C_BUTTON_BG*/;
	color: rgba(255, 255, 255, 1)/*C_BUTTON*/;
	border: 1px solid rgba(51, 51, 51, 1)/*C_BUTTON_BG*/;
}

input[type=submit]:hover,
input[type=image]:hover,
button:hover,
a.button:hover {
	background: rgba(224, 5, 109, 1)/*C_BUTTON_HOV_BG*/;
	border: 1px solid rgba(224, 5, 109, 1)/*C_BUTTON_HOV_BG*/;
}

input[type=text],
input[type=password],
input[type=checkbox],
textarea,
select,
input[type=submit],
input[type=image],
button,
a.button {
	box-sizing: border-box; /* This makes it much easier to align input fields */
}

/* 
	Common ================================================================================================================================================================
*/

/* Useful for postcode inputs */
.uppercase {
	text-transform: uppercase;
}
/* Un-transform the placeholder text so it can include instructions */
::-webkit-input-placeholder { /* WebKit browsers */ text-transform: none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-transform: none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ text-transform: none;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ text-transform: none;}


.currency.gbp:before {
	content: '\00a3'
}

/* 
	Error flags ================================================================================================================================================================
*/
.ef {
	display: none;
	padding: 0.5em;
	background: #ff4f1e;
	color: #ffffff;
	border-radius: 2px;
	margin-bottom: 0.25em;
}

.wf {
	display: none;
	padding: 0.5em;
	background: rgba(255, 228, 30, 0.5);
	color: #ffffff;
	border-radius: 2px;
	margin-bottom: 0.25em;
}

.ef.static, .wf.static {
	display: inherit;
}

.ef-summary {
	display: none;
	padding: 0.5em;
	background: #ff4f1e;
	color: #ffffff;
	border-radius: 2px;
	margin-bottom: 0.25em;
	font-size: 1.25em;
	display: none;
}

.efs_major .ef {
	font-size: 1.25em;
}

.efs_major .ef:before {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	content: '\f071';
	padding-right: 0.5em;
}

/*
	Used for login view
*/
.validation-summary-errors ul {
	margin: 0;
	padding: 0;
}

.validation-summary-errors li {
	padding: 0.5em;
	background: #ff4f1e;
	color: #ffffff;
	border-radius: 2px;
	margin-bottom: 0.25em;
	list-style: none;
}
/* */

/* clearfix rows so don't have to keep adding the class */
.row:before,
.row:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}

.row:after{
	clear: both;
}

.row {
	zoom: 1;
} /* IE < 8 */