#mastHead {
  overflow: hidden;
  height: 70px;
}

.cap-wrapper {
  width: 100%;
  margin: auto;
  padding-top: 20px;
  color: #333;
  font-size: 100%;
}

.cap-wrapper h1,
.cap-wrapper h2,
.cap-wrapper h3,
.cap-wrapper h4,
.cap-wrapper h5,
.cap-wrapper h6 {
  color: #01573e;
  font-weight: 200;
  font-family: Helvetica, Arial, sans-serif;
}

/* Links */
.cap-wrapper a:active,
.cap-wrapper a:focus {
  color: #333;
  background: none !important;
  font-weight: 700;
  text-decoration: underline;
}

.cap-wrapper a {
  color: #333;
  font-weight: 700;
}
.cap-wrapper a:hover {
  text-decoration: underline;
}

/* Borders */
#cap-infobar,
.cap-wrapper table,
.cap-wrapper ul.cap-tab-index li,
.cap-wrapper .cap-tab-outline,
.cap-wrapper ul.cap-five-tabs-index li,
.cap-wrapper .cap-pagination-items a,
.cap-wrapper .cap-pagination-items span,
.cap-wrapper .cap-module-1,
.cap-wrapper #cap-module-2,
.cap-wrapper #cap-module-3,
.cap-wrapper .cap-lcol,
.cap-wrapper .cap-rcol {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

/* Background images */
.cap-wrapper #cap-infobar,
.cap-wrapper ul.cap-tab-index li,
.cap-wrapper ul.cap-five-tabs-index li,
.cap-wrapper .cap-lcol,
.cap-wrapper .cap-rcol,
.cap-wrapper .cap-module-1,
.cap-wrapper #cap-module-2,
.cap-wrapper #cap-module-3 {
  background: none;
}

/* buttons */
.cap-wrapper .cap-bread,
.cap-wrapper .cap-submit input,
.cap-wrapper .cap-false-button a,
.cap-secondary,
.cap-wrapper .cap-submit-inline,
.cap-wrapper .cavesButtonGroup,
.cap-wrapper .large-button,
.cap-wrapper .myServicesButton {
  color: #fff !important;
  background: #474747;
  background: -moz-linear-gradient(
      center top,
      rgb(71, 71, 71) 0%,
      rgb(71, 71, 71) 100%
    )
    repeat scroll 0% 0% transparent !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#474747),
    to(#474747)
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#474747', endColorstr='#474747') !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#474747', endColorstr='#474747')" !important;
  border: 1px solid #fff !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  -moz-box-shadow: 0px 0px 4px rgb(103, 115, 115) !important;
  -webkit-box-shadow: 0px 0px 4px rgb(103, 115, 115) !important;
  line-height: auto !important;
  height: auto !important;
  text-shadow: none !important;
}

.content .cap-wrapper h2,
.content .cap-wrapper h3,
.content .cap-wrapper h4,
.content .cap-wrapper h5,
.content .cap-wrapper p,
.content .cap-wrapper ul,
.content .cap-wrapper ol,
.content .cap-wrapper table,
.content .cap-wrapper div.content-div {
  margin: 0;
}

/* Images */
.content .cap-wrapper img {
  margin: auto;
  border: none;
  -moz-border-radius: auto;
  -webkit-border-radius: auto;
  border-radius: auto;
}

/* Help */
.cap-wrapper .cap-form-help,
.cap-wrapper .cap-inline-help div,
.cap-wrapper .cap-help,
.cap-wrapper .cap-inline-help-content {
  background: #888888;
}

/* Tables */
.content .cap-wrapper table {
  width: 100% !important;
}

.cap-wrapper ul.cap-tab-index li,
.cap-wrapper ul.cap-five-tabs-index li {
  background: #888888;
}

.cap-wrapper .cap-table-heading,
.cap-wrapper .cap-table-even,
.cap-clear tr.odd {
  background: #dddddd;
}

.cap-wrapper ul.cap-tab-index li a,
.cap-wrapper ul.cap-five-tabs-index li a {
  color: #ffffff;
  text-decoration: none;
}

.cap-wrapper ul.cap-tab-index li.cap-selected a,
.cap-wrapper ul.cap-tab-index li.cap-selected a:active,
.cap-wrapper ul.cap-five-tabs-index li.cap-selected a,
.cap-wrapper ul.cap-five-tabs-index li.cap-selected a:active {
  color: #000000;
}

.cap-wrapper #myprofile_profile {
  max-width: 450px;
}

#mastHead li {
  border-right: none;
}

/*input[type="text"], input[type="password"], textarea, select
{
    min-width: 0.5em;
}*/

.cap-wrapper .cap-form-help {
  display: block;
  max-width: 600px;
}

#info_text {
  font-size: 1em !important;
  color: black;
}
.sect-heading h2 {
  float: left;
  width: 100%;
}
.cap-wrapper div#service-slides h2.slide-title {
  font-size: 2em;
}

.cap-wrapper div.detail-value {
  font-size: 1em;
}

.cap-wrapper div.detail-type {
  font-size: 0.75em;
  color: #01573e;
}
.cap-wrapper div#service-slides p.slide-address {
  font-size: 1em;
}
.cap-wrapper .con-dropdown .nav_profile_heading span,
.cap-wrapper .con-dropdown-services .nav_profile_heading,
.map-button-icon,
.cap-wrapper .con-dropdown ul li.profile-child a span,
.cap-wrapper .con-dropdown-services ul li.profile-child a span,
.cap-wrapper .ks-icon,
.capita-icons {
  color: #01573e;
}
.cap-wrapper .con-dropdown li:hover a,
.cap-wrapper .con-dropdown-services li:hover a {
  /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
  color: #01573e;
}
.cap-wrapper .con-dropdown li:hover ul a,
.cap-wrapper .con-dropdown-services li:hover ul a {
  /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  color: #01573e;
}
.cap-wrapper .login-prompt {
  font-size: 1em;
}

.cap-wrapper div#service-slides a.slide-gotoservice {
  bottom: 10px;
}

.cap-wrapper span.detail-gosmall {
  font-size: 1em;
}

/* changes for last page of DD */

.cap-wrapper #directdebit_confirmation .text-center a {
  color: #fff !important;
  background-color: #0776b9;
  background-image: -webkit-linear-gradient(top, #0776b9 0, #05507e 100%);
  background-image: -o-linear-gradient(top, #0776b9 0, #05507e 100%);
  background-image: linear-gradient(to bottom, #0776b9 0, #05507e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0776B9', endColorstr='#FF05507E', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #044a74 !important;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cap-wrapper #directdebit_confirmation .text-center a:hover {
  text-decoration: none;
  background-color: #05507e;
  background-position: 0 -15px;
}

.noDisplay {
  display: none !important;
}

/**************HEREFORD INSERTED CUSTOM STYLES**************/
/*Fix height of header*/
.site-header {
	height: auto;
}

/*Re-centre the main content of the Summary pages*/
.site-main div.container #content {
  margin: 0 auto;
}

/*Border of Add Service box*/
#citizenportal_myservices .form-connect {
  border-top: 3px solid black;
}

/*Add service, Access Now and Show Details buttons*/
.btn-primary .tile-square-button .selectedApplicsDiv,
.cap-wrapper #citizenportal_myservices input.btn#ctsignuponline,
.cap-wrapper #citizenportal_myservices input.btn#hbsignuponline,
.cap-wrapper #citizenportal_myservices input.btn#ebsignuponline,
.cap-wrapper #citizenportal_myservices input.btn#llsignuponline,
.cap-wrapper #citizenportal_myservices input.btn#nrsignuponline,
.cap-wrapper #citizenportal_myservices .detail-button .show-detail-button,
.cap-wrapper
  #citizenportal_myservices
  input.btn.btn-primary.btn-sm
  .requestlading
  .doEmptyCheckService {
  background-color: #ffca38;
  color: black;
}

/*Add service description title*/
.cap-wrapper .portal-styling .add-services h3 {
  font-size: larger;
}

/*Add service cards*/
.cap-wrapper .accordionTile .panel .panel-control,
.cap-wrapper .accordionTile .panel-primary .panel-control {
  padding: 0 10px;
}

/*Service header border*/
.cap-wrapper .accordionTile .panel .panel-heading,
.cap-wrapper .accordionTile .panel-primary .panel-heading,
.cap-wrapper #citizenportal_myservices .form-connect {
  border-top: 3px solid black;
}

/*Connect tile header and add service header*/
span.connect-tile-header {
  font-size: 1.3em;
}

/*My Services header*/
.cap-wrapper h1 {
  color: #a16700;
}

/*My Services dashboard description header*/
.cap-wrapper .h5 {
  font-weight: bold;
  color: black;
}

/*Fix overflow issue*/
.site-content {
  max-width: fit-content;
}

.cap-wrapper {
  max-width: 100%;
}

/*Styles for My Services banner*/
/*Hide the Dashboard tab*/
/* Updated by BL */
ul.nav.navbar-nav.nav-pills.widget-off li:first-child,
.nav.navbar-nav.nav-pills > li:first-child {
  display: none;
}

/* Hide profile dropdown */
/* Added by BL */
.nav.navbar-nav.navbar-right.hidden-xs {
  display: none;
}

/*Hide the My Account tab*/
#myaccount_li {
  display: none !important;
  visibility: hidden !important;
}

/*Hide the My History tab*/
#myhistory_li {
  display: none !important;
  visibility: hidden !important;
}

/*Hide the Sign Out button*/
#logout_li {
  display: none !important;
  visibility: hidden !important;
}

/* Fix issue with tabs on mobile only having 1% width and not being visible */
.cap-wrapper .nav-item {
    width: auto !important;
}

/*Styles for Live as above not applicable*/

/*Below commented out by Ben so that we have a record of what was tried but didn't work*/

/*ul#capita-myprofile-widget-container {
	display: none !important;
}

.nav.navbar-nav.nav-pills li:first-child {
	display: none !important;
}

.nav.navbar-nav.nav-pills .myActivityLink_left {
	display: none !important;
}

.nav.navbar-nav.nav-pills .myServicesLink_left {
	display: block !important;
}*/