/* DCC Capita Styles
=================================
v2.0	15/02/21
		MP
		Digital & Web Team
================================= */

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap');

/*QUICK FIX FOR BUTTONS - 2025-01-29*/

/* .toptask_flex >a {
background-color: #007363 !important;
} */
/* END OF QUIC FIX*/
/*FIX FOR TOPTASK LINKS*/
.toptask_flex >a	{
	background-color: #007363 !important;
	text-decoration: none;
}
.toptask_flex >a .text-cell	{
	color: #fff !important;
}
.toptask_flex > a .icon-tt{
	color: #fff !important;
}
.toptask_flex >a:hover	{
	background-color: #fff !important;
    outline: 2px solid #007363;
}

.toptask_flex >a:hover .text-cell	{
	color: #007363 !important;
}

.toptask_flex > a:hover .icon-tt{
	color: #007363 !important;
}
/* END OF FIX FOR TOPTASK LINKS*/

/*GENERAL*/
*	{
	font-family: 'Barlow', sans-serif, Arial, 'icomoon' !important;
}
html	{
	overflow-y: scroll !important;
	font-size: 16px !important;
	line-height: 1.15 !important;
	-webkit-text-size-adjust: 100% !important;
	-ms-text-size-adjust: 100% !important;
	-ms-overflow-style: scrollbar !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
body, .cap-wrapper .container, .cap-wrapper .container-fluid	{
	background-color: #fff;
    color: #1E252A !important;
	font-family: 'Barlow', sans-serif !important;
	font-size: 1.125rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}
.cap-wrapper p, #text	{
	font-weight: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
	color: #1E252A !important;
	font-family: inherit !important;
    font-weight: inherit !important;
}
.cap-wrapper b, .cap-wrapper bold, .cap-wrapper strong	{
    font-weight: 600 !important;
}
.cap-wrapper hr	{
    border-top: 1px solid #e4e4e4 !important;
}
/* Stop iOS from styling inputs with rounded corners... */
textarea, input.text, input[type="text"], input[type="email"], input[type="button"], input[type="password"], input[type="submit"], .input-checkbox	{
	-webkit-appearance: none !important;
	border-radius: 0 !important;
}
a:focus img, a:active img	{
    border: unset !important;
}
/*END - GENERAL*/

/*LANDING PAGE - Top Tasks etc.*/
.toptask-panel, .my-services-panel	{
	margin-bottom: 30px !important;
}
.toptask-panel .my-service-panel-header, .my-services-panel .my-service-panel-header {
    margin-top: 1rem !important;
	margin-left: 1rem !important;
}
a:focus, input.btn-primary:focus, input.btn-default:focus, div.btn-primary:focus, input.btn-link:focus, button.btn-primary:focus, button.navbar-toggle:focus, .display-details__row a:focus span.display-details__label, td.ui-datepicker-days-cell-over a.ui-state-hover, .cap-wrapper input.btn-link:focus, #linkButton:focus, .cap-wrapper .portal-styling .content-center:focus span.outer-ring {
    background-color: unset !important;
}
.cap-wrapper .portal-styling .portal-panel-default, .cap-wrapper .portal-styling .form-connect, .cap-wrapper .portal-styling .widget-band .widget-div {
    background-color: #fff;
}
.cap-wrapper .portal-styling .servicesLink-panel, .cap-wrapper .portal-styling .toptask-panel, .cap-wrapper .portal-styling .my-services-panel  {
    background-color: #fff;
    padding: 1rem 1.25rem 1.875rem;
    height: 100%;
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
    border: 2px solid #f5f5f5;
    border-radius: 0;
    border-bottom: 4px solid #007363;
    transition: all .1s linear;
}
.cap-wrapper .portal-styling .servicesLink-panel:hover {
	border: solid 2px #007363;
    border-bottom: 4px solid #007363;
}
	
.servicesLink-panel .my-service-panel-header {
    margin-top: 0 !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin-bottom: 1.25rem !important;
	line-height: 1.5 !important;
}
@media (max-width: 767.99px)	{
	.top-task .cap-wrapper .outer-link {
		background-color: #007363 !important;
	}
}
@media (max-width: 583.99px)	{
	.service-link-1	{
		height: unset !important;
	}
}

/*JADU & BOOTSTRAP APPLICABLE BASICS*/
footer, header, nav	{
    display: block;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row	{
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-12	{
    width: 100%;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12	{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
.t--small	{
	font-size: .9375rem;
}
@media (min-width: 768px)	{
	.container	{
		width: 750px;
	}
}
@media (min-width: 992px)	{
	.container	{
		width: 970px;
	}
}

/*CONTAINERS*/
.cap-wrapper {
		max-width: 1000px;
		margin: 0 auto;
}
.cap-wrapper, .cap-wrapper .container-fluid	{
    max-width: 1170px;
}
@media (max-width: 1199px)	{
	.cap-wrapper .container-fluid	{
		max-width: 968px;
	}
}
@media (max-width: 991px)	{
	.cap-wrapper .container-fluid	{
		max-width: 768px;
	}
}
/*END - CONTAINERS*/

/*LINKS*/
.cap-wrapper a	{
	color: #007363 !important;
	border-bottom: none !important;
	text-decoration: underline !important;
}
.cap-wrapper a:visited	{
	color: #1a6fa8;
}
.cap-wrapper a:hover	{
	color: #1e252a !important;
	border-bottom: none !important;
}
.cap-wrapper a:focus, .cap-wrapper a:active	{
	outline: 2px solid #005D50;
	outline-offset: 1px;
	background-color: unset;
}
a:focus, a:active	{
	outline: 2px solid #005D50;
	outline-offset: 1px;
	background-color: unset !important;
}
a:focus, input.btn-primary:focus, input.btn-default:focus, div.btn-primary:focus, input.btn-link:focus, button.btn-primary:focus, button.navbar-toggle:focus, .display-details__row a:focus span.display-details__label, td.ui-datepicker-days-cell-over a.ui-state-hover, .cap-wrapper input.btn-link:focus, #linkButton:focus {
    background-color: #e4e4e4 !important;
}

/*END - LINKS*/

/*HEADERS*/
h1	{
	color: #1E252A !important;
	font-style: normal;
    text-rendering: optimizeLegibility;
	border-bottom: none !important;
	margin-top: 1.5rem !important;
	margin-bottom: 2rem !important;
    font-size: 2.25rem !important;
    line-height: 2.75rem !important;
	font-weight: 600 !important;
}
h2, .h2	{
	color: #1E252A !important;
	font-style: normal;
    text-rendering: optimizeLegibility;
	border-bottom: none !important;
	margin-top: 1.5rem !important;
	margin-bottom: 1rem !important;
    font-size: 1.75rem !important;
    line-height: 2.125rem !important;
	font-weight: 600 !important;
}
h3	{
	color: #1E252A !important;
	font-style: normal;
    text-rendering: optimizeLegibility;
	padding-top: 0 !important;
	border: none !important;
	padding-bottom: 0 !important;
	height: unset !important;
	margin-top: 1.25rem !important;
	margin-bottom: 1rem !important;
    font-size: 1.5rem !important;
    line-height: 2rem !important;
	font-weight: 600 !important;
}
h4, .h4	{
	color: #1E252A !important;
    padding: unset !important;
	margin: 1rem 0 1rem 0 !important;
	border-bottom: none !important;
	font-size: 1.25rem !important;
    line-height: 1.5rem !important;
	font-weight: 600 !important;
}
.h5	{
	color: #1E252A !important;
    margin-top: .75rem !important;
	margin-bottom: .75rem !important;
    font-size: 1.15rem !important;
    line-height: 1.25rem !important;
	font-weight: 600 !important;
}
.cap-wrapper h1 small	{
	font-size: 50% !important;
    color: #000 !important;
}
.cap-wrapper .portal-styling h2	{
	border-top: 2px solid #f5f5f5 !important;
}
.cap-wrapper .portal-styling .portal-panel h3	{
	margin-bottom: 15px !important;
}
#myservicesband .cap-wrapper .my-services .portal-section .portal-widget h2 {
    display: none !important;
}
/*END - LINKS*/

/*ALERTS*/
.text-danger {
    color: #e00000 !important;
}
.capitaerror {
    color: #e00000;
    font-weight: normal;
}
.alert	{
	padding: 15px !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-position-x: 15px !important;
    background-size: 40px 40px !important;
    padding-left: 70px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
	border: none !important;
    border-radius: 0 !important;
}
.alert-info	{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%231E252A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='arcs'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E") !important;
	color: #1E252A !important;
    background-color: #99E0FF !important;
}
.alert-info::before	{
    color: #1E252A !important;
    margin-right: .75rem !important;
}
.alert-info a, .alert-info a:focus, .alert-info a:active, .alert-info a:visited	{
	color: #023E8A !important;
}
.alert-warning	{
    color: #1E252A !important;
    background-color: #FFB722 !important;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%231E252A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='arcs'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E") !important;
}
.alert-warning::before	{
    color: #1E252A !important;
    margin-right: .75rem !important;
}
.alert-warning a, .alert-warning a:focus, .alert-warning a:active, .alert-warning a:visited	{
	color: #5C2000 !important;
}
.alert-danger	{
    color: #fff !important;
    background-color: #E00000 !important;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='arcs'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='4.93' y1='4.93' x2='19.07' y2='19.07'%3E%3C/line%3E%3C/svg%3E") !important;
}
.alert-danger::before	{
    color: #fff !important;
    margin-right: .75rem !important;
}
.alert-success	{
    color: #fff !important;
    background-color: #218721 !important;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='arcs'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
.alert-success::before	{
    color: #fff !important;
    margin-right: .75rem !important;
}
p.alert.alert-success, p.alert.alert-danger, .alert-danger a, .alert-danger a:focus, .alert-danger a:active, .alert-danger a:visited, .alert-success a, .alert-success a:focus, .alert-success a:active, .alert-success a:visited	{
	color: #fff !important;
}
.alert a:hover	{
	filter: brightness(50%) !important;
}
.alert-danger a:hover, .alert-success a:hover	{
	filter: brightness(90%) !important;
}
/*END - ALERTS*/


/* INPUTS */
button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .cap-wrapper input.btn-link:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .cap-wrapper input.btn-link:active	{
	background-color: unset !important;
}	
.cap-wrapper .form-control	{
    padding: .65rem 1.25rem !important;
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
    color: #1E252A !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
	border: 1px solid #ccc !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    height: 50px !important;
	text-transform: none !important;
}
.cap-wrapper .form-control:focus, .cap-wrapper input[type=text]:focus, .cap-wrapper #citizenportal_myservices .form-control:focus, .cap-wrapper #citizenportal_myservices input[type=text]:focus {
    border: unset !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: #1f73a3 0px 0px 6px;
    box-shadow: none;
    outline: 2px solid #007363 !important;
    outline-offset: -2px !important;
}
.cap-wrapper .portal-styling label	{
    margin-bottom: .25rem;
    font-weight: 600;
}
.checkbox label	{
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    background-color: unset !important;
    border-radius: unset !important;
    border: unset !important;
}
.checkbox label:hover	{
    color: #1E252A !important;
}
.checkbox input[type="checkbox"]	{
    width: 20px !important;
    height: 20px !important;
	margin: 0 .5rem 0;
	
}
.cap-wrapper .form-group label	{
    font-weight: 600;
}
.cap-wrapper .radio input[type="radio"] {
    display: none;
}
.cap-wrapper .radio label	{
	display: inline-block;
    background-color: #fff;
    border: 1px solid lightgrey;
	text-align: center;
	min-width: 100px;
	margin: 0 !important;
    font-size: .9375rem !important;
    line-height: 1.125rem !important;
    letter-spacing: .5px !important;
    font-weight: 600 !important;
    padding: 0.9375rem 1.25rem !important;
    transition: all .1s linear !important;
    border-radius: 0 !important;
    white-space: normal;
    text-decoration: none !important;
    text-transform: uppercase !important;
    outline: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.radio label.isSelected	{
	background-color: #007363 !important;
    border: 1px solid #007363 !important;
    color: #fff !important;
    margin: 0 !important;
    font-size: .9375rem !important;
    line-height: 1.125rem !important;
    letter-spacing: .5px !important;
    font-weight: 600 !important;
    padding: 0.9375rem 1.25rem !important;
    transition: all .1s linear !important;
    border-radius: 0 !important;
    white-space: normal;
    text-decoration: none !important;
    text-transform: uppercase !important;
    outline: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.cap-wrapper .radio label:hover, .cap-wrapper .radio label.isSelected:hover, .cap-wrapper .radio label:focus, .cap-wrapper .radio label.isSelected:focus, .cap-wrapper .radio label:active, .cap-wrapper .radio label.isSelected:active	{
	background-color: #005D50 !important;
    border: 1px solid #005D50 !important;
}
/*END - INPUTS*/

/*HEADER*/
.header-container	{
    width: 100%;
	position: fixed;
    z-index: 1000;
}
.dcc-header	{
	background-color: #fff;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	z-index: 5;
	position: relative; 
}
.no-js .dcc-header	{
    position: static;
}
.dcc-header .container--no-pad	{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 109.5px;
}
.header__logo	{
    display: block;
    width: 111px;
    height: 61px;
    fill: #1E252A;
	margin-left: auto !important;
	margin-right: auto !important;
}
.header__logo .header__logo__link:hover svg, .header__logo .header__logo__link:focus svg	{
    fill: #007363;
}
#header h1	{
	display: inline-block;
	margin: 0 !important;
}
.brand-image	{
	max-height: 32px;
	margin: 10rem 0 2.5rem 0;
	padding-left: 1px;
}
@media (max-width:1350px)	{
	.header__logo	{
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
}
@media (max-width:767.9px)	{
	#header img	{
		margin: 7rem 0 2rem 0;
		max-width: 160px;
	}
	.dcc-header .container--no-pad	{
        height: 80px;
	}
	.header__logo	{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
@media (min-width: 768px) {
    .header__logo	{
        width: 145px;
        height: 79px;
	}
}
@media (min-width: 576px)	{
    .dcc-header	{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
}

/*MYACCOUNT WRAPPER*/
/*myAccount - Logo*/
.dcc-wrapper #header h1	{
    display: inline-block;
    margin: 0;
}
.dcc-wrapper #header img	{
    margin: 10rem 0 2.5rem -15px;
    max-width: 200px;
    height: auto;
    -ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
.dcc-wrapper #header .brand-image	{
    max-height: 32px !important;
}
/*myAccount - Navigation*/
#navigation {
    display: block;
	margin-bottom: 30px;
}
.dcc-wrapper #navigation .visible-xs	{
	display:none !important;
}
.dcc-wrapper #navigation .navbar {
    position: relative !important;
    border: 1px solid transparent !important;
	display: inline-block !important;
}
.dcc-wrapper #navigation .btn-primary {
    color: #fff !important;
    background-color: #007363 !important;
    border: solid 1px #007363 !important;
}
.dcc-wrapper #navigation .btn-primary:hover, .dcc-wrapper #navigation .btn-primary:focus, div.btn-primary:focus, .dcc-wrapper #navigation .btn-primary:active	{
    color: #fff !important;
    background-color: #005D50 !important;
	border-color: #1E252A !important;
}
.dcc-wrapper #navigation .btn-lg	{
    min-width: unset !important;
	text-transform: unset !important;
}
.dcc-wrapper #navigation a	{
    text-decoration: none;
}
.cap-wrapper .portal-styling #headerlinks_headerlinks {
    margin-top: 15px;
}

/*myAccount Footer*/
/*FOOTER*/
.footer h2	{
	margin-bottom: 1rem !important;
}
.footer	{
	background-color: #1E252A !important;
	margin-top: 4rem !important; 
}
.footer .container {
    max-width: 1025px !important;
}
.footer .row {
    max-width: 100%;
}
.footer__logo	{
    width: 189px !important;
    height: 103px !important;
    fill: #fff !important; 
}
.footer .footer__logo__link	{
    display: block !important;
    width: 189px !important;
    height: 103px !important;
    margin: 2.5rem auto !important;
}
.footer .footer__logo__link:hover .footer__logo, .footer .footer__logo__link:focus .footer__logo	{
    fill: #00A380 !important;
}
.footer nav	{
    text-align: center !important;
	margin-left: -40px;
}
.footer nav li	{
    display: inline-block !important;
    margin: 0.625rem 0.625rem 0 !important;
}
.footer nav li a	{
    color: #fff !important;
    text-decoration: none !important;
	font-size: 1.125rem;
}
.footer nav li a:focus	{
    outline: 2px solid #00A380 !important;
    outline-offset: 2px !important;
}
.footer nav li a:hover, .footer nav li a:focus	{
    color: #00A380 !important;
    background-color: transparent !important;
    text-decoration: underline !important;
}
.footer__social	{
    text-align: center !important;
    margin: 2.5rem 0 !important;
}
.footer__social__single	{
    display: inline-block !important;
    width: 40px !important;
    height: 40px !important;
    position: relative !important;
}
.footer__social__single + .footer__social__single	{
    margin-left: 1.25rem !important;
}
.footer__social__single .icon	{
    fill: #fff !important;
}
.footer__social__single:hover .icon	{
    fill: #00A380 !important;
}
.footer__social .icon	{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}
.footer__social .icon--twitter	{
    width: 30px !important;
    height: 24px !important; 
}
.footer__social .icon--facebook	{
    width: 17px !important;
    height: 32px !important;
}
.footer__social .icon--youtube	{
    width: 29px !important;
    height: 35px !important;
}
.footer__social .icon--instagram	{
    width: 30px !important;
    height: 30px !important;
}
.footer__social .icon--linkedin	{
    width: 30px !important;
    height: 30px !important;
}
.footer__social .icon--rss	{
    width: 30px !important;
    height: 30px !important;
}    
.footer__baseline	{
    border-top: 1px solid #e4e4e4 !important;
    padding: 1.15rem 0 !important
}
.footer__baseline p	{
      color: #fff !important;
      margin: 0 !important;
}
.footer__baseline p a	{
    font-weight: 400 !important;
    color: #fff !important;
   text-decoration: underline !important;
}
.footer__baseline p a:focus	{
    background: transparent !important;
}
.footer__baseline p a:hover	{
    color: #00A380 !important;
}
.footer-signup	{
	padding: 2.5rem 0 !important;
	background-color: #273037 !important;
}
.footer-signup__text	{
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    margin-bottom: 1.25rem !important;
	display: block;
    float: left;
}
#mc-embedded-subscribe-form	{
    margin-bottom: 1.5rem;
}
#mc-embedded-subscribe-form .form__group {
    padding-left: 15px;
}
.footer .footer-signup #mce-success-response {
    color: #fff;
}
.footer input:not(.btn):focus {
    outline: 2px solid #007363;
    outline-offset: -2px;
}
.footer-signup__input	{
    flex: 1 !important;
    font-size: 1.25rem !important;
    line-height: 1.5rem !important;
    padding: 1.25rem 1.875rem !important;
    border: 1px solid #fff !important;
}
.footer-signup__submit	{
    background:none !important;
    font-size: 1.25rem !important;
    line-height: 1.5rem !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    padding: 1.125rem 1.875rem !important;
    margin-left: 0.625rem !important;
    transition: all .1s linear !important;
}
.footer-signup__submit:hover	{
    background-color: #fff !important;
    color: #1E252A !important;
}
@media (max-width: 767.99px)	{
	.footer-signup__text {
		width: 100%;
	}
	#mc-embedded-subscribe-form .form__group {
		padding-left: 1px;
	}
}
@media (max-width: 575.98px)	{
    .footer-signup {
		padding: 1rem 0 !important;
	}
	.footer-signup__submit	{
        display: block !important;
        margin: 0 !important;
        width: 100% !important;
		border-radius: 0 !important;
	}
	.footer-signup__input	{
        display: block !important;
        margin-bottom: 0.625rem !important;
        width: 100% !important;
		box-sizing: border-box;
		max-width: unset;
		border-radius: 0 !important;
	}
}
@media (min-width: 576px) {
    .footer__social__single + .footer__social__single	{
		margin-left: 2.5rem !important;
	}
	.footer .container	{
		max-width: 720px !important;
	}
	.footer-signup .form__group	{
		display: flex !important;
	}
	.footer__baseline p	{
        display: inline-block !important; 
	}
    .footer__baseline p + p	{
		margin-left: 1.25rem !important;
	}
}
@media (min-width: 767.9px)	{
	.footer-signup__text	{
        padding: 0.3125rem 0 !important;
        /*margin: 0 !important;*/
	}
}
@media (min-width: 797.9px)	{
	.footer .container {
		max-width: 960px !important;
	}
}
@media (min-width: 991.9px)	{
	.footer .container {
		max-width: 996px /*1024px*/ !important;
	}
	.footer-signup__text	{
        padding: 1.25rem 0 !important;
		margin: 0 5.25rem 0 0 !important;
	}
}
/*END - MYACCOUNT WRAPPER*/

/*NAVIGATION*/
.cap-wrapper .portal-styling .navbar--connect	{
	border-bottom: none !important;
    background-color: #fff;
}
.cap-wrapper .navbar--connect { 
    min-height: 40px;
}
.cap-wrapper .portal-styling .navbar--connect .nav-pills li {
    border: none !important;
}
.cap-wrapper .portal-styling .navbar--connect .nav-pills li.active {
    background-color: unset;
    border: unset;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.cap-wrapper .portal-styling .navbar--connect .navbar-nav.nav-pills li a, .cap-wrapper .portal-styling .navbar--connect .navbar-nav.nav-pills li a.active	{
    height: unset !important;
    color: #1E252A !important;
    margin: 0 5px 6px 0;
    border: 1px solid #1E252A !important;
    border-radius: 0;
    font-size: .9375rem;
    line-height: 1.125rem;
    letter-spacing: .5px;
    font-weight: 600;
    padding: 0.9375rem 1.25rem;
    display: inline-block;
    transition: all .1s linear;
    white-space: normal;
    text-decoration: none !important;
    text-transform: uppercase;
    outline: none !important;
	background-color: #fff !important;
}
.cap-wrapper .portal-styling .navbar--connect .navbar-nav.nav-pills li a:hover, .cap-wrapper .portal-styling .navbar--connect .navbar-nav.nav-pills li a:focus, .cap-wrapper .portal-styling .navbar--connect .navbar-nav.nav-pills li a:active {
    background-color: #007363 !important;
    border-color: #007363 !important;
    color: #fff !important;
}
/*END - NAVIGATION*/

/*PROFILE DROPDOWN*/
.cap-wrapper #capita-myprofile-widget-container {
    font-size: 1em !important;
	margin-top: 1rem;
}
.cap-wrapper .portal-styling ul#capita-myprofile-widget-container li	{
    margin-bottom: 0 !important;
}
.cap-wrapper .portal-styling ul#capita-myprofile-widget-container li a	{
    border: none !important;
	color: #54595B !important;
	text-decoration: none !important;
}
.cap-wrapper .portal-styling ul#capita-myprofile-widget-container li a:first-child	{
    border-bottom: solid 2px transparent !important;
}
.cap-wrapper .portal-styling ul#capita-myprofile-widget-container li a:not(:first-child) {
    color: #54595B !important;
	padding: 16px 15px !important;
}
ul#capita-myprofile-widget-container-mobile {
    padding-left: 0 !important;
}
#capita-myprofile-widget-container li .dropdown-toggle	{
    border: solid 1px transparent !important;
}
#capita-myprofile-widget-container #profile_nav .dropdown-menu {
    width: 100% !important;
    background-color: #fff !important;
    color: #54595B !important;
    font-size: inherit !important;
    -webkit-box-shadow: 10px 17px 17px rgb(0 0 0 / 15%);
    box-shadow: 10px 17px 17px rgb(0 0 0 / 15%);
    padding: 10px;
    margin-top: 1.04rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    overflow: hidden;
	border-radius: 0;
}
.cap-wrapper .portal-styling ul#capita-myprofile-widget-container .dropdown-menu li:first-child	{
    margin-top: .5rem !important;
}
.cap-wrapper .portal-styling ul#capita-myprofile-widget-container .dropdown-menu li:last-child	{
    margin-bottom: 1rem !important;
}
.cap-wrapper .portal-styling ul#capita-myprofile-widget-container .dropdown-menu li {
    padding: .5rem 1.5rem !important;
}
.cap-wrapper .portal-styling ul#capita-myprofile-widget-container .dropdown-menu li a	{
    text-decoration: none !important;
    font-weight: unset;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, -2px 0 #fff, 0 2px 0 #fff;
    background-image: linear-gradient(to top, #1E252A 0, #1E252A 2px, transparent 2px, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}
.cap-wrapper .portal-styling ul#capita-myprofile-widget-container .dropdown-menu li a:hover, .cap-wrapper .portal-styling ul#capita-myprofile-widget-container .dropdown-menu li a:focus, .cap-wrapper .portal-styling ul#capita-myprofile-widget-container .dropdown-menu li a:active	{
    background-color: unset !important;
	background-size: 100% 100%;
	transition: background-size .2s ease-out;
}
/*END - PROFILE DROPDOWN*/
@media (min-width: 785px)	{
	.cap-wrapper .portal-styling ul#capita-myprofile-widget-container li	{
		padding-right: .75rem;
	}
	.cap-wrapper .portal-styling ul#capita-myprofile-widget-container li a, .cap-wrapper .portal-styling ul#capita-myprofile-widget-container li a.active	{
		text-decoration: underline !important;
		padding: 0;
	}
	.cap-wrapper .portal-styling ul#capita-myprofile-widget-container li a:hover	{
		color: #1E252A !important;
	}
	.cap-wrapper .portal-styling ul#capita-myprofile-widget-container li a:focus, .cap-wrapper .portal-styling ul#capita-myprofile-widget-container li a:active	{
		color: #005D50 !important;
		outline: 2px solid #005D50 !important;
		outline-offset: 1px;
	}
	.cap-wrapper #capita-myprofile-widget-container .myprofile_salutation	{
		margin-top: -3px !important;
	}
}

/*PANELS*/
.accordionTile {
    margin-bottom: 2rem !important;
}
.cap-wrapper .accordionTile .panel .panel-heading, .cap-wrapper .accordionTile .panel-primary .panel-heading	{
    border-top: unset;
	padding: 2.5rem 2.5rem 1rem !important;
	font-weight: bold;
}
.cap-wrapper .accordionTile .panel .panel-heading, .cap-wrapper .accordionTile .panel-primary .panel-heading .icomoon	{
    margin-right: .5rem;
}
.panel	{
	margin-bottom: 0 !important;
	border-radius: 0 !important;
	border: 2px solid #f5f5f5 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: 10px 10px 20px rgb(0 0 0 / 20%) !important;
    box-shadow: 10px 10px 20px rgb(0 0 0 / 20%) !important;
    border-bottom: 4px solid #007363 !important;
}
.panel-heading {
    background-color: #fff !important;
    border-bottom: none !important;
    padding: 1rem 2.5rem 0 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.panel-heading a {
    text-decoration: none !important;
}
.panel-title {
    padding: unset !important;
	color: #1E252A !important;
}
.connect-tile-header {
    padding: unset !important;
	color: #1E252A !important;
	border-bottom: unset !important;
}
.cap-wrapper .portal-styling .accordionTile h4 {
    display: none;
}
.panel-body	{
    background-color: #fff !important;
    padding: 1rem 2.5rem 2.5rem !important;
    height: unset !important;
}
.add-services .accordionTile .panel-body {
    min-height: 470px;
}
.registration .accordionTile .panel-body {
    min-height: 561px;
}
.cap-wrapper .help-block {
    color: #4F5A65 !important;
}
.cap-wrapper ul, .cap-wrapper ol {
    padding-left: 20px;
	font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}
.cap-wrapper ul li, .cap-wrapper ol li {
    margin-bottom: .25rem;
}
.panel-control	{
    background-color: #fff !important;
}
.panel-footer	{
    background-color: #fff !important;
    border-top: unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    min-height: unset !important;
    padding: 15px !important;
}
#my_activity--accordion .panel	{
	border: 1px solid #e4e4e4 !important;
    box-shadow: none !important;
    background-color: #fff !important;
	margin-bottom: 30px !important;
}
#my_activity--accordion .panel .panel-heading a:first-of-type	{
	padding: 0 !important;
}
#my_activity--accordion .panel .panel-heading h4	{
	margin: 10px 0 0 0 !important;
}
@media (max-width: 991.99px)	{
	.cap-wrapper .accordionTile .panel {
		min-height: 600px;
	}
	.cap-wrapper .accordionTile .panel .panel-footer span.pull-right, .cap-wrapper .accordionTile .panel .panel-footer a.btn {
		width: 100%;
	}
	.cap-wrapper .accordionTile .panel .panel-footer a.btn {
		margin-bottom: 15px !important;
	}
}
@media (max-width: 424.99px)	{
	.cap-wrapper .panel .panel-heading, .cap-wrapper .accordionTile .panel .panel-heading, .cap-wrapper .accordionTile .panel-primary .panel-heading {
		padding: 1rem !important;
	}
	.panel-body {
		padding: 1rem !important;
	}
	.cap-wrapper .activities-search-box {
		width: 100% !important;
	}
}
/*END - PANELS*/

/*DROPDOWN IN PANELS i.e. Landlord*/
.cap-wrapper .data-pair--plain .data-pair__left	{
    padding: 10px 0;
    padding-right: unset;
    min-height: unset;
}
/*END - DROPDOWN IN PANELS*/

/*DETAIL PAGES via PANELS*/
.cap-wrapper .form-inline .form-group	{
    vertical-align: top;
}
.cap-wrapper .outer-ring {
    float: unset !important;
    height: unset !important;
    width: unset !important;
    padding: unset !important;
    -webkit-border-radius: unset !important;
    -moz-border-radius: unset !important;
    -ms-border-radius: unset !important;
    border-radius: unset !important;
    background-color: unset !important;
}
.cap-wrapper .outer-ring .inner-ring {
    display: unset !important;
    height: unset !important;
    width: unset !important;
    -webkit-border-radius: unset !important;
    -moz-border-radius: unset !important;
    -ms-border-radius: unset !important;
    border-radius: unset !important;
    background-color: unset !important;
    border: none !important;
}
.cap-wrapper .outer-ring .inner-ring .inner-wht-img[class*=' icon-']	{
    color: #fff;
	display: unset;
    height: unset;
    width: unset;
    margin: unset;
    background-position: unset;
    background-size: unset;
}
@media (max-width: 820.99px)	{
	.top-task {
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 820px)	{
	.cap-wrapper #ctSummarypanel .top-task a.content-center {
		justify-content: center !important;
	}
}
.cap-wrapper .top-task a {
    padding: 0.9375rem .65rem !important;
    transition: all .1s linear !important;
    white-space: normal;
	outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	height: unset;
    margin-bottom: unset;
    display: block;
    text-decoration: none !important;
    min-height: 175px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    background-image: none !important;
    background-color: #007363 !important;
    border: solid 1px #007363 !important;
    border-color: #007363 !important;
    color: #fff !important;
}
@media screen and (max-width: 1024.99px)	{
	.cap-wrapper .top-task a {
		min-height: 150px;
	}
}
.cap-wrapper .top-task a:hover, .cap-wrapper .top-task a:focus, .cap-wrapper .top-task a:active	{
	background-color: #005D50 !important;
	padding: 0.9375rem .65rem !important;
}
.cap-wrapper .top-task a:hover .outer-ring .inner-ring span[class*=' icon-'], .cap-wrapper .top-task a:focus .outer-ring .inner-ring span[class*=' icon-'] {
    color: #fff;
}
.cap-wrapper a .text-cell	{
	color: #fff !important;
    font-size: .9rem !important;
    line-height: 1.25rem !important;
    letter-spacing: .5px !important;
    font-weight: 600 !important;
    white-space: normal;
	text-decoration: none !important;
	text-transform: uppercase !important;
	text-shadow: none !important;
	vertical-align: unset;
    padding-left: unset;
    padding-right: unset;
}
.cap-wrapper .top-task a:hover .text-cell	{
    color: #fff !important;
}
#tab-jump .nav li a:hover	{
	text-decoration: underline !important;
}
.cap-wrapper .form-connect	{
	padding: 15px;
    background-color: #fff;
    margin-bottom: 15px;
    border: solid 1px #e4e4e4;
    padding-bottom: 0;
}
.cap-wrapper .summary-detail:nth-child(odd)	{
    background-color: #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
/*.cap-wrapper .cap-tab-outline	{
    border-left: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
    border-right: solid 1px #e4e4e4;
    padding: 15px;
}*/
.cap-wrapper .nav.nav-pills > li	{
    border-bottom: 1px solid #e4e4e4;
    background-color: transparent;
}
.cap-wrapper .nav-pills>li>a, .cap-wrapper .nav-pills>li>a:focus	{
	border-radius: 0 !important;
}
.cap-wrapper .nav.nav-pills > li.active	{
    border: 1px solid #e4e4e4;
    border-bottom: transparent;
}
.cap-wrapper .portal-styling .cap-fr {
    padding-left: 10px;
}
/*END - DETAIL PAGES via PANELS*/

/*TABLES*/
.cap-wrapper .table > thead > tr > th {
    border-bottom-color: #007363;
	font-weight: 600;
}
/*END - TABLES*/

/*BUTTONS*/
.btn	{
    margin: 0 !important;
    font-size: .9375rem !important;
    line-height: 1.125rem !important;
    letter-spacing: .5px !important;
    font-weight: 600 !important;
    padding: 0.9375rem 1.25rem !important;
    display: inline-block !important;
    transition: all .1s linear !important;
    border: 1px solid #005D50 !important;
	border-color: transparent !important;
	border-radius: 0 !important;
	white-space: normal;
	text-decoration: none !important;
	text-transform: uppercase !important;
	outline: none !important;
	min-width: 7em !important;
	height: unset !important;
	text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.btn-default, .btn-primary[name=add], .cap-wrapper .portal-styling .btn-primary[name=_register], .btn-primary[name=startSearch], .btn-primary[name=_eventId_confirm], .btn-primary[name=_eventId_next], .btn-primary[name=_eventId_continue]	{
	background-image: none !important;
	background-color: #007363 !important;
	border: solid 1px #007363 !important;
	border-color: #007363 !important;
	color: #fff !important;
}
.cap-wrapper .portal-styling .btn-primary[name=add]	{
    border-color: #007363 !important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-primary[name=add]:hover, .btn-primary[name=add]:focus, .btn-primary[name=add]:active, .cap-wrapper .portal-styling .btn-primary[name=_register]:hover, .cap-wrapper .portal-styling .btn-primary[name=_register]:focus, .cap-wrapper .portal-styling .btn-primary[name=_register]:active, .btn-primary[name=startSearch]:hover, .btn-primary[name=startSearch]:focus, .btn-primary[name=startSearch]:active, .btn-primary[name=_eventId_confirm]:hover, .btn-primary[name=_eventId_confirm]:focus, .btn-primary[name=_eventId_confirm]:active, .btn-primary[name=_eventId_next]:hover, .btn-primary[name=_eventId_next]:focus, .btn-primary[name=_eventId_next]:active, .btn-primary[name=_eventId_continue]:hover, .btn-primary[name=_eventId_continue]:focus, .btn-primary[name=_eventId_continue]:active	{
	background-color: #005D50 !important;
	color: #fff !important;
}
.btn-primary, .btn-default[name=cancel], .btn-default[name=_eventId_clear], .btn-default[name=_eventId_skip], .btn-default[name=_eventId_cancel],#useEmailButton {
    background-color: #1E252A !important;
    border: solid 1px #1E252A !important;
	background-image: none !important;
	color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-default[name=cancel]:hover, .btn-default[name=cancel]:focus, .btn-default[name=cancel]:active, .btn-default[name=_eventId_clear]:hover, .btn-default[name=_eventId_clear]:focus, .btn-default[name=_eventId_clear]:active, .btn-default[name=_eventId_skip]:hover, .btn-default[name=_eventId_skip]:focus, .btn-default[name=_eventId_skip]:active, .btn-default[name=_eventId_cancel]:hover, .btn-default[name=_eventId_cancel]:focus, .btn-default[name=_eventId_cancel]:active,#useEmailButton:hover,#useEmailButton:focus,#useEmailButton:active	{
	background-color: #000 !important;
	color: #fff !important;
	border: solid 1px #000 !important;
}
.btn-link	{
	background-color: #fff !important;
    border: solid 1px #1E252A !important;
	color: #1E252A !important;
}
.btn-link:hover, .btn-link:focus, .btn-link:active	{
	background-color: #1E252A !important;
    border: solid 1px #1E252A !important;
	text-decoration: none !important;
	color: #fff !important;
}
a.btn-default, a.btn-primary[name=add], a.btn-primary[name=_register], a.btn-primary[name=startSearch], a.btn-primary, a.btn-default[name=cancel]	{
	color: #fff !important;
	text-decoration: none !important;
}
a.btn-link	{
	color: #1E252A !important;
}
a.btn-default:hover, a.btn-primary[name=add]:hover, a.btn-primary[name=_register]:hover, a.btn-primary[name=startSearch]:hover, a.btn-primary:hover, a.btn-default[name=cancel]:hover, a.btn-default:focus, a.btn-primary[name=add]:focus, a.btn-primary[name=_register]:focus, a.btn-primary[name=startSearch]:focus, a.btn-primary:focus, a.btn-default[name=cancel]:focus, a.btn-default:active, a.btn-primary[name=add]:active, a.btn-primary[name=_register]:active, a.btn-primary[name=startSearch]:active, a.btn-primary:active, a.btn-default[name=cancel]:active	{
	color: #fff !important;
}
a.btn-link:hover, a.btn-link:focus, a.btn-link:active	{
	color: #1E252A !important;
}
.cap-wrapper .portal-styling #myservicesband .my-service-left a.btn.btn-primary	{
	margin-top: 15px !important;
}
.tile-square-button	{
	margin: 15px 0 30px 0 !important;
	line-height: unset !important;
}
.btn-primary[name=_eventId_continue] {
    float: right;
	right: 15px;
    position: absolute;
}
/* Add Services Buttons */
.cap-wrapper #addServices .radio label	{
	background-color: #fff;
    border: solid 1px #1E252A !important;
	color: #1E252A;
	min-width: 200px !important;
	margin-bottom: 15px !important;
}
.cap-wrapper #addServices .radio label:hover, .cap-wrapper #addServices .radio label:focus, .cap-wrapper #addServices .radio label:active	{
	color: #fff !important;
}

/*END - BUTTONS*/

/*SIGN IN / REGISTER*/
.cap-wrapper .portal-styling hr {
    border-top: none !important;
}
.cap-wrapper .portal-styling #register-account h1.h2	{
	margin-top: 0px !important;
}
/*.cap-wrapper .portal-styling .form-connect, .cap-wrapper .portal-styling #register-account	{
    background-color: unset !important;
    border-top: unset;
    border: 2px solid #f5f5f5 !important;
    -moz-box-shadow: none;
    padding: 1.5rem 2.5rem 2rem;
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
    border-bottom: 4px solid #007363;
	margin-bottom: 3em;
}*/
.cap-wrapper .portal-styling #register-account h1.h2	{
	border-bottom: none !important;
}
#register-account h3 {
    margin-bottom: 7px !important;
}
#register-account hr {
    border-top: unset !important;
}
/*END - SIGN IN / REGISTER*/

/*YOUR DETAILS*/
.cap-wrapper .simulate-sm .display-details__row__a-personal {
    height: unset;
}
.portal-styling #registration_profiledetails p a	{
	color: #007363 !important;
}
.portal-styling #registration_profiledetails p a:hover, .portal-styling #registration_profiledetails p a:focus, .portal-styling #registration_profiledetails p a:active	{
	color: #007363 !important;
	border-bottom: 1px solid #007363 !important;
}
.cap-wrapper .portal-styling .form-connect	{
	background-color: unset !important;
}
/*END - YOUR DETAILS*/

/* YOUR PERSONAL INFO */
.cap-wrapper .myprofile.portal-styling .display-details__row a:hover, .cap-wrapper .myprofile.portal-styling .display-details__row a:focus {
    background-color: #f9f9f9;
}
.cap-wrapper .myprofile.portal-styling .display-details__row a:hover .display-details__label, .cap-wrapper .myprofile.portal-styling .display-details__row a:focus .display-details__label	{
    color: #1E252A;
}
/* END - YOUR PERSONAL INFO */

/*DIRECT DEBIT*/
.cap-wrapper .directdebit .form-connect {
    padding: 28px 22px;
    background-color: #fff;
    border: solid 1px #e4e4e4;
}
.cap-wrapper .directdebit .panel	{
    margin-bottom: 30px !important;
}
.cap-wrapper .directdebit .panel .panel-heading	{
    background-image: none !important;
}
.cap-wrapper #corressAddress .radio label:hover	{
    background-color: #007363;
    border-color: #007363;
}
/*END - DIRECT DEBIT*/

/*FORGOT USERNAME*/
#citizenportal_forgottenusername #command p {
    line-height: 1 !important;
}
#citizenportal_forgottenusername #command label[for=emailId]	{
    margin-top: 30px;
}
#citizenportal_forgottenusername #command .cap-submit-inline {
    margin-top: 30px;
}
/*END - FORGOT USERNAME*/

/*FORGOT PASSWORD*/
#citizenportal_forgottenpassword #command label[for=username], #citizenportal_forgottenpassword #command label[for=securityQuestion], #citizenportal_forgottenpassword #command label[for=securityAnswer]	{
    margin-top: 15px;
}
#citizenportal_forgottenpassword #command .cap-submit-inline {
    margin-top: 30px;
}
/*END - FORGOT PASSWORD*/

/*MY HISTORY*/
input#searchaction {
    margin: 0 !important;
}
/*END - MY HISTORY*/

/*MY ACCOUNT*/
.cap-wrapper .myprofile.portal-styling .display-details__form	{
    padding: 0 15px !important;
	border-top: solid 1px #e4e4e4;
}
/*END - MYACCOUNT*/

/*EDUCATION BENEFITS*/
#educationbenefits_print	{
    margin-bottom: 30px;
}
/*END - EDUCATION BENEFITS*/

/*LANDLORD*/
.cap-wrapper #landlord_summary .portal-panel {
    padding: 24px 18px !important;
}
/*END - LANDLORD*/

/*MISC.*/
.sessionTimerContent {
    padding-bottom: unset !important;
}
.cap-wrapper .portal-styling .portal-panel, .cap-wrapper .portal-styling .add-services .accordionTile, .cap-wrapper .portal-styling .form-connect, .cap-wrapper .portal-styling .myservice-block, .cap-wrapper .portal-styling .widget-band .widget-div	{
    border-top: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    margin: unset;
	margin-bottom: 2rem;
}
#ctSummarypanel>.col-xs-12>.br-top-1 {
    border-top: none;
}
#counciltax_summary #ctaxsummaryform #ctSummarypanel .col-xs-12.col-sm-12.col-md-5.border-left-1.pl-0 {
    border-left: none;
}
.cap-wrapper .portal-styling .portal-panel#listing-doc {
    margin-top: 25px;
}
.cap-wrapper .accordionTile .tile-circle-button {
    cursor: pointer;
}
.cap-wrapper .portal-styling form div.collapse, .cap-wrapper .portal-styling form div.collapsing {
    background-color: #fff;
	margin: 0;
}
.cap-wrapper #citizenportal_myservices .form-connect {
    background-color: #fff;
    border: solid 1px #e4e4e4;
    margin: 45px auto;
    padding: 15px;
	min-height: 140px;
}
.cap-wrapper #citizenportal_myservices .form-connect p.form-control-static {
    padding-left: unset;
}
.cap-wrapper #citizenportal_myservices #myservice_modules .form-connect .btn-default {
    position: absolute;
    bottom: 70px;
}
.service-box-inner .form-group label	{
	font-weight: normal !important;
}
.cap-wrapper #citizenportal_myservices .data-pair--plain .data-pair__row {
    border-bottom: 1px dotted #ccc !important;
}
#counciltax_bandsearch ul, #counciltax_bandsearch ol	{
    margin-bottom: 30px !important;
}
.cap-wrapper .portal-styling .portal-roundel-dotted a {
    border: none;
	border-radius: unset;
    background-color: #e4e4e4;
    color: #1E252A !important;
}
.cap-wrapper .portal-styling .portal-roundel-dotted a:hover, .cap-wrapper .portal-styling .portal-roundel-dotted a:focus, .cap-wrapper .portal-styling .portal-roundel-dotted a:active, .cap-wrapper .portal-styling .portal-roundel-dotted a:hover span, .cap-wrapper .portal-styling .portal-roundel-dotted a:focus span, .cap-wrapper .portal-styling .portal-roundel-dotted a:active span	{
	background-color: #007363 !important;
	color: #fff !important;
	outline: none;
}
.cap-wrapper .portal-styling .portal-roundel-dotted a:hover p, .cap-wrapper .portal-styling .portal-roundel-dotted a:focus p, .cap-wrapper .portal-styling .portal-roundel-dotted a:active p	{
	color: #fff !important;
}
.cap-wrapper .portal-styling .portal-roundel-dotted span:hover, .cap-wrapper .portal-styling .portal-roundel-dotted span:focus, .cap-wrapper .portal-styling .portal-roundel-dotted span:active	{
	color: #fff !important;
}
.cap-wrapper .portal-styling .portal-roundel-dotted span .icon-tt {
    font-size: 3em !important;
}
.cap-wrapper .portal-styling .portal-roundel-dotted a p {
    padding: 6px !important;
	line-height: 1.2 !important;
}
@media (max-width: 1199.99px)	{
	.cap-wrapper .portal-styling .portal-roundel-dotted a p {
		padding: 6px 12px !important;
	}
	.cap-wrapper #citizenportal_myservices .form-connect {
		min-height: 170px;
	}
}
@media (max-width: 767.99px)	{
	.cap-wrapper .portal-styling .portal-roundel-dotted a p {
		padding: 6px 0 0 !important;
		line-height: 1.3 !important;
		font-size: .85rem !important;
	}
	.cap-wrapper .portal-styling .portal-roundel-dotted span .icon-tt {
		font-size: 2.75em !important;
	}
}
.cap-wrapper .portal-styling #ad-roundels {
    margin-bottom: 30px !important;
}
.cap-wrapper .portal-styling .portal-panel {
    border: 1px solid #e4e4e4 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    padding: 1rem !important;
	max-width: 100%;
    word-wrap: break-word;
}
@media (max-width: 583.99px)	{
	.cap-wrapper #citizenportal_myservices .form-connect {
		min-height: 195px;
	}
}
@media (max-width: 433.99px)	{
	.cap-wrapper #citizenportal_myservices .form-connect {
		min-height: 220px;
	}
}
@media (max-width: 337.99px)	{
	.cap-wrapper #citizenportal_myservices .form-connect {
		min-height: 250px;
	}
}
@media (max-width: 286.99px)	{
	.cap-wrapper #citizenportal_myservices .form-connect {
		min-height: 300px;
	}
}
@media (max-width: 365.99px)	{
	.cap-wrapper .portal-styling .portal-panel	{
		max-width: 100%;
		word-wrap: break-word;
	}
}
#councilservicesband .cap-wrapper .portal-widget .portal-panel	{
	padding: 25px 23px !important;
}
#councilservicesband .cap-wrapper .portal-widget .portal-panel a	{
	color: #007363 !important;
}
#councilservicesband .cap-wrapper .portal-widget .portal-panel a:hover	{
	color: #1e252a !important;
	border-bottom: none !important;
}
#councilservicesband .cap-wrapper .portal-widget .portal-panel .col-xs-12 {
    min-height: 215px;
}
.cap-wrapper .portal-styling .portal-icon-list li {
    padding: 0 10px !important;
}
.cap-wrapper .portal-styling {
    margin-bottom: 30px;
}
.cap-wrapper .my-services .portal-widget #capita-myservices-widget-container {
    padding-top: 1.25rem;
}
.cap-wrapper .portal-styling .carousel-control.right, .cap-wrapper .portal-styling .carousel-control.left {
	background-color: #505253 !important;
	color: #fff !important;
	border-radius: 0;
}
.cap-wrapper .portal-styling .carousel-control.right:hover, .cap-wrapper .portal-styling .carousel-control.left:hover	{
	background-color: #1e252a !important;
	border: 3px solid #505253 !important;
}
/*END - MISC.*/

/*MEDIA QUERIES*/
@media (min-width: 768px)	{
	.dcc-header .container--no-pad, .dcc-wrapper #toolbar .container, .dcc-wrapper #header .container, .dcc-wrapper #navigation .container	{
		width: 690px;
	}
	.navbar-header {
		float: left;
	}
	.navbar>.container .navbar-brand	{
		margin-left: -15px;
	}
}
@media (max-width: 768px)	{
	.dcc-wrapper #navigation .navbar .btn {
		padding: 1rem !important;
	}
}
@media (min-width: 992px)	{
	.dcc-header .container--no-pad, .dcc-wrapper #toolbar .container, .dcc-wrapper #header .container, .dcc-wrapper #navigation .container {
		width: 910px;
	}
}
@media (min-width: 1200px)	{
	.dcc-wrapper #toolbar .container, .dcc-wrapper #header .container, .dcc-wrapper #navigation .container, .dcc-header .container	{
		width: 1110px;
	}
	.dcc-header .container	{
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 767px)	{
	.dcc-wrapper .row {
		margin-right: unset !important;
		margin-left: unset !important;
	}
	/*DCC & myAccount Logos*/
	.dcc-wrapper #header img	{
		margin: 7rem 0 2rem -15px;
	}
	/*Nav*/
	.cap-wrapper .portal-styling .navbar--connect .navbar-nav.nav-pills li a, .cap-wrapper .portal-styling .navbar--connect .navbar-nav.nav-pills li a.active {
		margin: 0;
		border: none !important;
		width: 100%;
	}
	ul#capita-myprofile-widget-container-mobile li#profile_nav ul.form-connect	{
		padding: 0;
		margin-bottom: 0;
	}
	.cap-wrapper .portal-styling .navbar--connect .simulate-xs.container-fluid .navbar-text.myprofile_salutation	{
		display: none;
	}
	.cap-wrapper .portal-styling #headerlinks_headerlinks {
		margin-top: 0;
	}
	.cap-wrapper .portal-styling .navbar button.navbar-toggle {
		border: 1px solid #1E252A;
		padding: 1.1rem;
		margin: 1px 0 .75rem;
		border-radius: 0;
		height: unset;
	}
	.cap-wrapper .portal-styling .navbar button.navbar-toggle:hover, .cap-wrapper .portal-styling .navbar button.navbar-toggle:focus, .cap-wrapper .portal-styling .navbar button.navbar-toggle:active	{
		background-color: #007363 !important;
		border: solid 1px #007363 !important;
	}
	.cap-wrapper .portal-styling .navbar button.navbar-toggle:hover > .icon-bar, .cap-wrapper .portal-styling .navbar button.navbar-toggle:focus > .icon-bar, .cap-wrapper .portal-styling .navbar button.navbar-toggle:active > .icon-bar	{
		background-color: #fff !important;
	}
	.cap-wrapper .navbar-default .navbar-toggle .icon-bar {
		background-color: #353535;
	}
	.dcc-wrapper #navigation {
		margin-bottom: -42px;
		z-index: 99;
		position: absolute;
	}
	.cap-wrapper .portal-styling .navbar--connect ul#capita-myprofile-widget-container-mobile li.active, .cap-wrapper .portal-styling .navbar--connect ul#capita-myprofile-widget-container-mobile li:hover, .cap-wrapper .portal-styling .navbar--connect ul#capita-myprofile-widget-container-mobile li:focus, .cap-wrapper .portal-styling .navbar--connect ul#capita-myprofile-widget-container-mobile li:active	{
		border: none !important;
		border-bottom: none !important;
	}
	/*Login*/
	.cap-wrapper #citizenportal_forgottenusername, .cap-wrapper #citizenportal_resetpassword, .cap-wrapper #citizenportal_forgottenpassword, .cap-wrapper #citizen_login, .cap-wrapper #citizenportal_checkyouremail, .cap-wrapper #citizenportal_checkyouremailforsignin, .cap-wrapper #citizenportal_signInWithEmailForm, .cap-wrapper .footer-margin, .cap-wrapper #citizen_resetpassword	{
		background: unset !important;
	}
	.cap-wrapper .portal-styling div#citizenportal_login	{
		margin: -30px 0 0 0;
	}
	/*My Service*/
	.cap-wrapper .portal-styling .my-services .my-service-right {
		margin-top: 2rem;
		padding-right: 0;
	}
	/*Footer*/
	.dcc-wrapper #footer {
		margin-left: -15px;
		margin-right: -15px;
		height: 200px;
	}
	.dcc-wrapper #footer-links {
		display: inline-block;
		width: 100%;
	}
	.dcc-wrapper #footer ul#social_networks	{
		float: left;
		padding-left: 8px;
	}
	/*My Activities*/
	.cap-wrapper .activities-search-box	{
		float: left;
		margin-right: 0px;
		margin-top: 15px;
	}
	/*My Account*/
	.cap-wrapper .simulate-xs .display-details__row__a-personal, .cap-wrapper .simulate-sm .display-details__row__a-personal	{
		height: unset;
	}
	/*My History*/
	.cap-wrapper ul.pager {
		margin: unset;
	}
	.cap-wrapper .pager li>a	{
		padding: 8px 12px;
		border: 1px solid #ccc;
		border-bottom: 1px solid #ccc !important;
		text-decoration: none !important;
	}
	/*Council Tax Summary*/
	.cap-wrapper .nav.nav-pills > li {
		border-bottom: none;
	}
	.cap-wrapper .nav.nav-pills > li.active {
		border: none;
	}
	.cap-wrapper .cap-tab-outline {
		border-top: solid 1px #e4e4e4;
	}
	.cap-wrapper .portal-styling .carousel-inner .item .watermark {
		color: #f5f5f5;
	}
	.cap-wrapper .portal-styling #carousel-example-generic .carousel-inner .item {
		padding: 1rem 0;
	}
	.cap-wrapper .portal-styling #carousel-example-generic .carousel-inner .item a {
		left: 0;
		bottom: 75px !important;
	}
	.cap-wrapper .portal-styling #carousel-example-generic .carousel-indicators	{
		width: 70% !important;
	}
	.cap-wrapper #citizenportal_myservices .form-connect p.form-control-static {
		padding-left: 0;
	}
}
@media (max-width: 480px)	{
	.dcc-wrapper .logo img {
		max-width: 98px;
		height: auto;
	}
	.cap-wrapper #citizenportal_myservices .form-connect {
		padding: 15px 15px 6px 15px;
	}
}
@media (max-width: 320px)	{
	.dcc-wrapper .logo img	{
		max-width: 92px;
		height: auto;
	}
}