/*    		
			Header = #5a3859
			Primary Colour = #5a3859
			Secondary Colour = #c278c0
*/	


html, body {
	font-family: verdana, arial, sans-serif;
	background-color: #f7f7f7 !important;
}


/* New CSS 17/06/2016 to align Self with Beta */

#header {

background-color: #5a3859 !important;

padding:10px;
margin-top: 0px !important;

}

#header a {color: #ffffff;}



/* Things we've Controlled */
.navbar-inverse{
	background-color: #f7f7f7;
}

#navigation, .navbar-header{ display:none !important;}

#session-badge{
	display:none !important;
}


#footer a{
	color: #ffffff !important;
}

#footer a:hover {
color: #ffffff !important;
text-decoration: underline;
outline: none!important;
}
#footer a:focus{
color: #000000 !important;
text-decoration: underline;
outline: none!important;
}

input[type=checkbox] + label:before {
    margin: 4px 0 0 !important;
    line-height: normal !important;
    width: 20px !important;
    height: 20px !important;
}

input[type=radio]+label:before {
	background-color:  #f18c20 !important;
}

.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.valid input[type=checkbox]+label:before {
	background-color: #f18c20 !important;
	border-color: #f18c20 !important;
}

.fieldset.valid input[type=radio]+label:before {
	background-color: #f18c20 !important;
	border-color: #f18c20 !important;
}

.btn-primary {
    background-color:  #f18c20 !important;
}

.btn.active .caret { 
  display: none !important;
}


.service-groups a.fsservice-pretty-link h2 {
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    color: #000000;

}

.service-groups a.fsservice-pretty-link:visited h2 {
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;

}

.service-groups a.fsservice-pretty-link:hover h2 {
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;

}

.service-groups a.fsservice-pretty-link.active h2 {
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;

}

.service-groups a.fsservice-pretty-link:link, .service-groups a.fsservice-pretty-link:visited {
        color: #000000;

}

.service-groups a.fsservice-pretty-link {
    background-color: #f5f5f5 !important;
}

.service-groups a.fsservice-pretty-link.active {
    color: #ffffff !important;
    border: 1px red solid !important;
    background-color: red !important;
}

.service-groups a.fsservice-pretty-link:hover {
    color: #ffffff !important;
    border: 1px red solid !important;
    background-color: red !important;
}

a.fsservice-pretty-link:hover {
    color: #ffffff !important;
    border: 1px red solid !important;
    background-color: red !important;
}

@media only screen and (max-width: 600px) {
	#header{
		color: #5a3859 !important;
	}
	
	#self-header{
		display:block !important; 
	}
	
	#self-header img{
			height:60px !important;
			left: 45%;
			transform: translate(-50%, 0%);
			position: relative;
		}
	
  .service-groups a.fsservice-pretty-link {
    background-color: #f5f5f5 !important;
    height: 145px !important;
}

.service-groups a.fsservice-pretty-link.active {
    color: #ffffff !important;
    border: 1px red solid !important;
    height: 145px !important;
    background-color: red !important;
}

.service-groups a.fsservice-pretty-link:hover {
    color: #ffffff !important;
    border: 1px red solid !important;
    height: 145px !important;
    background-color: red !important;
}

a.fsservice-pretty-link:hover {
    color: #ffffff !important;
    border: 1px red solid !important;
    height: 145px !important;
    background-color: red !important;
}

  }



/* New CSS for Self */

/* Fix for form text cutoff by container*/
.container, .container-fluid {
    padding-left: 30px !important;
    padding-right: 30px !important;
}


#header {
    margin-bottom: 10px !important;
}

h1 {
    font-size: 3em !important;
}

.col-xs-6, col-sm-4, col-md-4 {
/*padding: 1px !important;*/
}

.col-xs-12, col-sm-4, col-md-4 {
/*padding: 1px !important;*/
}

.navbar-nav {
    margin: 0px !important;
    float: right;
    display: inline-flex;
}

.navbar-brand{
	color:black !important;
}

.navbar-inverse .navbar-brand:focus {
    color: #f18c20 !important;
    background: #f7f7f7;
    text-decoration: underline;
}

.navbar-inverse .navbar-nav>li>a:focus {
    color: #f18c20 !important;
    background: #f7f7f7 !important;
    text-decoration: underline;
}


.btn-bristol {
    background-color:  #f18c20 !important;
    padding: 1px;
    height: 117px;
}

.btn-bristol:hover, .btn-bristol:focus, .btn-bristol:active, .active.btn-bristol, .open .btn-bristol.dropdown-toggle {
    background-color:  #f18c20 !important;
    color: #ffffff;
}

.btn-onlineservices {
    background-color:  #f18c20 !important;
    color: #ffffff !important;
    padding: 1px;
    height: 117px;
}

.btn-onlineservices:hover, .btn-onlineservices:focus, .btn-onlineservices:active, .active.btn-onlineservices, .open .btn-onlineservices.dropdown-toggle {
    background-color:  #f18c20 !important;
    color: white !important;
}

.btn-homepage {
    margin-bottom: 0px;
    border: 1px #efefef solid !important;
    color: white;
    text-decoration: none !important;
}

.btn-homepage:hover, .btn-homepage:focus, .btn-homepage:active, .active.btn-homepage, .open .btn-homepage.dropdown-toggle {
    background-color:  #f18c20 !important;
    color: white;
    border: 1px #efefef solid !important;

}

.radio-label.btn:hover, .radio-label.btn:focus, .radio-label.btn:active, .active.radio-label.btn, .open .radio-label.btn.dropdown-toggle {
    background-color:  #f18c20 !important;
    color: #000 !important;
}


.checkbox-label.btn:hover, .checkbox-label.btn:focus, .checkbox-label.btn:active, .active.checkbox-label.btn, .open .checkbox-label.btn.dropdown-toggle {
    background-color:  #f18c20 !important;
    color: white !important;
}


input[type=checkbox]:checked+label.btn, input[type=radio]:checked+label.btn {
    color: #ffffff !important;
    background-color:  #f18c20 !important;
    border-color:  #f18c20 !important;
}

input[type=radio]:checked+label.btn.disabled {
     background-color: #c278c0 !important;
     color: white !important;
}

.download-pdf.data-uri-btn.col-xs-10.col-sm-10 {

visibility: hidden;

}

.btn-default {
 color: #ffffff !important;
    background-color:  #f18c20 !important;
    border-color:  #f18c20 !important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .active.btn-default, .open .btn-default.dropdown-toggle {
    background-color:  #f18c20 !important;
    color: white !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open .btn-primary.dropdown-toggle {
    background-color:  #f18c20 !important;
}

/* Button to continue without loggin in */
#anonymousLoginScreen #btn-anon {
    background-color:  #f18c20 !important;
    padding: 20px;
    color: white !important;
}

#anonymousLoginScreen #btn-anon:hover, #anonymousLoginScreen #btn-anon:focus, #anonymousLoginScreen #btn-anon:active {
    background-color:  #f18c20 !important;
    color: #ffffff;
}


/* Needed for SSRS Reports in Google Chrome*/
#ctl32_ctl09 {
overflow: visible !important;
}



@media screen and (max-width: 768px) {
	#header{
		color: #f18c20;
	}
	
#self-header{
		display:block !important; 
	}
	
		#self-header img{
			height:60px !important;
			left: 45%;
			transform: translate(-50%, 0%);
			position: relative;
		}
		
h1 {
    font-size: 2em !important;
}

.btn-bristol {
    height: inherit !important;
}
  
} 

@media screen and (max-width: 767px) {
		#header{
		color: #5a3859 !important;
	}
	
#self-header{
		display:block !important; 
	}
	
		#self-header img{
			height:60px !important;
			left: 45%;
			transform: translate(-50%, 0%);
			position: relative;
		}
		
.service-groups ul.menu li {
    width: 100% !important;
    padding: 0;
}


}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

@media screen and (max-width: 570px) {
	#header{
		color: #5a3859 !important;
	}
	
#self-header{
		display:block !important; 
	}
	
		#self-header img{
			height:60px !important;
			left: 45%;
			transform: translate(-50%, 0%);
			position: relative;
		}
		
  .col-xs-6 {
  width: 100%;
  }

	.col-xs-12{
	padding:0;

	}

#registerLink {
display: none;
}

} 



/*google translate */

.google-translate {
    width: 150px;
    float: right;
    margin-right: 20px;
    margin-top: 8px;
}

.goog-te-gadget-simple {
    background-color: #000000 !important;
    border-left: 1px solid #000000 !important;
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #fff !important;
}


/* End new CSS */



.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #ffffff;
	border-color: #cbcbcb;
	color: #252525;
}

/* Self top nav */
.btn-primary {
	background-color: #737373;
	border-color: #cbcbcb;
	color: #ffffff;
}

.btn.active .caret {
color: #ffffff;
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}

.grid-2 a {
color: #ffffff;
}

.form-link-color {
color: #015a2c;
}

.form-link-color:focus {
color: #000000 !important;
}

a {
color: red;
}

a:hover {
color: red;
text-decoration: underline;
}

a:focus {
color: #000000 !important;
background: #ffdd00;
text-decoration: underline;
}

pre {
    
white-space: pre-wrap;       /* Since CSS 2.1 */
    
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    
white-space: -pre-wrap;      /* Opera 4-6 */
    
white-space: -o-pre-wrap;    /* Opera 7 */
   
word-wrap: break-word;       /* Internet Explorer 5.5+ */
    
word-break: break-word;

font-family:arial;
}


p.small {
    
line-height: 0.8;

}

.greyheader{
    overflow: hidden;
            width: 100%;
    height: 127px;
    clear: both;
    max-width: 1170px;
    margin: 30px 15px 30px 0px;
    background-color: #434343;
}

.greyfooter {
	overflow: hidden;
	width: 100%;
	clear: both;
	max-width: 1170px;
	margin: 10px auto;
	background-color: #434343;
	color: #ffffff;
}

.lightgreyfooter {
	overflow: hidden;
	width: 100%;
	clear: both;
	max-width: 1170px;
	margin: 0px 0px 0px 0px;
	padding-left: 15px;
	background-color: #636466;
	color: #ffffff;
}

.greyfooter a {
	color: #ffffff;
}

input.SelectOne {
    border: 2px solid #eee !important;
    float: none;
    font-size: 14px;
    padding: 4px 3px;
    background-color: #FFFFE0;
    border-radius: 0;
}


/* Code for mapping in OAF */
.bws.colspan.debugfield {background-color:#E0DD1B;}
.bws.colspan.debugfield, .debugfield {display:none;}
#mapOuter label { width: auto; display:inline; }
#mapOuter img { max-width: none; max-height: none; margin: 0 !important; }


/* CSS supplied by Firmstep for bug fixes */
div.btn {white-space:normal}
.page-legacyform div.warning {text-align:left}
.ac_results {background-color:white; border:1px black solid;}
.ac_results ul {list-style-type:none; padding-left:2px}
.ac_results ul li:hover {background-color:#dddddd;}


.nextbutton, .submitbutton, .submitform {
float: right;
background-color:  #f18c20 !important;
color: #ffffff !important;
}

.cancelbutton, .previousbutton {
background-color:  #f18c20 !important;
color: #ffffff !important;
margin-bottom: 20px !important;
}


.nextbutton:hover, .cancelbutton:hover, .previousbutton:hover, .submitbutton:hover, .nextbutton:focus, .cancelbutton:focus, .previousbutton:focus, .submitbutton:focus, .nextbutton:active, .cancelbutton:active, .previousbutton:active, .submitbutton:active, .active.nextbutton, .active.cancelbutton, .active.previousbutton, .active.submitbutton, .open .nextbutton.dropdown-toggle, .open .cancelbutton.dropdown-toggle, .open .previousbutton.dropdown-toggle, .open .submitbutton.dropdown-toggle {
    background-color: #c278c0 !important;
    color: #000 !important;
}

.btn.btn-sm.btn-af.upload-button {
background-color:  #f18c20 !important;
color: #ffffff !important;
}

.nextbutton:hover, .submitform:hover {
background-color:  #f18c20 !important;
color: #ffffff !important;
}

.page-legacyform .container.content .aftextinput, .page-legacyform .container.content .aftextarea, .page-legacyform .container.content .afselectbox, .page-legacyform .container.content .renderbuttonstable select, .page-legacyform .dataelr .aftextinput, .page-legacyform .aftextarea, .page-legacyform .afselectbox, .page-legacyform .renderbuttonstable select, .page-legacyform .renderbuttonstablesidenav select, .page-legacyform .control.bws input.SelectOne {
border: 2px solid #ccc !important;}

.self-page-loading #toolbar,.self-page-loading #SelfToolbar,.self-page-loading #header,.self-page-loading #SelfHeader,.self-page-loading #navigation,.self-page-loading #SelfNavigation,.self-page-loading #self-content,.self-page-loading #SelfContent,.self-page-loading #footer,.self-page-loading #SelfFooter,.self-page-loading.page-legacyform>.content.container {
   display: block;
}