/**************************************************************************************************
* Reading Borough Council - Firmstep Self CSS
* Last updated: 2018-02-08 by AWB
**************************************************************************************************/



/**************************************************************************************************
* Contents
* -------------------------------------------------------------------------------------------------
* S01. Fonts
* S02. General page elements
* S03. General text elements
* S04. Account bar
* S05. Header bar
* S06. Footer bar
* S07. Lists
* S08. Dropdown menus
* S09. Services list
* S10. My Accounts landing page - summary box
* S11. Anonymous login screen
* S12. Service rating screen
* S19. New website styles
**************************************************************************************************/



/**************************************************
* S01. Fonts
**************************************************/

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v9/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v9/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v8/gk5FxslNkTTHtojXrkp-xMmDra0ONnO3FPH--kzkC5zr7w4p9aSvGirXi6XmeXNA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensanscondensed/v8/gk5FxslNkTTHtojXrkp-xGAzD5WKQVN4wSyA0MYYi4rr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v8/gk5FxslNkTTHtojXrkp-xIgEy7irt_A5K-aDq9kG7DHr7w4p9aSvGirXi6XmeXNA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensanscondensed/v8/gk5FxslNkTTHtojXrkp-xM6Eyu0BCqAfob_z3hhzRFzr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
}

/* Whole screen error - e.g. payment cancellation */
table.publishedmessagetable {
    border: none;
}
table.publishedmessagetable input {
    margin-top: 20px !important;
}
table.publishedmessagetable tr:first-child td {
    padding-top: 55px !important;
}

/* Petitions 'sign petition' modal dialog */
#signModal .sign-petition h4 {
    display: none;
}
#signModal .modal-footer {
    margin-top: -15px; !important;
}

.thumbnail {

    font-size: initial;
}



/**************************************************
* S02. General page elements
**************************************************/

body {
	font-family: "Open Sans", sans-serif;
	font-size: 1.45em;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	border-radius: 0px !important;
}

#self-content {
    padding: 0;
}

@media (max-width:767px) {
    #self-content {
        padding: 0 15px;
    }
}

.navbar .left,
.container .left {
	float: left;
}

.navbar .right,
.container .right {
	float: right;
}

.transition, p a,
.callout-box,
.pg-btn,
ul.promo-list li a,
header h1 a,
#header h1 a,
.header h1 a,
.b-crumb ul li a,
footer ul li a,
footer .small-print p a,
.btn.btn-lg.btn-primary,
.btn.btn-primary,
.btn-info,
.btn,
.btn.default,
.fsservice-pretty-link,
#btn-anon {
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

.shadow-white,
.dev,
.test {
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}

.shadow-black,
.train,
.live,
header h1,
.header h1,
#header h1 {
	text-shadow: 1px 1px 0px rgba(70, 84, 93, 0.4);
}

.dev {
	background-color: #fdcb4c;
	color: black;
	display: inline-block;
	padding: 0.5em 1em;
	margin: 1px 0.75em 0 0.75em;
	font-weight: 700;
	font-size: 0.75em;
	text-transform: uppercase;
}

.test {
	background-color: #99c430;
	color: black;
	display: inline-block;
	padding: 0.5em 1em;
	margin: 1px 0.75em 0 0.75em;
	font-weight: 700;
	font-size: 0.75em;
	text-transform: uppercase;
}

.train {
	background-color: #ae5280;
	color: white;
	display: inline-block;
	padding: 0.5em 1em;
	margin: 1px 0.75em 0 0.75em;
	font-weight: 700;
	font-size: 0.75em;
	text-transform: uppercase;
}

.live {
	background-color: #0071ba;
	color: white;
}

.singin {
	background-color: #fdcb4c;
	color: black;
}

.search {
	background-color: #0071BA;
	color: white;
	height: 26px;
	margin-right: 10px;
}

 #toolbar #session-badge .dropdown > a {
	color: #ffffff !important;
	border-color: #404040;
	font-size: 1em;
	font-weight: 400;
	border-radius: 0;
	height: 45px;
	padding-top:12px;
	padding-bottom: 10px;
}

#session-badge {
	

}

#session-badge li {
	display: block;
}

.login-link {
	margin-top: 1px !important;
	padding: 2px 8px 3px 8px !important;
	color: #ffffff !important;
	margin-top: 5px;
	background-color: #000000 !important;
    color: black;
	font-size: 1em;
	font-weight: 400 !important;
}

.petitions {
	padding-bottom: 40px !important;
}

div#toolbar {
	min-width: 100%;
}

body.page-legacyform .navbar.main .container {
	margin-top: 10px;
}

.modal-footer {
	clear: both;
}

.renderdisplaytable {
	margin-top: 10px;
}

.dataell.leftlabel {
}

.page-legacyform .content.container {
    padding: 0;
}

.page-legacyform .content.container .leftlabel.fieldlabel,
.page-legacyform .content.container .nondatael {
	font-size: 1em;
	font-weight: 400 !important;
}

.page-legacyform .content.container .dataell.bws.fieldlabel.leftlabel {
	font-weight: 700 !important;
}

/* Subform heading */
.subform legend {
	font-size: 1em;
	font-weight: 700;
}

/* ? icon help text */
.helptext {
	font-weight: 400;
}

a#ccc-beta-tag {
    display: none;
    float: right;
    padding: 8px;
    margin: -15px 8px;
    background-color: #fdcb4c;
    color: black;
    transition: all 0.5s ease-in 0s;
	-webkit-transition: all 0.5s ease-in 0s;
}

a#ccc-beta-tag:hover {
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    box-shadow: 0 0 10px black;
}



/************************************************
* S03. General text elements
************************************************/

.header-style,
h1,
h2,
h3,
h4 {
	color: #46545d;
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 700 !important;
}

.body-style,
p {
	color: black;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
}

h1 {
	font-size: 3.375em;
	line-height: 0.8888em;
}

h1.title {
    margin-top: 10px;
    margin-bottom: 30px;
}

h2 {
	margin: 1.3714em 0 0.6857em 0;
	font-size: 2.1875em;
	line-height: 1.3714em;
}

h3 {
	margin: 1.7142em 0 0.8751em 0;
	font-size: 1.75em;
	line-height: 1.7142em;
}

p {
	font-size: 1.1em;
	line-height: 1.5em;
}

p a {
	font-weight: 700;
}

p.first {
	font-size: 1.1em;
}

.lead {
	font-size: 1.2em !important;
}

.page-legacyform #toolbar .navbar {
	font-family: "Open Sans", sans-serif;
}

.widget-container h2 {
	margin: 20px 0 0 0;
}

.dropdown-menu {
	border-radius: 0;
}

.dropdown-menu li a {
	font-family: "Open Sans", sans-serif !important;
}

.page-legacyform a {
	font-weight: inherit;
}

.progressbartoptable ol li input {
	font-family: "Open Sans", sans-serif !important;
}

#navigation a {
	font-family: "Open Sans", sans-serif;
}
	
a:hover, a:focus {
	text-decoration: underline;
	outline: 0;
}
	
/*Form Text Headings*/
form h1 {
	font-size: 1.6em!important;
}

form h2 {
	font-size: 1.4em!important;
}

/* FontAwesome */
.fa {
	margin-right: 5px;
}



/************************************************
* S04. Account bar
************************************************/

#navigation {
}

/* Added 2016 08 26 */
#navigation {
    margin-top: 0;
}

#navigation:before {
    background-color: #E6E6E6;
    content: "";
    height: 53px;
    width: 100%;
    left: 0;
    position: absolute;
}

#navigation .btn-lg {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 767px) {
    #navigation {
        margin-top: 0 !important;
    }

    #navigation:before {
        height: 54px;
    }
    
    .sections-toggle-wrapper {
        padding-left: 10px !important;
        min-height: 2em !important;
    }

    .sections-toggle-wrapper span {
        top: 0.5em !important;
        font-size: 0.7em !important;
    }

    .sectionsHead ul li a {
        padding-left: 10px !important;
        font-size: 0.8em !important;
    }
}
/* */

nav, div.navbar.main.navbar-static-top {
	overflow: visible;
	padding: 0.75em 0;
	background-color: #46545d;
	border-bottom: 1px solid #232a2f;
}

nav .env-box {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0 0.75em 0 0;
    font-weight: 700;
    font-size: 0.75em;
    text-transform: uppercase;
}

.navbar {
	padding: 0 0 0 0;
	border: none;
}
    
.btn-nav {
    font-family: "Open Sans", sans-serif;
    background-color: #E6E6E6;
}
    
.btn-nav:hover {
    text-decoration: underline;
}
		
.navbar-nav li {
	margin: 0;
}

.navbar .btn-lg {
	border: none;
}

#session-badge .dropdown-menu {
	width: 100%;
}

@media(max-width: 767px) {
	.navbar {
		margin-bottom: 10px;
		/*border: none !important;*/
	}

	div#navigation {
		margin-top: 25px !important;
	}

	.navbar-nav {
		background-color: #E6E6E6;
		margin-top: 0;
	}

	.navbar-nav li {
		border: none !important;
	}

	.navbar-nav li a:hover {
		text-decoration: underline;
	}
	.brand-image {
	display: none;
}



    #session-badge {
        display: inline-block;
        float: right;
        margin: 0 5px 0 0;
	background-color: #46545D;
    }
    
    .env-box {
        margin-top: 0;
    }
    
    #session-badge .dropdown-menu {
        background-color: #E6E6E6;
        color: #333333;
        border: 1px solid #000000;
    }
    
    #session-badge .dropdown-menu>li>a {
        color: #333333;
        padding: 3px 20px;
    }
    
    #session-badge .dropdown-menu .divider {
        display: none;
    }

#header {
    background: url(https://fs-filestore-eu.s3.amazonaws.com/reading/test/images/TownHall.jpg) 50% !important;
    max-height: 50px !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    margin-left: -125px !important;
    }
}



/************************************************
* S05. Header bar
************************************************/

.navbar>.container .navbar-brand {
	display: none;
}

.header .row .col-md-4 {
    display: none;
}

.header .container a img {
	display: none;
}

.header .container .row	h1 a:hover{
	text-decoration: underline;
	color: #d4ecfc;
} 

#header {
	padding: 2.25em 0;
	margin: 0;
	background-color: #571B52;
	color: white;
	background: repeating-linear-gradient(45deg, #571B52, #571B52 10px, #280c26 10px, #280c26 20px);}
    
header h1,
#header h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 2.375em !important;
    font-weight: 700;
}
    
header h1 a,
#header h1 a {
    color: white;
}
    
#header h1 a:hover {
    color: #d4ecfc;
    text-decoration: underline;
}

@media (max-width:767px) {
    #header .row {
        margin: 0;
    }
}

.backtosite {
	color: #ffffff !important !important !important;
	position: relative;
    	top: 12px;
	height: 45px;
	padding-top:12px;
	padding-bottom: 10px;

}

.backtosite a:link {
	color: #ffffff !important;
}

#backtosite a:hover {
	color: #ffffff !important;
	text-decoration: underline;
}

/************************************************
* S06. Footer bar
************************************************/

footer {
	margin: 3em 0 0 0;
	padding: 1.5em 0 0 0;
	background-color: #46545d;
	border-top: 0.75em solid #0071ba;
	color: white;
	font-size: 0.875em;
}
    
footer img {
    max-height: 100px;
}

footer ul {
    float: left;
    margin: 3.25em 0 0 0;
    padding: 0;
}

footer ul li {
    display: inline-block;
    margin: 0 0.75em 0 0;
    padding: 0;
}

footer ul li a {
    color: white;
}
    
footer ul li a:hover {
    text-decoration: underline;
}

footer .small-print {
    padding: 3em 0;
    margin: 1.5em 0 1.5em 0;
    background-color: white;
}

footer .small-print p {
    color: #737373;
    font-size: 0.875em;
    text-align: center;
}

footer .small-print p a {
    font-weight: 400;
}

/* Google Translate box */
div#google_translate_element {
	float: right;
	margin: 2.565em 0 0 0;
    background-color: white;
	padding: 0.25em 0.25em;
	border-radius: 0.5em;
}

div.goog-te-gadget-simple {
    border: none !important;
}
    
@media(max-width: 767px) {
	#ccc-footer-logo {
		text-align: center;
	}
	
	.img-responsive {
		margin-left: auto;
		margin-right: auto;
	}
    
	footer .col-sm-9 {
		text-align: center;
	}
    
    div#google_translate_element {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1em;
        display: inline-block;
        float: none;
        width: auto;
    }
}
		


/************************************************
* S07. Lists
************************************************/

ul.promo-list {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 0.5em;
	color: #0071ba;
	font-size: 1em;
}

ul.promo-list li {
    margin: 0 0 0.5em 0;
}

ol li {
	margin: 0 0 0.5em 0;
}

ul li {
	margin: 0 0 0.5em 0;
}



/************************************************
* S08. Dropdown menus
************************************************/

.dropdown-menu {
	width: 100%;
	background-color: #E6E6E6;
}

.dropdown-menu li {
	padding: 0 0 0 0 !important;
	margin: 0 !important;
}

.dropdown-menu li a {
	text-transform: capitalize;
}

.dropdown-menu li a:hover {
	text-decoration: underline;
}

.dropdown-menu li a :active {
	padding: 5px 0 0 0 !important;
}

#toolbar .navbar li a {
	background: none !important;
}

#toolbar .navbar li a:hover {
	text-decoration: underline;
}

#navDropdownToggle i {
	font-size: 18pt;
}

div#frame-container {
	padding-left: 0px !important;
}



/************************************************
* S09. Old AF - Form elements
************************************************/

#form-wrapper .formouter {
    margin-top: 0;
}

.control-label,
#registrationForm .form-group label {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
}

.legend {
	color: #46545d;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 1.75em;
	font-weight: 700;
}

.page-legacyform .warning {
	text-align: left;
}



/************************************************
* S10. Old AF - Form buttons
************************************************/

.callout-box {
	display: block;
	padding: 1em;
	margin: 1.5em 0;
	background-color: #e6e6e6;
	text-decoration: none;
	text-align: center;
}

.callout-box h2 {
    margin: 0;
    padding: 0;
    color: #46545d;
    font-size: 1.2em;
    line-height: 1.2;
}

.callout-box h3 {
    margin: 0.25em 0;
    padding: 0;
    color: black;
    font-size: 1.5em;
    font-weight: 700;
}

.callout-box p {
    margin: 0;
    padding: 0;
    color: black;
    font-size: 0.9em;
}

.callout-box:hover {
    cursor: pointer;
    background-color: #d4ecfc;
    text-decoration: none;
}
	
.callout-box:focus {
	text-decoration: none;
}

.action {
	background-color: #fdcb4c;
}

.pg-btn {
	display: inline-block;
	margin: 1.5em 0;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 1.6em;
	font-weight: 700;
}

.pg-btn p {
    margin: 0 1.4em;
    color: #0071ba;
    font-size: 0.6em;
}

.pg-btn:hover {
    cursor: pointer;
    text-decoration: none;
}
    
.pg-btn .div-left {
    text-align: left;
}
    
.pg-btn .div-right {
    text-align: right;
}

.form-btns {
	margin-top: 30px;
}

.form-btn {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0 0.5em 0 0;
    border: none;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 1.2em;
    font-weight: 700;
}

.submit {
	background-color: #fdcb4c;
}

.cancel {
	background-color: #ae5280;
	color: white;
}

.save {
	background-color: #99c430;
	color: white;
}

.btn-active,
.btn:active,
.btn.active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

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

.btn,
.btn-primary,
.btn.btn-primary,
.btn-default#login {
	color: #428bca !important;
	background-color: #E6E6E6 !important;
	border-color: #E6E6E6 !important;
}

#login:hover,
#register:hover,
.btn-primary:hover,
.btn-default:hover,
.btn-custom:hover,
#llpg_lookupButton:hover,
.btn-info:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	color: #000000 !important;
	background-color: #ffffff !important;
}

#login-fam_firmstep,
#login-fam_ccc {
	color: #000;
	margin-left: 1.5em;
	border-radius: 0;
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 700;
}

#login-fam_firmstep:hover,
#login-fam_ccc:hover {
	color: #000;
	background-color: #d4ecfc;
	border-color: #d4ecfc;
}

.btn-info {
	color: #428bca;
	background-color: #E6E6E6;
	border-color: #E6E6E6;
}

.btn-group.hidden-xs.clearfix {
	font-size: 1.2em;
}

/* Input box */
.page-legacyform .dataelr .aftextinput,
.page-legacyform .content.container .aftextinput {
	float: none;
	padding: 6px 12px;
	background-color: #fff;
	border-radius: 0px;
	display: inline;
	height: 34px;
	line-height: 1.42857143;
	color: #555;
	background-image: none !important;
	border: 1px solid #ccc !important;
}

form input[type="submit"] {
	border-radius: 0;
	border: 0 !important;
	background-image: none !important;
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 0.5em 1em;
	margin: 0 0.5em 0 0;
	box-shadow: none;
	-webkit-font-smoothing: antialiased;
}

form input[type="submit"].submitform {
	background-color: #fdcb4c !important;
	color: #000 !important;
	float: right;
}

form input[type="submit"].savebutton {
	background-color: #99c430 !important;
	color: #fff !important;
}

form input[type="submit"].cancelbutton {
	background-color: #ae5280 !important;
	color: #fff !important;
}

form input[type="submit"].submitform:hover {
	background-image: -moz-linear-gradient(center top , #fdcb4c, #fdcb4c)!important;
    background-image: -ms-linear-gradient(top, #fdcb4c, #fdcb4c)!important;
    background-image: -webkit-linear-gradient(top, #fdcb4c, #fdcb4c)!important;
    background-image: -o-linear-gradient(top, #fdcb4c, #fdcb4c)!important;
}

form input[type="submit"].savebutton:hover {
	background-image: -moz-linear-gradient(center top , #99c430, #99c430)!important;
    background-image: -ms-linear-gradient(top, #99c430, #99c430)!important;
    background-image: -webkit-linear-gradient(top, #99c430, #99c430)!important;
    background-image: -o-linear-gradient(top, #99c430, #99c430)!important;
}

form input[type="submit"].cancelbutton:hover {
	background-image: -moz-linear-gradient(center top , #ae5280, #ae5280)!important;
    background-image: -ms-linear-gradient(top, #ae5280, #ae5280)!important;
    background-image: -webkit-linear-gradient(top, #ae5280, #ae5280)!important;
    background-image: -o-linear-gradient(top, #ae5280, #ae5280)!important;
}

.afnavbuttons {
	background: none !important;
	border-top: none !important;
	text-align: center;
	width: 100%;
}

form input[type="submit"].nextbutton {
	color: #FFF !important;
	float: right;
}

form input[type="submit"].previous {
	color: #FFF !important;
	float: left;
}

form input[type="submit"].previous {
	color: #FFF !important;
	float: left;
}

form input[type="submit"]:hover {
	background-color: #99C6E3 !important;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

.deletesubformbutton {
	float: right;
}

.deletesubformbutton.entersubmit {
	float: none;
}

@media (max-width: 700px) {
	.page-legacyform .content.container .renderdisplaytable .renderbuttonstablesidenav {
		width: 100% !important;
	}
}

.btn {
	border-radius: 0;
}

form input[type="submit"].genericsubmit.nextbutton {
    font-size: 1.2em !important;
}

form input[type="submit"].genericsubmit.previous {
    font-size: 1.2em !important;
}

form input[type="submit"].genericsubmit.submitform {
    font-size: 1.2em !important;
}



/************************************************
* S11. Old AF - Top progress bar
************************************************/

.page-legacyform .content.container .progressbartoptable {
	border-bottom: 1px dotted #000;
	padding:0 0 2em 0;
}

.page-legacyform .progressbartoptable .activenav .progress1,
.page-legacyform .progressbartoptable .inactivenav .progress1 {
	background: none !important;
	color: #428bca !important;
	border: none !important;
	box-shadow: none;
}

.page-legacyform .progressbartoptable .inactivenav .progress0 {
	background-color: rgba(0,0,0,0) !important;
	color: #000 !important;
	border: none !important;
	box-shadow: none;
}

.page-legacyform .progressbartoptable .inactivenav .progress0:hover {
	background: none !important;
	color: #428bca !important;
	text-decoration: underline;
}

.afternavbutton:after {
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0 !important;
    margin-top: 0 !important;
    content:">" !important;
}

.page-legacyform .progressbartoptable ol>li:last-child span.afternavbutton:after {
	display: none;
}
	
.b-crumb {
	font-size: .76em;
}

.b-crumb ul {
    list-style-type: none;
    padding: 2em 0;
    border-bottom: 1px dotted #d8d8d8;
}
  
.b-crumb ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
        
.b-crumb ul li i {
    margin: 0 0.5em;
}

        
        
/************************************************
* S12. Old AF - Side progress bar
************************************************/

.page-legacyform .sectionnametable .progressol .progress1,
.page-legacyform .sectionnametable .progressol .progress1nonclickable,
.page-legacyform .sectionnametable .progressol .progressvalid {
	font-family: "Open Sans", sans-serif;
	background-color: #0071BA !important;
	border: none !important;
	font-size: 1em;
	padding: 0.5em !important;
	margin-bottom: 2px !important;
}

/* Upcoming sidebar item */
.page-legacyform .sectionnametable .progressol .progress0,
.page-legacyform .sectionnametable .progressol .progress0nonclickable {
	font-family: "Open Sans", sans-serif;
	background-color: #E6E6E6 !important;
	border: none !important;
	font-size: 1em;
	padding: 0.5em !important;
	margin-bottom: 2px !important;
}

.page-legacyform .sectionnametable .progressol .progress0:hover,
.page-legacyform .sectionnametable .progressol .progress1:hover {
	background-color: #99C6E3 !important;
}

form .progressbartoptable .progress1,
.sectionnametable .progress1,
form .progressbartoptable .progress1nonclickable,
.sectionnametable .progress1nonclickable {
	border: none !important;
}

.btn-lg,
.btn-group-lg>.btn {
	border-radius: 0px !important;
}

.btn-active {
	box-shadow: none !important;
}

.page-legacyform .sectionnametable .progressol .progress1.activesection {
	background-color: #fdcb4c !important;
	color: #555555 !important;
}



/**************************************************
* S13. Old AF - Currency / money box alignment
**************************************************/

.moneycontainer {
	margin-left: -15px;
}

.moneycontainer .moneycontrol {
	margin-left: 5px;
}



/**************************************************
* S14. Old AF - Sort code / multi-box alignment
**************************************************/

.compound {
	margin: 0px;
}

.compound .aftextinput {
	margin: 0 10px 0 10px;
}

.compound .aftextinput:first-of-type {
	margin-left: 0;
}

.compound .aftextinput:last-child {
	margin-right: 0;
}



/************************************************
* S15. Services list
************************************************/

.search-form {
	margin-bottom: 15px;
}

.search-form .search input {
	border-radius: 0;
	padding: 10px 15px;
	font-size: 1em;
}

.fsservice-pretty-link {
    height: auto !important;
    padding: 8px 12px !important;
	border-radius: 0 !important;
	border: none !important;
	background-color: #E6E6E6;
}

.fsservice-pretty-link div {
    display: none;
}

.fsservice-pretty-link:hover {
	text-decoration: underline;
}

.service-groups a.fsservice-pretty-link.hover {
	text-decoration: underline;
}

.service-groups a.fsservice-pretty-link.active {
	text-decoration: underline;	
}

.fsservice-pretty-link:hover,
.fsservice-pretty-link.active {
	text-decoration: underline;
}

.fsservice-pretty-link h2 {
	font-size: 1.75em;
}

.service-groups a.fsservice-pretty-link.active {
	text-decoration: underline;
}

.service-groups ul.menu li {
    width: auto;
    padding: 0 10px 0 0;
    margin: 0 0 10px 0;
}

h3.serviceColumnLetter {
    line-height: 1;
    margin: 0 0 10px 0;
}

.desktop_forms h1,
.mobile_forms h1 {
	display: none;
}

.grouped-services .col-sm-4,
.grouped-services .col-sm-6 {
    border-right: solid 1px #E6E6E6;
}

.grouped-services .col-sm-4 .row,
.grouped-services .col-sm-6 .row {
    border-bottom: solid 1px #E6E6E6;
    margin: 0 10px 10px 0;
}

.grouped-services .col-sm-4 .row:last-child,
.grouped-services .col-sm-6 .row:last-child {
    border-bottom: none;
}

@media (max-width:991px) {
	.fsservice-pretty-link {
		height: auto !important;
	}
}

@media (max-width:767px) {
	.service-groups ul.menu li {
	   width: 100%;
       padding: 0;
	}

	.fsservice-pretty-link {
		height: auto !important;
		font-size: 0.6em;
		padding: 5px 10px !important;
	}
    
	.desktop_forms {
		max-width: 100%;
	}

	.grouped-services {
		width: 100% !important;
    }
    
    .grouped-services .col-sm-4,
    .grouped-services .col-sm-6 {
        border-right: none;
    }
    
    .grouped-services .col-sm-4 .row,
    .grouped-services .col-sm-6 .row {
        border-bottom: solid 1px #E6E6E6;

    }
    
    .grouped-services .col-sm-4 .row:last-child,
    .grouped-services .col-sm-6 .row:last-child {
        border-bottom: solid 1px #E6E6E6;
    }
}



/************************************************
* S16. My Accounts landing page - summary box
************************************************/

.accounts-summary {
	border-bottom: solid 1px #E6E6E6;
	padding-bottom: 10px;
    margin-bottom: 10px;
}

.accounts-summary:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.accounts-summary .btn-info {
	margin-top: 5px;
	width: 100%;
	background-color: #E6E6E6;
	border-radius: 0;
}

.accounts-summary .btn-info:hover {
	background-color: #fdcb4c;
	border: solid 1px #fdcb4c;
}

.accounts-summary .title,
.accounts-summary .account-id {
	font-weight: 700;
}

.accounts-summary .account-id {
	color: #0071ba;
}

#service_list_container .panel-body {
	padding-top: 5px;
	border: none;
}

#service_list_container .panel-info {
	border-radius :0;
	border: none;
	box-shadow: none;
	border: solid 1px #bce8f1;
}

#service_list_container .panel-title {
	color: #0071BA;
}

#service_list_container .col-sm-6.title {
	margin-left: 0;
	padding-left: 0;
	text-align: right;
	border-right: solid 1px #E6E6E6;
}

#service_list_container .panel-danger {
	border-radius :0;
	border: none;
	box-shadow: none;
	border: solid 1px #CFCFCF;
}

#service_list_container .panel-danger>.panel-heading {
	border-radius: 0;
	background-color: #e6e6e6;
}

#service_list_container .alert-danger {
	background-color: #FFF;
	border: none;
	padding: 8px 0 0 0;
	margin-bottom: 0;
	color: #000;
}

#service_list_container .panel-danger .fa,
#service_list_container .panel-danger a {
	color: #737373;
}

#service_list_container a:hover,
#service_list_container a:link,
#service_list_container a:visited,
#service_list_container a:active {
	text-decoration: none;
}

@media(max-width: 767px) {
	#service_list_container .col-sm-6.title {
		text-align: center;
		border-right: none;
		margin-right: 0;
		padding-right: 0;
	}
	
	#service_list_container .col-xs-12.col-sm-6 {
		text-align: center;
	}
}



.payments-list {
	display: none;
}

.referencepagetable {
	border-bottom: none;
}



/**************************************************
* S17. Anonymous login screen
**************************************************/

#anonymousLoginScreen {
	padding: 0;
}

#anonymousLoginScreen h4 {
	font-family: "Open Sans", sans-serif;
	font-weight: 400 !important;
	margin: 20px 20px;
}

#anonymousLoginScreen #btn-register,
#anonymousLoginScreen #btn-login,
#anonymousLoginScreen #btn-anon {
	font-size: 1.25em;
	letter-spacing: normal;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	border: none;
}

#anonymousLoginScreen #btn-register:hover,
#anonymousLoginScreen #btn-login:hover,
#anonymousLoginScreen #btn-anon:hover {
	background-color: #fdcb4c !important;
    color: black !important;
	border: none;
	text-decoration: none;
}

#anonymousLoginScreen #btn-anon {
	/*font-size: 1.25em;*/
}



/**************************************************
* S18. Service rating screen
**************************************************/

i.ratingstar {
	color: lightgrey;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    cursor: pointer;	
}



i.ratingstar:nth-child(1):before {
    content: "\f119";
}

i.ratingstar:nth-child(3):before {
    content: "\f11a";
}

i.ratingstar:nth-child(5):before {
    content: "\f118";
}



i.ratingstar:nth-child(1):hover,
i.ratingstar:nth-child(1).ratingstar-selected {
    color: #bf5c8d;
}

i.ratingstar:nth-child(3):hover,
i.ratingstar:nth-child(3).ratingstar-selected {
    color: #037CC3;
}

i.ratingstar:nth-child(5):hover,
i.ratingstar:nth-child(5).ratingstar-selected {
    color: #99C430;
}



i.ratingstar:nth-child(2),
i.ratingstar:nth-child(4) {
    display: none;
}



.skipRatingStep.btn.btn-primary {
	background: #FFF !important;
	border-color: #FFF !important;
	margin-right: 5px;
	margin-bottom: 3em;
	font-size: 1.125em;
}

.submitRating {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
	font-size: 1.125em;
}

.submitRating:hover {
	color: #000 !important;
    background-color: #fdcb4c !important;
    border-color: #fdcb4c !important;
}



.asrating-comments h5 {
	font-size: 1.125em;
}

/**************************************************
* S19. New website styles
**************************************************/

#header 
{
	background: url(https://fs-filestore-eu.s3.amazonaws.com/reading/test/images/TownHall.jpg) 50% !important;
	height: 330px !important;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
margin-left: -125px !important;
}