/*********************************

	TDC Firmstep Forms Styles
	(styles to override Firmstep Styles)
	Author: David Hannaford 2017
	Additional changes: Dan Bolt, Pete Smith
**********************************/


/*****
General Styles	
*****/
body, html {
    background-color: #ffffff;
    font-size: 100% !important;
    font-family: "Open Sans", sans-serif !important;
}

.form-reference-wrapper {
    font-size: 1em;
}

a.greenLink {
    color: #31657b;
    text-decoration: underline;
}

    a.greenLink:hover {
        color: #2e5f5f;
        text-decoration: underline;
    }

.checkbox-label {
    font-size: 16px !important;
}

.boxtext-highlight {
    border-style: solid;
    border-width: 0 0 0 0.3em;
    /*
	border-color:#FFEE6B;
	*/
    border-color: #000000;
    padding: 0 0 0 0.95em !important;
    margin: 2em 0 2em 0;
}

.boxtext-boxed {
    background-color: #efefef;
    padding: 1.5em;
    margin: 2em 0 2em 0;
    border: 0.1em solid #000000;
}

blockquote {
    padding: 0 0 0 1.45em;
    margin: 2em 0 2em 0;
    position: relative;
}

    blockquote p:before {
        position: absolute;
        left: 0;
        font-family: "FontAwesome";
        content: "\f10d";
    }

    blockquote p.last-child:after {
        padding: 0 0 0 0.5em;
        font-family: "FontAwesome";
        content: "\f10e";
    }



/* b, strong {    font-weight: 100;	} */
tr th {
    font-weight: 100;
}
/* AH - added div to fix font size and line spacing */
.achieveforms-container .all-sections div,
.achieveforms-container .all-sections .field .fieldContent .subform-summary,
/*.achieveforms-container p{	font-size:16px; font-weight: 100; line-height:1.5em}*/
.achieveforms-container p {
    font-size: 16px;
    line-height: 1.5em
}
/* .achieveforms-container .all-sections p{	font-size:16px; } */
.achieveforms-container ul {
    font-size: 16px;
}

.achieveforms-container .all-sections .field .fieldContent .subform-summary,
.achieveforms-container .all-sections .staticText div {
    padding-left: 3px;
}

/*DSB REMOVED
div#page-container {	max-width: 1024px; }
div#self-content {   max-width: 1024px; }
*/

header.formHeader.render {
    padding: 0px;
}
/* div#toolbar {  padding: 0 0 3em !important; } */
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    /* DSB commented out  color: #222222 !important; */
}

.nav > li > a:hover,
.nav > li > a:focus {
    /* DSB commented out color: #222222 !important; */
}

/* Section navigation Links */
.achieveforms-container .sectionsHead .sectionsHeadInner .sectionNameWrapper:not(.active) .sectionNameTab {
    text-decoration: underline;
}

.scrollable-text-area {
    height: 300px;
    max-height: 300px;
    overflow-y: scroll;
}

#session-badge ul a {
    color: #222222 !important;
}

._fieldName {
    font-size: 16px;
}


._AF .alignAbove.fieldInput, .achieveforms-container .alignAbove.fieldInput {
    /* clear: none !important; */
}

.achieveforms-container .all-sections .field .fieldContent input.read_only_field {
    padding-left: 3px;
}

/* Move the pnotify cancellation dialog into the middle of the screen (still near the top) */
div.ui-pnotify {
    left: 50%;
    margin-left: -150px;
}

/*removing unnesssecary spacing - make container tight*/
#content_form {
    margin: 15px 25px;
}

div#self-content {
    padding: 0px;
    min-height: 550px;
}

div#page {
    padding: 0px !important;
}

ms-container.render {
    width: 100%;
}

section.all-sections {
    padding: 0px;
}

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

section.achieveforms-container {
    padding: 0px;
}

div#navigation {
    padding: 0px;
}

div#page-container {
    padding: 0px;
}

.fillinButtons-wrapper {
    padding: 0px;
    width: 100%;
}

#self-content > .container {
    max-width: 100%;
}

.alert {
    font-size: 16px !important;
    background-image: none !important;
    border-radius: 0px !important;
    border-width: 0px !important;
    line-height: 1.5em;
}

    .alert.alert-success,
    .alert.alert-warning, /* style warning - text to small*/
    .alert.alert-info {
    }

/*** hide all placeholders ***/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #fff !important;
}

input:-ms-input-placeholder { /* IE 10+ */
    color: #fff !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #fff !important;
}

.fieldContent.alert {
    background-image: none;
    border: none;
    border-radius: 0px;
}

.ui-pnotify .alert {
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;
}

/*****
Button Styles	
*****/

.btn {
    font-size: 16px;
}

a:focus {
    /* background-color: inherit !important;*/
    box-shadow: 0 0 0 0 #fff !important;
}


.btn-af, .btn-default {
    font: 400 1.5em/0 "Open Sans",sans-serif !important;
    font-size: 20px !important;
    /*DSB comented out font-weight: bold !important; */
    background-color: #31657b !important;
    border: medium none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    margin: 1em 1em 1em 0 !important;
    padding: 0.51em 1em !important;
    line-height: 24px !important;
}

.btn-primary:hover,
.btn-primary:focus,
.open .dropdown-toggle.btn-primary {
    background-color: #31657b !important;
    /* background-color: #000!important; */
    /* border-color: #004923!important; */
    color: #fff;
}

.btn-primary {
    background-color: #31657b; /*DSB took off important*/
    /*border-color: #004923; AH Removed to make buttons look std /*DSB took off important*/
    color: #fff;
}

.btn.active .caret {
    border-bottom-color: #004923 !important;
    border-left-width: 10px;
    border-right-width: 10px;
    border-top-color: #004923 !important;
    border-top-width: 10px;
    bottom: -11px;
    color: #004923 !important;
    display: block !important;
    left: 41%;
    position: absolute;
}

.btn:active, .btn-primary:active { /*.btn-lg:active,*/
    /* background-image: none; */
    box-shadow: none !important;
    outline: 0 !important;
    border-color: #004923 !important;
    border: 1px solid; /* DSB removed !important; */
}

.btn, .btn-lg, .btn-primary {
    border-radius: 0 !important;
}

.fillinButtons button:first-child {
    margin: 20px 10px 20px 0px !important;
}

.fillinButtons button {
    margin: 20px 20px !important;
}

    .fillinButtons button:last-child {
        margin: 20px 0px !important;
    }

.warningContainer, .infoContainer {
    color: #000;
    margin: 0;
    padding: 10px
}

.warningContainer {
    background: #f2dede;
}

.infoContainer {
    background: #FFEE83;
}

.achieveforms-container table.repeatable-table,
.achieveforms-container table.repeatable-table thead {
    width: 100%;
    border-radius: 0;
    font-size: 14px
}

/*****
Input and Label Styles	
*****/

.postal-address * {
    font-size: 16px;
    line-height: 25px;
}

.non-input p {
    margin-bottom: 5px;
}

.select-wide {
}

.checkbox {
}


input[type="number"],
.title,
.date,
.time,
.postcode,
.phone,
.text-narrow {
    width: 14em !important;
}

select {
    min-width: 14em !important;
}

label.error {
    font-size: 16px !important;
}

label.btn {
    font-size: 16px !important;
}

input {
    font-size: 16px !important;
}

label.radio-label.btn {
    min-width: 80px;
}

.no-touch .achieveforms-container .field fieldset.fieldInput.valid input[type="checkbox"] + label.btn:hover,
.no-touch .achieveforms-container .field fieldset.fieldInput.valid input[type="radio"] + label.btn:hover {
    background-color: #31657b !important;
}
/* Special class for radio button son firmsetp feedback form that go blue when clicked*/
input[type="radio"].radio2:focus + label::before {
    color: #31657b !important;
}

input[type="checkbox"]:checked + label.btn,
input[type="radio"]:checked + label.btn {
    background-color: #31657b !important;
    background-image: none;
    background-repeat: repeat-x;
    border-color: #004923 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff !important;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    content: " ";
    overflow: visible;
}

    input[type="checkbox"]:checked + label.btn:after {
        color: #fff;
        content: "\f00c";
        font-family: fontawesome;
        font-size: 13px;
        position: relative;
        left: 3px;
    }



    input[type="radio"]:checked + label.btn:after {
        color: #fff;
        content: "\f00c";
        font-family: FontAwesome;
        font-size: 13px;
        position: relative;
        left: 3px;
    }



/*
input[type="radio"]:checked + label.radio-label.btn:after {
    color: #fff;
    content: "\f00c";
    font-family: FontAwesome;
	font-size: 13px;
    position: relative;
    left: 3px;
}
*/

._AF input[type="date"],
._AF input[type="datetime-local"],
._AF input[type="datetime"],
._AF input[type="email"],
._AF input[type="month"],
._AF input[type="number"],
._AF input[type="password"],
._AF input[type="search"],
._AF input[type="tel"],
._AF input[type="text"],
._AF input[type="time"],
._AF input[type="url"],
._AF input[type="week"],
._AF select, ._AF textarea,
.achieveforms-container input[type="date"],
.achieveforms-container input[type="datetime-local"],
.achieveforms-container input[type="datetime"],
.achieveforms-container input[type="email"],
.achieveforms-container input[type="month"],
.achieveforms-container input[type="number"],
.achieveforms-container input[type="password"],
.achieveforms-container input[type="search"],
.achieveforms-container input[type="tel"],
.achieveforms-container input[type="text"],
.achieveforms-container input[type="time"],
.achieveforms-container input[type="url"],
.achieveforms-container input[type="week"],
.achieveforms-container select,
.achieveforms-container textarea {
    border-radius: 0 !important;
    padding: 8px;
    height: 40px;
    font-size: 16px;
}

.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.error input[type="checkbox"] + label::before,
.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.error input[type="radio"] + label::before {
    color: #31657b;
}

.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.error input[type="checkbox"] + label.btn,
.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.error input[type="radio"] + label.btn,
.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.error + input.other-input {
    border-color: #31657b;
}

.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.error input[data-type="date-subfield"] {
    border-color: #31657b;
}



/*****
DatePicker Styles	
*****/
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: #000000 !important;
    background-image: none !important;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: rgb(255, 255, 255);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active {
    background-color: #000000 !important;
    background-image: none !important;
}

.datepicker table tr td.day {
    font-weight: 700 !important;
    color: #31657b !important;
}

.datepicker table tr td.disabled {
    font-weight: 400 !important;
    color: #d6d6d6 !important;
}

.datepicker table tr td.new {
    font-weight: 400 !important;
}

.datepicker table tr td.day.active {
    font-weight: 400 !important;
    color: #FFFFFF !important;
}

/*Upload section*/
span.drop-upload-message {
    margin-right: 10px !important;
    font-size: 16px !important;
    color: #fff !important;
}

.resumable-drop {
    border-radius: 0 !important;
    border-top: 1px solid #aaa !important;
    border-style: solid !important;
    margin-bottom: 10px !important;
    background-color: #aaa !important;
    border-color: #aaa !important;
}

.fileCount, .fileType {
    color: #444 !important;
    font-size: 16px !important;
    width: 100%;
    line-height: 25px
}

.achieveforms-container .resumable-list {
    width: 100%;
    padding-top: 10px;
}

/* DSB removed span._fieldName {	font-weight: 100;} */
.achieveforms-container .resumable-file button.resumable-file-name {
    color: #444;
    font-size: 16px;
}

@media screen and (max-width: 50px) {
    .resumable-drop {
        background-color: #fff !important;
        border: none !important;
        padding: 0 !important;
        text-align: left !important;
    }

    span.drop-upload-message {
        display: none;
    }

    .upload-button {
        margin: 0 !important;
    }

    .fileCount {
        width: 100%;
        display: inline-block;
        line-height: 30px;
    }

    .resumable-list {
        width: 100%;
    }
}

/*DSB COMMENTED OUT*/
/* Navigation 
#navbar-collapse { padding-right: 0px !important; }
#header-container{	border-width: 0 !important; }
#navigation{	background-color: #31657b;	width: 100%;	margin-bottom: 30px;}
#navigation .navbar{ 	max-width: 1000px;    margin: auto;    width: 100%;	min-height: 0px;  }
#navigation a:focus{ border:#000 solid 1px !important;	} 
.navbar-collapse {    box-shadow: none;  }
@media screen and (max-width: 768px) {
	#navigation .navbar.clearfix{	border-width: 0px;	}
	#navigation .btn-group{			padding: 0;	}
	#navigation .btn-group .btn{		border: 0px;	}
	#navigation a {		color: #fff !important;	}
	.open .dropdown-toggle.btn-primary {		background-color: #31657b !important; color: #fff;	}
	#navigation .btn i.fa{ display: block; }
	#navigation ul.navbar-nav{ margin-top: 0px; margin-bottom: 0px;	}
	#navigation .btn-primary:active{ border: none !important;	} 
}
EO DSB COMMENTED OUT*/


/* progressbar*/
.loading-bar,
.progress,
.progress-bar,
.progress-bar-info,
.progress-bar-success,
.progress-bar-warning,
.progress-bar-danger {
    background-image: -webkit-linear-gradient(top,#31657b 0,#31657b 100%) !important;
    background-image: linear-gradient(to bottom,#31657b 0,#31657b 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0) !important;
    font-size: 15px !important;
    border-radius: 0px !important;
    /* background-color: #31657b !important; */
    /* background-image: none !important; */
}

    .progress-bar.loading-bar {
        background-color: #31657b !important;
        background-image: none !important;
        /* border-radius: 0px; */
    }

    .progress.progress-striped.active {
        border-radius: 0px !important;
        background-color: #31657b !important;
    }

.progress-striped .progress-bar {
    background-image: none !important;
    background-color: #31657b !important;
}
/*.progress {background: rgba(245, 245, 245, 1); border: 0px solid rgba(245, 245, 245, 1); border-radius: 4px; height: 20px;}
.progress-bar-custom {background: rgba(0, 146, 71, 1);} 
.progress-striped .progress-bar-custom {
	background-color: rgba(0, 146, 71, 1); 
	background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255, 255, 255, 0.15),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255, 255, 255, 0.15)),color-stop(0.75,rgba(255, 255, 255, 0.15)),color-stop(0.75,transparent),to(transparent))); 
	background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); 
	background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); 
	background-size: 40px 40px;
}*/




/*****
Misc Styles	
*****/

.no-touch .achieveforms-container .help-img:hover,
.touch .achieveforms-container .help-img {
    color: #31657b !important;
}

.achieveforms-container .english,
.achieveforms-container .help-text,
.achieveforms-container .numberToText {
    font-size: 16px;
}

/* Disable tick icon */
/* .icon-valid{	display: none !important;	} */

.total {
    border-top: 2px solid #000000 !important;
}

.help-text {
    color: #222222 !important;
    font-weight: normal !important;
    font-size: 0.9em !important;
}

.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.valid input[type="checkbox"] + label::before,
.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.valid input[type="radio"] + label::before {
    color: #31657b;
}

.achieveforms-container .sectionsHead .sectionsHeadInner {
    border-bottom: 1px solid #999 !important;
}

    .achieveforms-container .sectionsHead .sectionsHeadInner .sectionNameWrapper.active .sectionNameTab {
        border-color: #999 #999 rgba(0, 0, 0, 0);
        border-top-right-radius: 0px !important;
        border-top-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

.sectionNameTab {
    color: #222222 !important;
}

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

.achieveforms-container .sectionsHead {
    background: #ffffff none repeat scroll 0 0 !important;
    box-shadow: none;
    position: relative;
}



._AF .postfix-wrapper.error .postfix,
._AF .prefix-wrapper.error .prefix,
._AF input.error, ._AF select.error,
._AF textarea.error,
.achieveforms-container .postfix-wrapper.error .postfix,
.achieveforms-container .prefix-wrapper.error .prefix,
.achieveforms-container input.error,
.achieveforms-container select.error,
.achieveforms-container textarea.error {
    border-color: #999999; /*#ccc;*/
}

._AF .btn-af,
.achieveforms-container .btn-af {
    box-shadow: none !important;
    text-shadow: none !important;
    /* margin-right: 0px !important; */
}

.achieveforms-container .previousbutton {
    margin-right: 20px;
}


blockquote {
    padding: 0px;
    border: none;
}


/*****
Specific Pages	
*****/

/*** Anonymous LoginScreen ***/
#anonymousLoginScreen {
    text-align: left;
}

    #anonymousLoginScreen .clearfix {
        display: none;
    }

    #anonymousLoginScreen a#btn-login {
        clear: both;
        float: right;
        padding-top: 6px !important;
        background-color: #31657b !important;
        /* border-color: #004923!important; AH Removed to make buttons std */
        color: #fff !important;
    }

    #anonymousLoginScreen #btn-anon {
        display: block;
        padding-left: 0px !important;
    }
/*DSB commented out #anonymousLoginScreen .btn-custom{	color: inherit !important;	letter-spacing: 0px !important; }*/

/*** Landing Page ***/
div#homepageContent {
    padding: 20px;
    min-height: 550px;
}

    div#homepageContent .row-fluid {
        visibility: hidden;
    }

#site-search-form {
    max-width: 250px;
}

/*** My Accounts ***/
/* ***** Revisit this section ***** */

/* Sign Up */
#page.signUp .achieveforms-container {
    float: none;
    max-width: 600px;
    margin-top: 50px;
    margin: 0 auto;
}

#page.signUp input {
    width: 66.66%; /* Make all fields the same length for this form only */
}

/*** Registration ***/
/*[data-category-id$="AF-Category-da77fb08-7a55-418f-9251-f64173d37ace"] { /* data-category-id="AF-Category-da77fb08-7a55-418f-9251-f64173d37ace" 
	max-width:600px;
    margin-top: 50px;
	margin-left: 50%;
    transform: translateX(-50%);
}
[data-category-id$="AF-Category-da77fb08-7a55-418f-9251-f64173d37ace"] input{
	width: 66.6%;
}
button#findAddress{	    margin: 0px !important;}
*/



/*** Login Page ***/
.login-form {
    margin: 50px auto;
    max-width: 600px;
}

    .login-form h2 {
        margin-bottom: 40px;
        font-weight: bold;
        font-size: 2em;
        color: #444;
    }

    .login-form .form-horizontal .control-label {
        font-weight: 100;
        text-align: left !important;
    }

    .login-form .primary {
        min-width: 150px;
    }

    .login-form a.btn.btn-default.primary {
        float: right !important;
        margin-right: 0 !important;
    }

    .login-form a.btn.btn-default.pull-right {
        margin-right: 0px !important;
    }

    .login-form a.btn.btn-default.pull-right {
        display: none;
    }

/*** general user admin - section with tabs ***/

/*My Requests page*/
iframe#MyRequests {
    padding: 0px 10px;
}

.self-loading-text {
    color: #333 !important;
}

table#taskTable .btn {
    width: 100px;
}

#app-content .panel-heading {
    border-radius: 0px !important;
}

#app-content .form-control,
#app-content .input-group * {
    border-radius: 0px !important;
    font-size: 16px !important;
}

#app-content .form-group {
    display: none; /*remove filter in reqests*/
}

#taskTable_length {
    display: none; /*can change default ammount shown */
}

#app-content a.paginate_button {
    background-color: #fff !important;
    border: none;
    background-image: none;
    color: #111 !important;
}

    #app-content a.paginate_button.current {
        font-weight: bold;
    }

#app-content span {
    color: rgb(51, 51, 51);
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #fff;
}

#taskTable_paginate {
    float: none;
    transform: translate(-25%, 35px);
}

tr:hover > td.sorting_1 {
    background-color: #fff !important;
}



/*Services page*/
.service-groups a.fsservice-pretty-link {
    border-radius: 0px !important;
}

    .service-groups a.fsservice-pretty-link.active {
        background-color: #31657b !important;
        border: none !important;
    }

    .service-groups a.fsservice-pretty-link:hover,
    .service-groups a.fsservice-pretty-link:active {
        background-color: #31657b !important;
    }

.services {
    margin-bottom: 16px;
}

    .services li {
        margin-bottom: 16px; /*line-height: 16px;*/
    }

.grouped-services .col-sm-4 {
    padding: 0;
}

.grouped-services {
    padding: 0;
}

    .grouped-services .col-sm-10.col-md-10 {
        padding: 0;
    }

    .grouped-services .col-sm-2.col-md-1 {
        padding: 0;
    }

    .grouped-services .col-sm-2.col-md-1 {
        width: 10%;
    }



/* Commercial Waste */
form[data-name='Enquire about commercial waste management services'] input#customerAddress {
    margin-bottom: 0px;
}

/* This is not on the commercial waste page so commented out but could be used elsewhere!!
	form#AF-Form-dd874658-0041-4c58-aeb0-aaa25663868f .field:nth-child(13),
	form#AF-Form-dd874658-0041-4c58-aeb0-aaa25663868f .field:nth-child(14) {  display: none; }
	#AF-Form-dd874658-0041-4c58-aeb0-aaa25663868f .all-sections .field:nth-child(2) *,
	#AF-Form-dd874658-0041-4c58-aeb0-aaa25663868f .all-sections .field:nth-child(3) *	{ font-size: 16px !important; }
	*/

/* bulky waste */
/* formform[data-name='Book a bulky waste collection'] > section.all-sections p:nth-child(2) {    padding-left: 0 !important; } */
/* DSB commented out form[data-name='Book a bulky waste collection'] .post-it-note{ width: 91.6%; } */


/* GW details reused section - before summary tab */

/* Sign up Garden waste - .signup-gw-bins-required  */


/* Cancel Garden waste collection -  */

/* GW change bins/bin collection */
.binsHead .binsText {
    font-size: 20px !important;
    background-color: #fff;
}

.binsHead {
}

.gw-change-bins-summary {
}

/* GW change address */
.gw-change-address-details {
}

.gw-change-address-summary {
}

/* GW damaged bins */
.gw-damaged-bin-details {
}

.gw-damaged-bin-summary {
}

/* GW stolen  */
.gw-stolen-bins-details {
}

.gw-stolen-bins-summary {
}

/* GW renew  */
.gw-renew-details {
}

.gw-renew-summary {
}


/* Commercial Waste apply fpr EDOC */

/* Order Garden waste  collection sacks */

/* ***** To be altered for presentation purposes ***** */

.fillinButtons .btn {
    min-width: 7em !important;
}
/* STANDARD BTN WIDTH */
.upload-button {
    min-width: 7em;
}

.achieveforms-container .all-sections .field select,
input[type="text"] {
    width: 50%;
}
/* REGULAR FIELD TO MARGIN */

input.fullWidth,
select.fullWidth {
    width: 100%
}

/* extraWide class is the original almost full width */
input.extraWide, select.extraWide {
    width: 91.66%
}

textarea {
    width: 66.66% !important;
}

.upload {
    width: 100%;
}

/*** Media Queries ***/


@media screen and (min-width: 991px) {

    /*bulky waste*/
}

@media screen and (max-width: 991px) {
    /* general */

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0em;
    }

    DSB commented out
    /*requests*/
    #taskTable_paginate {
        transform: translateX(0px);
        right: 0%;
    }

    /*bulky waste*/
}

@media screen and (max-width: 640px) {
    /* general */
    .fillinButtons .btn {
        min-width: 5em !important;
    }
    /* STANDARD BTN WIDTH */
    input[type="text"] {
        width: 100%;
    }

    textarea {
        width: 100% !important;
    }
    /* REGULAR FIELD TO MARGIN */

    /* login */
    .login-form .primary {
        min-width: 0px;
    }

    /* requests */
    div#page-container {
        padding: 10px;
    }

    /*bulky waste*/

    .achieveforms-container div.repeatable-table-wrapper table.repeatable-table tr .edit-column,
    .achieveforms-container div.repeatable-table-wrapper table.repeatable-table tr th:not(.edit-column),
    .achieveforms-container div.repeatable-table-wrapper table.repeatable-table tr td {
        min-width: auto;
        width: auto;
    }
}


/*###########################################################
	DSB ADDED
############################################################*/

@media screen and (min-width: 768px) {

    .self-app-iframe {
        width: 75%;
    }

    /*
	.container{
		width:auto
	}
	
	/*
	#self-content{
		width: 75%;
		float: left;
	}
	
	div#self-content {
		max-width:75%;
		width: 75%;
	}*/

    #navigation-for-mobile {
        display: none;
    }

    #navigation {
        width: 25%;
        float: right;
        margin-top: 0;
        padding-top: 0;
        background-color: #ffffff;
    }

        #navigation > .row > .navbar {
            /*background: none repeat scroll 0% 0% #f6f0ef;*/
            padding: 10px 3% 35px 3% !important;
            width: 65%;
            min-width: 185px;
            float: left;
        }

        #navigation a.btn, a.abtn-primary {
            background-color: #ffffff;
            color: #31657b;
            text-decoration: underline;
        }


            #navigation a.btn.btn-lg.btn-primary.top,
            #navigation a.btn.btn-lg.btn-primary.top.active {
                background-color: #ffffff !important;
                border: none;
                display: block;
                position: relative;
                width: 100%;
                text-align: left;
                /*border-bottom: 1px solid #bbbbbb;*/
                border-radius: 0;
                font-size: 1.0em;
                padding-left: 0;
            }



                #navigation a.btn.btn-lg.btn-primary.top:hover,
                #navigation a.btn.btn-lg.btn-primary.top.active:hover {
                    text-decoration: underline;
                    color: #2e5f5f;
                    border: none !important;
                }

                #navigation a.btn.btn-lg.btn-primary.top:active {
                    border: none;
                }

        #navigation .btn:active, .btn.active {
            box-shadow: none;
            border: none;
        }

        #navigation .caret {
            display: none !important;
        }


        #navigation > .row > .navbar > .btn-group:before {
            margin-top: 25px;
            border-top: 9px solid #73bede;
            content: "Related links";
            display: block;
            font-size: 1.2em;
            padding: 15px 0 5px 0;
            font-weight: 600;
        }




    .renderForm {
        width: 75%;
        /*max-width: 861px;
		float: right;*/
        margin-right: auto;
        margin-left: auto;
    }

    .achieveforms-iframe {
        width: 100%;
    }

    #footer-container {
        clear: both;
    }

    #self-content .loading {
        width: 75%;
        float: left;
    }


    .self-spinner-outer {
        top: 50px;
    }


    .map-holder {
        height: 25em;
    }
}

@media screen and (max-width: 767px) {
    .desktop_forms {
        max-width: 100%;
    }
}

#header-container a {
    color: #ffffff;
    text-decoration: underline;
}

    #header-container a:hover, #header-container a:active, #header-container a:visited {
        color: #ffffff;
    }

.nav > li > a:hover {
    background-color: none;
}

#header-logo-container {
    float: left;
    padding-right: 10px;
}

.service-groups {
    width: 100%;
}


/*In-form tabs -> dropdown*/
@media screen and (max-width: 767px) {
    .achieveforms-container .sectionsHead .sections-toggle-wrapper .active-section-name {
        font-size: 100%;
        color: #31657b;
    }

    button.navbar-toggle.sections-toggle {
        text-align: right;
        height: 3em !important;
        position: relative;
        top: -20px;
        cursor: pointer;
        width: 100% !important;
    }

        button.navbar-toggle.sections-toggle i {
            color: #000000 !important;
        }


    .achieveforms-container .sectionsHead .sectionsHeadInner {
        border: none;
    }

    .achieveforms-container .sectionsHead .sections-toggle-wrapper {
        border-bottom: 1px solid #dedede;
    }

    .achieveforms-container .sectionsHead .sectionsHeadInner .sectionNameWrapper.active .sectionNameTab {
        border-color: #ffffff;
    }

    /*additional for Home-dropdown menu*/
    #navigation ul.nav li a:focus {
        outline: none !important;
        color: #31657b;
        background-color: #999;
    }
}

@media screen and (min-width: 767px) {

    .nav-tabs > li > a:hover, .nav-tabs > li > span:hover {
        border: none;
        border: 1px solid transparent;
    }

    .nav > li > a:hover {
        background-color: transparent;
        border-bottom: none;
        border-color: #ffffff;
    }

    /*fix signup form width with side menu*/
    div#self-content div.row:first-child {
        width: 75% !important;
    }

    #anonymousLoginScreen h1 {
        marign-top: 1px !important;
    }
}

.post-it-note strong {
    font-weight: 700;
}

/*Login form*/
/*Swap register & Sign In buttons*/
div.login-btn-group button:first-child {
    float: right !important;
    margin: 1em 0px 1em auto !important;
}

.login-form a.btn.btn-default.primary {
    float: left !important;
}

    .login-form a.btn.btn-default.primary:focus {
        background-color: #31657b !important;
    }

.login-form > .resetLink:focus {
    background-color: #31657b !important;
}

#anonymousLoginScreen #btn-anon {
    color: #31657b !important;
    text-decoration: underline;
}

    #anonymousLoginScreen #btn-anon:hover {
        color: #2e5f5f !important;
        text-decoration: underline;
    }

/*My requests form*/
.btn-info, .btn-info:hover, .btn-info:active {
    background-color: #31657b;
    border: none;
    color: #fff;
}

    .btn-info > i {
        display: none;
    }

@media screen and (max-width: 991px) {
    .container {
        width: auto;
    }
}

@media screen and (max-width: 850px) {
    table.dataTable {
        font-size: 90%;
    }
}

@media screen and (max-width: 577px) {
    table.dataTable thead th, table.dataTable thead td {
        padding: 0px;
    }
}



/* top menu mobile view*/
@media screen and (max-width: 767px) {
    .dropdown-menu > li > a:hover {
        background-color: transparent !important;
    }

    /*.dropdown-menu > li > a {
		color: #ffffff !important;
	}

	#session-badge ul a {
		color: #ffffff !important;
	}*/

    #session-badge ul a:focus {
        outline: none !important;
    }

    .nav > li > a:hover, .nav > li > a:active {
        background-color: transparent !important;
    }
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent !important;
}

/*registration */
@media screen and (min-width: 768px) {
    div.content {
        float: none !important;
        width: auto !important;
    }
}

/*services view*/
@media all and (max-width:767px) {
    .service-groups ul.menu li {
        display: block;
    }
}

/*hide login link
#toolbar .login-link{
	visibility:hidden;
}*/

/*Stop drop-down header menu over-wridin the exeter.gov.uk logo link*/
#header-functions-container {
    text-align: right;
    width: auto !important;
    float: none;
}

/*make buttons narrower to prevent wrapping on small-screens */
@media screen and (max-width: 320px) {

    .submitbutton {
        padding-right: 10px !important;
        padding-left: 9px !important;
    }
}

/*DSB added to hide Continue>> button*/
div.submission-message-btn-wrapper a.finish {
    display: block;
}

/*MyRequestsV3*/
#app-content {
    margin: 8px;
}

#MyRequestTable th {
    border-bottom: 1px solid black;
}

#MyRequestTable tr.case-row:hover {
    background: #31657b !important;
    color: white;
    cursor: pointer;
}

/*###########################################################
	EO DSB ADDED
############################################################*/

/* AH Added mobile footer classes to reduce size */
@media only screen and (max-width: 480px) {

    .map-holder {
        height: 30em !important; /*Important needed to override inline style!!*/
    }

    footer nav {
        font-size: 0.8em;
    }

    footer #footer-links-container nav ul li {
        padding: 0
    }

    footer #copy {
        padding-top: 1em;
    }
}

/* APH Added as colour required on all sizes */
a.abtn-primary {
    color: #31657b;
}




/*change font*/
body._AF, div._AF, html._AF {
    font-family: "Open Sans", sans-serif !important;
}

    body._AF a, body._AF div, body._AF h1, body._AF h2, body._AF h3, body._AF h4, body._AF h5, body._AF p, body._AF span:not(.fa), div._AF a, div._AF div, div._AF h1, div._AF h2, div._AF h3, div._AF h4, div._AF h5, div._AF p, div._AF span:not(.fa), html._AF a, html._AF div, html._AF h1, html._AF h2, html._AF h3, html._AF h4, html._AF h5, html._AF p, html._AF span:not(.fa) {
        font-family: "Open Sans", sans-serif !important;
    }

    body._AF article, body._AF footer, body._AF form, body._AF header, body._AF input, body._AF label, body._AF nav, body._AF section, body._AF select, body._AF textarea, div._AF article, div._AF footer, div._AF form, div._AF header, div._AF input, div._AF label, div._AF nav, div._AF section, div._AF select, div._AF textarea, html._AF article, html._AF footer, html._AF form, html._AF header, html._AF input, html._AF label, html._AF nav, html._AF section, html._AF select, html._AF textarea {
        font-family: "Open Sans", sans-serif !important;
    }

/*###########################################################
	PS ADDED
############################################################*/

#header-user-account {
    display: none;
}

#toggle-search-button {
    display: none;
}

#toggle-useraccount-button {
    display: none;
}

#toggle-search-button {
    display: none;
}

.jumbotron {
    background-color: #ffffff;
}

@media only screen and (min-width: 991px) {

    #header-container form.site-search {
        margin-left: 245px;
    }

    .jumbotron {
        max-width: 750px;
    }
}

@media only screen and (min-width: 1200px) {

    .jumbotron {
        max-width: 1000px;
    }
}

@media only screen and (max-width: 768px) {

    #toggle-search-button {
        float: right;
        padding: 14px;
        font-size: 1.5em;
    }

    #session-badge {
        border-image: none;
        width: auto;
        float: right;
    }

    #navigation {
        display: none;
    }

    #toggle-search-button {
        display: block;
        color: white;
    }

    .jumbotron {
        max-width: 600px;
    }

    #navigation-for-mobile {
        display: block;
    }

        #navigation-for-mobile ul.nav li a:focus {
            outline: none !important;
            color: #31657b;
            background-color: #999;
        }

    #navigation-for-mobile {
        background-color: #ffffff;
        padding-left: 0px;
    }

        #navigation-for-mobile > .row > .navbar {
            /*background: none repeat scroll 0% 0% #f6f0ef;*/
            padding: 10px 3% 35px 3% !important;
            width: 100%;
            min-width: 185px;
            float: left;
        }

        #navigation-for-mobile a.btn, a.abtn-primary {
            background-color: #ffffff;
            color: #31657b;
            text-decoration: underline;
        }


            #navigation-for-mobile a.btn.btn-lg.btn-primary.top {
                background-color: #ffffff;
                border: none;
                display: block;
                position: relative;
                width: 100%;
                text-align: left;
                /*border-bottom: 1px solid #bbbbbb;*/
                border-radius: 0;
                font-size: 1.0em;
                padding-left: 0;
            }


                #navigation-for-mobile a.btn.btn-lg.btn-primary.top:hover,
                #navigation-for-mobile a.btn.btn-lg.btn-primary.top.active:hover {
                    text-decoration: underline;
                    border: none !important;
                }

                #navigation-for-mobile a.btn.btn-lg.btn-primary.top:active,
                #navigation-for-mobile a.btn.btn-lg.btn-primary.top:focus,
                #navigation-for-mobile a.btn.btn-lg.btn-primary.top.active {
                    text-decoration: underline;
                    color: white !important;
                    background-color: #31657b !important;
                    border: none !important;
                }

                #navigation-for-mobile a.btn.btn-lg.btn-primary.top:active {
                    border: none;
                }

        #navigation-for-mobile .btn:active, .btn.active {
            box-shadow: none;
            border: none;
        }

        #navigation-for-mobile .caret {
            display: none !important;
        }


        #navigation-for-mobile > .row > .navbar > .btn-group:before {
            margin-top: 25px;
            border-top: 9px solid #73bede;
            content: "Related links";
            display: block;
            font-size: 1.2em;
            padding: 15px 0 5px 0;
            font-weight: 600;
        }
}

#sessionContainer {
    margin-top: 15px;
}

#session-badge > li > a {
    text-decoration: none;
}

.btn-success, .btn-success:visited {
    color: #fff;
    background-color: #31657b;
    border-color: #31657b;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .active.btn-success, .open .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #316173 !important;
        border-color: #316173;
    }

.logout-form a:focus {
    color: #316173;
}

.jumbotron p {
    font-size: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.jumbotron ul {
    margin-top: 1em;
    margin-bottom: 1em;
}

    .jumbotron ul li {
        list-style: disc inside none;
    }

#deliveryInstructions {
    min-width: 100%;
}

#selectAddress {
    width: 100%;
}

#findAddress {
    margin-right: 0px !important;
}

@media screen and (max-width: 767px) {
    .achieveforms-container .fillinButtons .btn {
        font-size: 1em !important;
        padding: 0.33em 0.5em !important;
    }

    .achieveforms-container .all-sections .field .fieldContent .fieldInput.date.alignAbove,
    .achieveforms-container .all-sections .field .fieldContent .fieldInput.dateInput.alignAbove {
        margin-top: 10px;
    }

    .achieveforms-container .separatedDateFieldLabel-alignAbove {
        margin-top: -10px !important;
    }
}

#postcodeSearch {
    width: 91.66% !important;
}

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

#commentDetails {
    min-width: 100%;
}

.buttonLink {
    background: #31657b;
    color: #ffffff;
    font-size: 20px;
    padding: 0.5em;
}

h1, h2, h3 {
    font-weight: 700;
}
/*###########################################################
	EO PS ADDED
############################################################*/

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/*PS Accessibility changes*/
#footer-links-container nav ul li a {
    text-decoration: underline;
}

.achieveforms-container .btn:focus {
    outline-offset: -2px;
    outline: -webkit-focus-ring-color auto 5px;
}

#anonymousLoginScreen a.btn-custom:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.achieveforms-container .fillinButtons .btn:focus, .achieveforms-container .fillinButtons .btn:hover {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.achieveforms-container .fillinButtons-wrapper .fillinButtons .btn:focus, .achieveforms-container .fillinButtons-wrapper .fillinButtons .btn:hover {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.modal.af-modal .modal-header .close {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.panel-body a:focus {
    background-color: #ffbf47 !important;
    outline: 3px solid transparent !important;
    color: #0b0c0c !important;
    border: 0;
    box-shadow: 0 -2px #ffbf47, 0 4px #0b0c0c !important;
    text-decoration: none;
}

.skip {
    background-color: #015b59 !important;
    padding: 5px;
}

#header-logo-container a:focus img, #header-logo-container a:hover img {
    outline-width: 2px;
    outline-color: white;
    outline-style: dotted;
}

#session-badge > li > a:focus, #session-badge > li > a:active {
    background-color: inherit;
    outline-width: 2px;
    outline-color: white;
    outline-style: dotted;
}

.achieveforms-container a:focus {
    outline-style: solid;
    outline-color: #2795b6;
    outline-width: 2px;
}

.achieveforms-container .all-sections .field .fieldContent .prefix-wrapper .prefix {
    height: 40px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    color: white;
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px;
}

.postfix, .prefix {
    font-size: 1em;
}

#navigation a.top.btn-primary.btn-lg.btn:focus, #navigation a.hover.top.btn-primary.btn-lg.btn {
    background-color: #ffbf47 !important;
    outline: 3px solid transparent;
    color: #0b0c0c !important;
    border: 0 !important;
    box-shadow: 0px -2px #ffbf47, 0px 4px #0b0c0c;
    text-decoration: none;
}

#navigation a.top.btn-primary.btn-lg.btn:focus, #navigation a.hover.top.btn-primary.btn-lg.btn {
    background-color: #316173 !important;
    outline: 3px solid transparent;
    color: #fff !important;
    border: 0;
}

#featuredImage img {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 0.5em;
}

#MyAccount.active {
    background-color: #fff;
}