/**************************************************************************************************
* EAC - Self CSS
* Author:   EAC Web Team
* Modified: 2018-09-17
* Version:  v0.2.16
**************************************************************************************************/



/**************************************************************************************************
* Contents
* -------------------------------------------------------------------------------------------------
* S01. Fonts
* S02. General page elements
* S03. General text elements
* S04. Account bar
* S05. Header bar
* S06. Footer bar
* S07. Lists
* S08. Dropdown menus
* S09. Old AF - Form elements
* S10. Old AF - Form buttons
* S11. Old AF - Top progress bar
* S12. Old AF - Side progress bar
* S13. Old AF - Currency / money box alignment
* S14. Old AF - Sort code / multi-box alignment
* S15. Services list
* S16. My Accounts landing page - summary box
* S17. Anonymous login screen
* S17.5. EAC login screen
* S18. Service rating screen
* S19. Council Tax Summary Screen
* S25. Responsive overrides
* S50. UX Kitchen Sink - just some tack-on demo styles for testing
* S55. PNotify notifications
* S99. Utility classes
**************************************************************************************************/



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

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

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

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

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

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

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



/**************************************************
* S02. General page elements
**************************************************/
html { font-size: 16px; }
body {
	-webkit-font-smoothing: antialiased;
	font-family: "Open Sans", sans-serif;
	font-size: 1em;
	font-weight: 400;
	height: auto;
	padding-bottom: 250px;
	position: relative;
}

#self-content {
    padding: 0;
}

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

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

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

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

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

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

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

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

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

.singin {
	background-color: #9e173f;
	color: black;
}

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

#toolbar #session-badge,
#toolbar #session-badge .dropdown > a {
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	border-radius: 0;
}
#toolbar #session-badge .dropdown > a {
	padding: 33px 10px;
}

#toolbar #session-badge .dropdown > a:hover,
#toolbar #session-badge .dropdown > a:active,
#toolbar #session-badge .dropdown > a:focus {
	background-color: #dce5ee !important;
	color: #00529B !important;
}

/*CL - added to re-color password reset continue button */ 
.btn-toolbar .btn-success{
  background-color: #428bca !important; 
  border-color:#357ebd !important ;
}

#session-badge {
	color: black;
	margin-right: 5px;
	font-size: 1.2rem;
	font-weight: 400;
}

#session-badge li {
	display: block;
}

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

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

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

.modal-footer {
	clear: both;
}

.renderdisplaytable {
	margin-top: 10px;
}

.dataell.leftlabel {
}

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

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

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

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

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

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

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


/* Accessible FAQ Accordion menu
-------------------------------------------------- */

.faq-container {
  text-align: left;
  margin: 10px auto 30px auto;
  position: relative;
}
.faq-container article p { margin: 10px 15px 15px 15px; }
.faq-container input[type=checkbox],
.faq-container input[type=radio] {
  background-color: transparent;
  border: 1px solid transparent;
  height: 1px;
  position: absolute;
  width: 1px;
  margin: 4px 0 0 0;
  outline: none;
}
.faq-container input[type=checkbox] + label,
.faq-container input[type=radio] + label {
  background: #EEEEEE;
  border-bottom: 1px solid #fff;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: normal;
  line-height: 32px;
  padding: 10px 15px;
  position: relative;
  z-index: 20;
}
.faq-container input[type=checkbox] + label:before,
.faq-container input[type=radio] + label:before,
.faq-container input[type=checkbox] + label:after,
.faq-container input[type=radio] + label:after {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.faq-container input[type=checkbox] + label:before,
.faq-container input[type=radio] + label:before {
  content: "\f29c";
  padding-right: 10px;
}
.faq-container input[type=checkbox] + label:after,
.faq-container input[type=radio] + label:after {
  content: "\f054";
  float: right;
  padding-left: 10px;
}
.faq-container input[type=checkbox] + label:hover,
.faq-container input[type=radio] + label:hover { background: #D6D6D6; }
.faq-container input[type=checkbox]:checked + label,
.faq-container input[type=radio]:checked + label { background: #EEEEEE; }
.faq-container input[type=checkbox]:focus + label,
.faq-container input[type=radio]:focus + label { background: #BEBEBE; }
.faq-container input[type=checkbox]:checked + label:hover,
.faq-container input[type=radio]:checked + label:hover { background: #D6D6D6; }
.faq-container input[type=checkbox]:checked + label:after,
.faq-container input[type=radio]:checked + label:after {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.faq-container input[type=checkbox] + label + article,
.faq-container input[type=radio] + label + article {
  display: none;
  /* display: none; - Content is ignored by screen readers, additionally stops tabbing through hidden content */
  height: 0;
  max-height: 0;
  overflow: hidden;
  /* 0, 0, hidden; - Content is ignored by screen readers, but tab key still steps through hidden elements */
  -webkit-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
.faq-container input[type=checkbox]:checked + label + article,
.faq-container input[type=radio]:checked + label + article {
  display: block;
  height: auto;
  max-height: 5000px;
  -webkit-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

/*  FAQ page styles
-------------------------------------------------- */
.search {
  height:100% !important;
}

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

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

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

h1 {
	font-size: 3.375rem;
	line-height: 0.8888em;
  	padding-bottom:10px;
}

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

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

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

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

p a {
	font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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



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

#navigation {
}

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

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

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

nav, div.navbar.main.navbar-static-top {
	padding: 0;
	background-color: #00529B;
	/*border-bottom: 5px solid #DCE5EE;*/
}

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

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

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

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



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

.navbar>.container .navbar-brand {
	height: auto;
    display: inline-block;
}
.navbar>.container a.navbar-brand {
	padding: 0 15px;
}
.navbar>.container a.navbar-brand > img {
	height: 82px;
}

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

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

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

#header {
	padding: 1.25em 0;
	margin: 0;
	background-color: #00529B;
	color: white;
	display: none;
}
    
header h1,
#header h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 2.375em !important;
    font-weight: 700;
}
    
header h1 a,
#header h1 a {
    color: white;
}
    
#header h1 a:hover {
    color: #d4ecfc;
    text-decoration: none;
}



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

div#footer {
    border-bottom: none;
    border-top: 2px solid #c5ced6;
    color: #333;
    margin-top: 40px;
    /*padding: 20px 0; REMOVED BY CL*/ 
    background-color: #DCE5EE !important;
    border-bottom: 2px solid #c5ced6;
	
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

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

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

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

footer ul li a {
    color: white;
}
    
footer ul li a:hover {
    color: #9e173f;
    text-decoration: none;
}

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

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

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

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

div.goog-te-gadget-simple {
    border: none !important;
}
		


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

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

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

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

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



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

.dropdown-menu {
	/*width: 100%;   CL REMOVED FOR date dropdown on self dev */
	background-color: #dce5ee;
}

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

.dropdown-menu li a {
    text-transform: capitalize;
    color: #00529B;
}


.dropdown-menu li a:hover {
  	color:#fff;
	background-color: #00529B;
}

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

#SelfToolbar .login-link,
#toolbar .login-link {
  margin: 0;
  padding: 33px 10px;
}
#toolbar .navbar li a {
    /*color:#fff !important;  */
	background: none;
	font-size: 1.2em;
	/*padding: 33px 10px;*/
}

#toolbar .navbar li a:hover,
#toolbar .navbar li a:active,
#toolbar .navbar li a:focus {
    background-color: #dce5ee;
    color: #00529B;
}
#toolbar .navbar li a#registerLink {
  	/* display:none;  CL - added to hide register link */
}
#toolbar .navbar li a#registerLink:before {
	content: "\f234\00A0";
	font-family: FontAwesome;
	font-style: normal;
}
#toolbar .navbar li a#loginLink:before {
  content: "\f090\00A0";
	font-family: FontAwesome;
	font-style: normal;
}
#toolbar .dropdown-menu {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#toolbar .dropdown-menu li a:hover,
#toolbar .dropdown-menu li a:active,
#toolbar .dropdown-menu li a:focus {
  	color:#fff;
	background-color: #00529B;
}

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

div#frame-container {
	padding-left: 0px !important;
}
/*.login-link {color:#fff !important;}*/



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

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

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

.legend {
	color: #46545d;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 1.75em;
	font-weight: 700;
}
.error-wrapper {
  margin-left: 0;
  width: 91.66666667%;
}

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

/* Restyle inputs */
._AF input[type=date].error:focus, ._AF input[type=date]:focus, ._AF input[type=datetime-local].error:focus, ._AF input[type=datetime-local]:focus, ._AF input[type=datetime].error:focus, ._AF input[type=datetime]:focus, ._AF input[type=email].error:focus, ._AF input[type=email]:focus, ._AF input[type=month].error:focus, ._AF input[type=month]:focus, ._AF input[type=number].error:focus, ._AF input[type=number]:focus, ._AF input[type=password].error:focus, ._AF input[type=password]:focus, ._AF input[type=search].error:focus, ._AF input[type=search]:focus, ._AF input[type=tel].error:focus, ._AF input[type=tel]:focus, ._AF input[type=text].error:focus, ._AF input[type=text]:focus, ._AF input[type=time].error:focus, ._AF input[type=time]:focus, ._AF input[type=url].error:focus, ._AF input[type=url]:focus, ._AF input[type=week].error:focus, ._AF input[type=week]:focus, ._AF select.error:focus, ._AF select:focus, ._AF textarea.error:focus, ._AF textarea:focus, .achieveforms-container input[type=date].error:focus, .achieveforms-container input[type=date]:focus, .achieveforms-container input[type=datetime-local].error:focus, .achieveforms-container input[type=datetime-local]:focus, .achieveforms-container input[type=datetime].error:focus, .achieveforms-container input[type=datetime]:focus, .achieveforms-container input[type=email].error:focus, .achieveforms-container input[type=email]:focus, .achieveforms-container input[type=month].error:focus, .achieveforms-container input[type=month]:focus, .achieveforms-container input[type=number].error:focus, .achieveforms-container input[type=number]:focus, .achieveforms-container input[type=password].error:focus, .achieveforms-container input[type=password]:focus, .achieveforms-container input[type=search].error:focus, .achieveforms-container input[type=search]:focus, .achieveforms-container input[type=tel].error:focus, .achieveforms-container input[type=tel]:focus, .achieveforms-container input[type=text].error:focus, .achieveforms-container input[type=text]:focus, .achieveforms-container input[type=time].error:focus, .achieveforms-container input[type=time]:focus, .achieveforms-container input[type=url].error:focus, .achieveforms-container input[type=url]:focus, .achieveforms-container input[type=week].error:focus, .achieveforms-container input[type=week]:focus, .achieveforms-container select.error:focus, .achieveforms-container select:focus, .achieveforms-container textarea.error:focus, .achieveforms-container textarea:focus {
    outline: 0;
    background: #fff;
    border-color: inherit;
    box-shadow: unset;
}
._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 {
    display: block;
    font-size: 16px;
    box-shadow: none;
    padding: 6px 8px;
    border-radius: 0;
    font-weight: 400;
    color: #404040;
    vertical-align: middle;
    background-image: none;
    background-color: #fff;
    height: 35px;
    line-height: 1.42857143;
    border: none;
    border-bottom: 1px solid #ccc;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    resize: none;
    margin: 0 0 1em;
}
.achieveforms-container .all-sections .field .fieldContent .fieldName {
    min-height: auto;
    line-height: 1rem;
    font-weight: 400;
}
.achieveforms-container .all-sections .field .fieldContent .fieldName ._fieldName {
    text-transform: uppercase;
    color: #999;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.025rem;
}
.achieveforms-container .all-sections .field .fieldContent .fieldName.alignLeft ._fieldName {
    line-height: 34px;
}

/* Mandatory fields should be assumed, hide the asterisks */
.achieveforms-container .all-sections .field .fieldContent label.fieldName span.mandatory {
	display: none !important;
}
/* Optional (non-mandatory) fields should be marked, add the label */
.achieveforms-container .all-sections .field .fieldContent label.fieldName span:only-child:after {
	content: " (optional)";
	color: green;
	vertical-align: top;
	top: -0.25rem;
	padding-left: 0.3em;
	position: absolute;
	font-size: smaller;
	text-transform: none;
}
/* Disable optional (non-mandatory) pseudo content where required */
.achieveforms-container .all-sections .field .fieldContent label.fieldName.disable-optional span:only-child:after {
	content: none !important;
}



/************************************************
* S09.5. Old AF - Form validation marks
************************************************/

.achieveforms-container .all-sections .field .icon-valid.alignAbove {
  bottom: 0;
  margin-bottom: 1em;
  top: auto;
}

/* Override default Firmstep validation icons
/***********************************************/
/* !important required due to extensive use of !important in AchieveForms.min-blessed1.css */
.achieveforms-container .all-sections .field .fieldContent i.icon-valid { display: none; }
.achieveforms-container .all-sections .field .fieldContent input.fieldInput {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important;
    background-size: 24px 24px !important;
    background-repeat: no-repeat !important;
    background-position: 5px 7px !important;
    -ms-background-position-x: 5px !important;
    -ms-background-position-y: 7px !important;
    padding-left: 34px !important;
    height: auto !important;

}
.achieveforms-container .all-sections .field .fieldContent input.fieldInput.valid {
  	/*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#9aca40" d="M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z"></path></svg>');*/
  	background-image: url('https://www.east-ayrshire.gov.uk/assets/svg/csp-icon-sprites.svg#check-square-solid') !important;
}
.achieveforms-container .all-sections .field .fieldContent input.fieldInput.error {
    /*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#ff3300" d="M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm-207.691 96h63.382c6.884 0 12.357 5.78 11.982 12.654l-7.418 136c-.347 6.364-5.609 11.346-11.982 11.346h-48.546c-6.373 0-11.635-4.982-11.982-11.346l-7.418-136c-.375-6.874 5.098-12.654 11.982-12.654zM224 398c-25.405 0-46-20.595-46-46s20.595-46 46-46 46 20.595 46 46-20.595 46-46 46z"></path></svg>');*/
  	background-image: url('https://www.east-ayrshire.gov.uk/assets/svg/csp-icon-sprites.svg#exclamation-square-solid') !important;
}
.achieveforms-container .all-sections .field .fieldContent input.fieldInput:focus,
.achieveforms-container .all-sections .field .fieldContent input.fieldInput.valid:focus,
.achieveforms-container .all-sections .field .fieldContent input.fieldInput.error:focus {
    /*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#666666" d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"></path></svg>');*/
  	background-image: url('https://www.east-ayrshire.gov.uk/assets/svg/csp-icon-sprites.svg#pencil-solid') !important;
    outline: none !important;
}
.achieveforms-container .all-sections .field .fieldContent input.fieldInput:-moz-read-only,
.achieveforms-container .all-sections .field .fieldContent input.fieldInput:read-only,
.achieveforms-container .all-sections .field .fieldContent input.fieldInput.read_only_field {
  	background-image: url('https://www.east-ayrshire.gov.uk/assets/svg/csp-icon-sprites.svg#lock-solid') !important;
}


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

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

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

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

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

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

.action {
	background-color: #9e173f;
}

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

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

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

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

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

.submit {
	background-color: #9e173f;
}

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

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

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

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

.btn,
.btn-primary,
.btn.btn-primary,
.btn-default#login {
	/*background-color: #006DCE;
	border-color: #00529B;
	color: #fff;
	 
  	REMOVED BY CL for buttons ########
  	background-color: #DCE5EE !important;
	border-color: #DCE5EE !important;
    ##################  
  	*/
}
.top{
  	background-color:#dce5ee !important;
  	color:#00529B !important;
}

#login:hover,
#register:hover,
.btn-primary:hover,
.btn-default:hover,
.btn-custom:hover,
#llpg_lookupButton:hover,
.btn-info:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	/*color: #fff !important;
	background-color: #00529B !important;
	border-color: #00529B !important;*/
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.deletesubformbutton {
	float: right;
}

.deletesubformbutton.entersubmit {
	float: none;
}

.btn {
	border-radius: 0;
}

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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



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

.compound {
	margin: 0px;
}

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

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

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



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

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

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

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

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

.fsservice-pretty-link:hover {
	background-color: #9e173f !important;
}

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

.fsservice-pretty-link:hover,
.fsservice-pretty-link.active {
	color: #46545d !important;
}

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

.service-groups a.fsservice-pretty-link.active {
  	color:#fff !important;
}
.service-groups a.fsservice-pretty-link.active h2, .service-groups a.fsservice-pretty-link.active h2:hover {
	color:#fff !important;
}
.service-groups ul.menu li {
    width: auto;
    padding: 0 10px 0 0;
    margin: 0 0 10px 0;
}

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



.payments-list {
	display: none;
}

.referencepagetable {
	border-bottom: none;
}



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

#anonymousLoginScreen {
	padding: 0;
}

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

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

#anonymousLoginScreen #btn-register:hover,
#anonymousLoginScreen #btn-login:hover,
#anonymousLoginScreen #btn-anon:hover {
	background-color: #449d44 !important;
    color: #fff !important;
	border: none;
  	border-color: #398439 !important;
	text-decoration: none;
}

#anonymousLoginScreen #btn-anon {
	font-size: 1em;
}

/**************************************************
* S17.5. EAC login screen
**************************************************/
.row-login:before,
.row-login:after {
	content: " ";
	display: table
}
.row-login:after {
	clear: both
}
.container-form .login-form {
  /*-webkit-box-shadow: 0px 10px 50px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 10px 50px 5px rgba(0,0,0,0.25);
  box-shadow: 0px 10px 50px 5px rgba(0,0,0,0.25);*/
  border: 1px solid #ccc;
  border-top: 0;
  margin-top: 5rem;
  padding: 0 30px 15px 30px;
}
.container-form .login-form h1:first-child,
.container-form .login-form h2:first-child {
  background-color: #00529b;
  background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
  color: #eee;
  font-size: 2.375em;
  font-weight: 300 !important;
  line-height: 1.3714em;
  margin: 0 -30px 16px -30px;
  padding: 25px 30px;
}
.container-form .login-form form.form-horizontal div.form-group div.col-sm-9 {
  width: 100%;
}
.container-form .login-form form.form-horizontal div.form-group input.form-control {
  display: block;
  font-size: 16px;
  box-shadow: none;
  padding: 6px 8px;
  border-radius: 0;
  font-weight: 400;
  color: #404040;
  vertical-align: middle;
  background-image: none;
  background-color: #fff;
  height: 35px;
  line-height: 1.42857143;
  border: none;
  border-bottom: 1px solid #ccc;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  resize: none;
  margin: 0 0 1em;
}
.container-form .login-form form.form-horizontal div.form-group input.form-control:focus {
  outline: 0;
  background: #fff;
  border-color: inherit;
  box-shadow: unset;
}
.container-form .login-form form.form-horizontal div.form-group label.control-label {
  color: #666;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.025rem;
  line-height: 1rem;
  min-height: auto;
  padding: 6px 25px;
  text-align: left;
  text-transform: uppercase;
}

.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"] {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  text-shadow: 0 1px 1px rgba(0,0,0,.1);
  
  background-color: #428BCA;
  border-color: #357EBD;
  color: #ffffff;

  /*btn-lg*/
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"]:hover, 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"]:focus, 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"]:active, 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"].active {
  background-color: #3276b1;
  border-color: #285e8e;
  color: #ffffff;
} 
 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"]:active, 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"].active { 
  background-image: none; 
} 
 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"].disabled, 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"][disabled], 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"].disabled:hover, 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"][disabled]:hover, 
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"].disabled:focus,
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"][disabled]:focus,
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"].disabled:active,
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"][disabled]:active,
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"].disabled.active,
.container-form .login-form form.form-horizontal .login-btn-group button[type="submit"][disabled].active { 
  background-color: #428bca;
  border-color: #357ebd;
} 

/* Register link */
.container-form .login-form form.form-horizontal .login-btn-group a.btn.primary {
  border: none;
  color: #2ba6cb;
  font-size: 16px;
  font-weight: 700;
  line-height: inherit;
  margin-left: 45px;
  padding: 0;
  position: relative;
  text-decoration: none;
}
.container-form .login-form form.form-horizontal .login-btn-group a.btn.primary:focus,
.container-form .login-form form.form-horizontal .login-btn-group a.btn.primary:hover {
  background: transparent;
  color: #2795b6;
}
.container-form .login-form form.form-horizontal .login-btn-group a.btn.primary:before {
  color: #333;
  content: " or ";
  cursor: default;
  font-weight: 400;
  left: -30px;
  pointer-events: none;
  position: absolute;
  text-decoration: none;
}

/* Cancel link */
.container-form .login-form form.form-horizontal .login-btn-group a.btn.pull-right {
  display: none;
}

/* Status icons to login form inputs */
/* !important required due to extensive use of !important in AchieveForms.min-blessed1.css */
.container-form .login-form form.form-horizontal div.form-group input.form-control {
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: 5px 7px !important;
  -ms-background-position-x: 5px !important;
  -ms-background-position-y: 7px !important;
  padding-left: 34px !important;
  height: auto !important;
}
.container-form .login-form form.form-horizontal div.form-group input::-webkit-input-placeholder,
.container-form .login-form form.form-horizontal div.form-group input:-moz-placeholder,
.container-form .login-form form.form-horizontal div.form-group input::-moz-placeholder,
.container-form .login-form form.form-horizontal div.form-group input:-ms-input-placeholder,
.container-form .login-form form.form-horizontal div.form-group input::placeholder {
  color: #fff;
  opacity: 1;
}
.container-form .login-form form.form-horizontal div.form-group input[name=username] {
  background-image: url('https://www.east-ayrshire.gov.uk/assets/svg/csp-icon-sprites.svg#envelope-solid') !important;
}
.container-form .login-form form.form-horizontal div.form-group input[name=password] {
  background-image: url('https://www.east-ayrshire.gov.uk/assets/svg/csp-icon-sprites.svg#lock-alt-solid') !important;
}
.container-form .login-form form.form-horizontal div.form-group input.form-control:focus,
.container-form .login-form form.form-horizontal div.form-group input.form-control.valid:focus,
.container-form .login-form form.form-horizontal div.form-group input.form-control.error:focus {
  background-image: url('https://www.east-ayrshire.gov.uk/assets/svg/csp-icon-sprites.svg#pencil-solid') !important;
  outline: none !important;
}


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

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



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

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

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



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

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

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



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

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

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

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

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

/**************************************************
* S19. Council Tax Summary screen
**************************************************/
div + table {
	text-align: right !important;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
  	text-align: right!important;
}


/**************************************************
* S22. HOMEPAGE_AUTH AREA
**************************************************/

.selfHomeIcon {
	float:left;
	width:33%;
	margin-top:24px;
	text-align:center;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
  	overflow:hidden;
}
.alert-primary h2 {
    color: #00529B;
    margin:20px 0 0 0px;
}
.alert-grey {
    color: #000;
    background-color: #f1f1f1;
    border-color: #d3d3d3;
}

.rightPic {
    margin-left: 15px;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
}

.centerPic {
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
	display:block;
	text-align:center;
}

.btnRegister {
	float:left;
	width:50%;
}

.btnLogin {
	float:right;
	width:50%;
}

	.areaRegisterButton{
		display:block;
		padding: 10px 10px 10px 10px;
	}
	
	.areaLoginButton {
		display:block;
		padding: 10px 10px 10px 10px;
	}

/**************************************************
* Local Information page styles
**************************************************/

/*.summary-bar-item h3{
    background: #f7f7f7;
    border-radius: 6px;
    padding: 4px;
    border: 1px solid #f1f1f1;
}*/

/**************************************************
* FAQ styles
**************************************************/

.color{
    font-weight: 600 !important;
    margin: 10px 0 20px 0;
  	
}

/**************************************************
* list group item
**************************************************/


.list-group-item:hover, .list-group-item:focus {
	background-color: #DCE5EE !important ; 
	background-image: linear-gradient(#DCE5EE, #ffffff); 
}
a.list-group-item:hover, a.list-group-item:focus {
	background-color: #DCE5EE !important ; 
}


/**************************************************
* S25. Responsive overrides
**************************************************/

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

@media (max-width:767px) {
  body {
    padding: 0;
  }

  /* S02. General page elements */
  #self-content {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  /* S04. Account bar */
  #navigation {
    margin-top: 0 !important;
  }

  #navigation:before {
    height: 54px;
  }

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

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

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

  div#navigation {
    /*margin-top: 25px !important;*/
  }
  div#navigation .navbar .btn-group {
    padding: 0;
  }
  div#navigation .navbar .btn-group > a.btn {
    text-align: left;
  }
  div#navigation .navbar .btn-group .navbar-collapse ul.nav li > a {
    text-align: left;
  }
  div#navigation .navbar .btn-group .navbar-collapse ul.nav li > a:before {
    content: "\f0da\00A0";
    font-family: FontAwesome;
    font-style: normal;
  }
  .navbar-nav {
    background-color: #E6E6E6;
    margin-top: 0;
  }

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

  .navbar-nav li a{
    color: #00529B;
  }

  .env-box {
    margin-top: 0;
  }
  
  #toolbar #session-badge {
    display: inline-block;
    float: right;
    font-weight: 400;
    margin: 0;
    font-size: 0.8em;
  }

  #toolbar #session-badge .dropdown-menu {
    background-color: #dce5ee;
    border: none;
    color: #00529B;
  }

  #toolbar #session-badge {
    background-color: inherit;
  }
  #toolbar #session-badge.navbar-right .dropdown-menu li {
    display: block;
    float: none;
  }
  #toolbar #session-badge.navbar-right .dropdown-menu .divider {
    display: none;
  }
  #toolbar #session-badge.navbar-right > li {
    float: right;
  }
  #toolbar #session-badge .dropdown-menu > li > a {
    color: #00529B;
    display: block;
    padding: 10px 15px;
  }

  #toolbar .navbar li a.login-link {
    /*font-size: 0.8em;*/
    line-height: 20px;
    padding: 31px 15px;
  }
  #toolbar .navbar li a#registerLink:before,
  #toolbar .navbar li a#loginLink:before,
  #toolbar .navbar li a.login-link:before {
    content: none;
  }
  #toolbar .navbar li a {
    background: none;
  }

  #toolbar .navbar li a:hover,
  #toolbar .navbar li a:active,
  #toolbar .navbar li a:focus {
    background-color: #dce5ee;
    color: #00529B;
  }
  #toolbar ul.dropdown-menu,
  #toolbar ul.dropdown-menu:hover,
  #toolbar ul.dropdown-menu:focus,
  #toolbar ul.dropdown-menu:active {
    font-size: 1em;
  }
}

@media (max-width:767px) {
  /* S05. Header bar */
  #header .row {
    margin: 0;
  }
}
    
@media(max-width: 767px) {
  /* S06. Footer bar */
  div#footer {
    position: relative;
  }
  
  #ccc-footer-logo {
    text-align: center;
  }

  .img-responsive {
    margin-left: auto;
    margin-right: auto;
  }

  footer .col-sm-9 {
    text-align: center;
  }

  div#google_translate_element {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    display: inline-block;
    float: none;
    width: auto;
  }
}

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

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

  .desktop_forms {
    max-width: 100%;
  }

  .grouped-services {
    width: 100% !important;
  }

  .grouped-services .col-sm-4,
  .grouped-services .col-sm-6 {
    border-right: none;
  }

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

  }

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

@media(max-width: 767px) {
  /* S16. My Accounts landing page - summary box */
  #service_list_container .col-sm-6.title {
    text-align: center;
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }

  #service_list_container .col-xs-12.col-sm-6 {
    text-align: center;
  }

  #toolbar #session-badge .dropdown.open .dropdown-menu {
    position: absolute;
  }

  #toolbar #session-badge .dropdown.open .dropdown-menu li i.fa {
    display: none;
  }
  
	.btnRegister {
		float: none;
		width:auto;
	}

	.btnLogin {
		float:none;
		width:auto;
	}  
}

@media (max-width: 700px) {
  /* S10. Old AF - Form buttons */
  .page-legacyform .content.container .renderdisplaytable .renderbuttonstablesidenav {
    width: 100% !important;
  }
}

@media (max-width: 700px) {
  #toolbar #session-badge .dropdown > a.dropdown-toggle { 
    display: block; 
    line-height: 20px;
    width: 165px;
    padding: 31px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #toolbar #session-badge .dropdown.open .dropdown-menu {
    position: absolute;
  }
  
	.selfHomeIcon {
		float: left;
		width: 50%;
		margin-top: 24px;
		text-align: center;
	}
	
	.hidePara {
		display:none;
	}	
	
	.areaRegisterButton{
		display:none;
	}
	
	.areaLoginButton {
		display:none;
	}	
		
  
}

/* Apply styles to screen sizes smaller than 650 pixels */
@media (max-width: 650px) {
	/*Styles for register form */

	#page-container header{
		width:100% !important;
	}
	
	#page-container form.achieveform{
		width:100% !important;
	}

	.navbar-brand img{
	width:200px !important;
	height:100% !important;
	padding:10px !important;
	}

	.navbar-header{
		width:10% !important;
	}



}



/**************************************************
* S50. UX Kitchen Sink
**************************************************/

/* General
************************************************/
body {
	/*background-color: #edf0f0 !important;*/
  background-color: #fff !important;
}
.achieveforms-container form.achieveform {
	background-color: #fff !important;
}
.achieveforms-container * {
	font-family: "Open Sans", sans-serif !important;
}
.achieveforms-container .fa {
	font-family: FontAwesome !important;
}

/* Form header
************************************************/

.achieveforms-container .formHeader h1.formName {
	border: none;
	color: #444;
	font-family: "Open Sans Condensed", sans-serif !important;
	font-weight: 300 !important;
}

.achieveforms-container .formHeader h1.formName {

}

/* Section tabs
** - Needs Mobile responsive styles
** - Can I implement https://css-tricks.com/container-adapting-tabs-with-more-button/ ?
************************************************/

.achieveforms-container .sectionsHead .sectionsHeadInner {
	background-color: #edf0f0;
	border-bottom: 1px solid #daddde;
}
.achieveforms-container .sectionsHead .sectionsHeadInner li.sectionNameWrapper.active > a.sectionNameTab {
	border-top: 3px solid #1ca8dd;
}
.achieveforms-container .sectionsHead .sectionsHeadInner li.sectionNameWrapper.valid > a.sectionNameTab {
	border-bottom: 3px solid #9aca40;
}
.achieveforms-container .sectionsHead .sectionsHeadInner li.sectionNameWrapper.invalid > a.sectionNameTab {
	border-bottom: 3px solid #ff3300;
}
.achieveforms-container .sectionsHead .sectionsHeadInner li.sectionNameWrapper.valid.active > a.sectionNameTab {
	border-top: 3px solid #1ca8dd;
}
.achieveforms-container .sectionsHead .sectionsHeadInner li.sectionNameWrapper.invalid.active > a.sectionNameTab {
	border-top: 3px solid #ffbb42;
}
.achieveforms-container .sectionsHead .sectionsHeadInner li.sectionNameWrapper > a.sectionNameTab {
	background-color: #f5f7f7;
	border-radius: 0;
	border-bottom: 1px solid #daddde;
	border-right: 1px solid #daddde;
	border-top: 3px solid #f5f7f7;
	color: #666;
	font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.025rem;
    line-height: 1rem;
    margin: 0;
    padding: 20px;
    text-align: left;
    text-transform: uppercase;
}
.achieveforms-container .sectionsHead .sectionsHeadInner li.sectionNameWrapper:first-child > a.sectionNameTab {
	
}
.achieveforms-container .sectionsHead .sectionsHeadInner li.sectionNameWrapper.active > a.sectionNameTab {
	background-color: #fff;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #daddde;
	margin: 0;
}
.achieveforms-container .sectionsHead .sectionsHeadInner li.sectionNameWrapper.active:first-child > a.sectionNameTab {}

/* MODALS - ADDED BY CL */

.modal form {
	margin: 5px 0 0;
	padding: 0 0 0;
}

.modal textarea.input-simple {
	min-height: 150px;
}

.modal label span {
	left: 16px;
	top: 15px;
}

.modal .input-focused span, .modal .input-not-empty span {
	left: 10px;
	top: 0;
}

.modal .form-row {
	padding: 0 0 30px;
}

.modal .rating {
	margin: 0 auto 0;
	float: none;
	width: 180px;
}

.modal .btn-main.bg-blue {
	min-width: 230px;
}

.modal h5 + .btn-main.bg-blue {
	margin: 20px auto 20px;
}

body .close {
	display: inline-block;
	right: 30px;
	top: 30px;
	position: absolute;
	z-index: 5;
	opacity: 1;
	font-size: 0;
	color: transparent;
	width: 20px;
	height: 20px;
	background: url('https://www.east-ayrshire.gov.uk/assets/svg/i-close-blue.svg') no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
	outline: none;
}

.modal-content {
	border-radius: 0;
}

.modal-body {
	position: relative;
	padding: 28px 40px 25px;
}

/*  */

#modal-ipad .modal-dialog {
    max-width: 500px;
    font-size: 20px;
}

#modal-ipad .modal-content {
    border: 4px solid #00529B;
    border-radius: 25px;
}

#modal-ipad .color-blue {
    color: #239ddd;
}

#modal-ipad .btn-main {
    min-width: 130px;
    margin: 10px 0 10px 10px;
    font-size: 20px;
    border-radius: 13px;
    display: inline-block;
    vertical-align: middle;
}

#modal-ipad .link-block .btn-main.bg-blue {
    /*color: #239ddd;*/
}

#modal-ipad p {
    font-size: 15px;
    font-weight: 500;
    padding: 0 0 15px;
    line-height: 1.5;
}

.list-styled li {
    padding: 0 0 5px 40px;
    margin: 0 0 0;
    position: relative;
    list-style: none;
}

.list-styled li:before {
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    margin: 6px 0 0;
    content: "";
    display: block;
    position: absolute;
    background: url(img/i-check.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}

.list-styled-bullets li:before {
    width: 30px;
    height: 30px;
    margin: 4px 0 0;
    background: url(https://www.east-ayrshire.gov.uk/assets/svg/i-check-rounded.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}

.link-block {
    /*padding: 13px 0 16px;*/
    margin: 8px auto 22px;
    /*min-height: 160px;*/
    /*max-width: 170px;*/
    border: 3px solid;
	background:#6ea9db;
    border-radius: 10px;
    text-align: center;
    color: #5e5e5e;
    display: block;
    position: relative;
}
.link-block:hover {
	background:#1e3d7b;
}
	
.link-block a{
	color:#ffffff;
}

.btn-row {
    max-width: 320px;
    font-size: 22px;
    margin: 0 auto;
}

.btn-row strong {
    font-weight: 600;
}

.modal .btn-main.bg-white {
	color: #239ddd;
	background: #ffffff;
}

.modal .btn-main.bg-white:hover {
	color: #ffffff;
	box-shadow: inset 0px 0px 5px 1px #239ddd;
}

.modal .btn-main.bg-white:before {
	background: #239ddd;
}

#modal-ipad .list-styled li {
	padding-bottom: 5px;
	font-weight: 500;
}


#modal-ipad .list-styled {
    padding: 35px 0 25px;
}

#modal-ipad a:not(.btn-main) {
	color: inherit;
}

#modal-ipad h6 {
    margin: 0 0 0;
    padding: 20px 0 15px;
    font-size: 15px;
    color: #999999;
    font-weight: 500;
}

/*  */

/* END MODAL AREA */

/* Form elements
************************************************/

/* Form elements - headings
************************************************/

.achieveforms-container .header-style,
.achieveforms-container h1,
.achieveforms-container h2,
.achieveforms-container h3,
.achieveforms-container h4 {
	/*border-bottom: 1px solid #daddde;*/
	color: #444;
	font-family: "Open Sans", sans-serif;
	font-weight: 400 !important;
	padding-bottom: 0.5rem;
}

/* Form elements - labels
************************************************/

.achieveforms-container .all-sections .field .fieldContent .fieldName ._fieldName {
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.025rem;
}



/************************************************
* S55. PNotify notifications
************************************************/
@media (max-width:767px) {

}
@media (max-width: 480px) {
  .ui-pnotify {
    background: rgb(51,51,51, 0.66) !important;
    cursor: auto;
    display: block;
    height: 100vh !important;
    opacity: 1 !important;
    overflow: scroll !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    width: 100vw !important;
  }
  .ui-pnotify > .ui-pnotify-container {
    border-radius: unset;
    cursor: auto;
    display: block;
    height: auto;
    opacity: 1;
    overflow: visible;
    position: fixed !important;
    right: 0;
    top: 50%;
    transform: translateY(calc(-50% - .5px));
    width: 100vw;

    padding: 15px;
  }
  .ui-pnotify > .ui-pnotify-container h4 {
    display: block !important;
    height: 36px;
    line-height: 30px;
  }
  .ui-pnotify > .ui-pnotify-container .ui-pnotify-text {
    margin: 0 -15px -15px -15px;
    padding: 15px;
  }
  .ui-pnotify > .ui-pnotify-container.alert-danger {
    background-color: #a94442;
    color: #eee;
  }
  .ui-pnotify > .ui-pnotify-container.alert-danger .ui-pnotify-text {
    background-color: #f2dede;
    color: #333;
  }
}



/**************************************************
* S99. Utility classes
**************************************************/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-muted { color: #777777; }

/* Bootstrap-4-utilities */

/*-- float utilities --*/
.float-left {
  float: left   !important;
}
.float-right {
  float: right  !important;
}
.float-none {
  float: none   !important;
}
@media (min-width: 768px) {
  .float-sm-left {
    float: left   !important;
  }
  .float-sm-right {
    float: right  !important;
  }
  .float-sm-none {
    float: none   !important;
  }
}
@media (min-width: 992px) {
  .float-md-left {
    float: left   !important;
  }
  .float-md-right {
    float: right  !important;
  }
  .float-md-none {
    float: none   !important;
  }
}
@media (min-width: 1200px) {
  .float-lg-left {
    float: left   !important;
  }
  .float-lg-right {
    float: right  !important;
  }
  .float-lg-none {
    float: none   !important;
  }
}

/*-- text utilities --*/
.text-left {
  text-align: left   !important;
}
.text-right {
  text-align: right  !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left   !important;
  }
  .text-sm-right {
    text-align: right  !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left   !important;
  }
  .text-md-right {
    text-align: right  !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left   !important;
  }
  .text-lg-right {
    text-align: right  !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

/*-- spacing utilities --*/
.m-0 {
  margin: 0 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-1 {
  margin: 0.25rem 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.m-3 {
  margin: 1rem 1rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.m-4 {
  margin: 1.5rem 1.5rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-5 {
  margin: 3rem 3rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mr-5 {
  margin-right: 3rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.ml-5 {
  margin-left: 3rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.p-0 {
  padding: 0 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-1 {
  padding: 0.25rem 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem 0.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.p-3 {
  padding: 1rem 1rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-4 {
  padding: 1.5rem 1.5rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-5 {
  padding: 3rem 3rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pr-5 {
  padding-right: 3rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.pl-5 {
  padding-left: 3rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
@media (min-width: 768px) {
  .m-sm-0 {
    margin: 0 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem 1rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3 {
    margin-left: 1rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem 3rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5 {
    margin-left: 3rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem 1rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3 {
    padding-left: 1rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem 3rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  .m-md-0 {
    margin: 0 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem 1rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3 {
    margin-left: 1rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem 3rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5 {
    margin-left: 3rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-md-0 {
    padding: 0 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem 1rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3 {
    padding-left: 1rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem 3rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5 {
    padding-left: 3rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .m-lg-0 {
    margin: 0 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem 1rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3 {
    margin-left: 1rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem 3rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5 {
    margin-left: 3rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem 1rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem 3rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5 {
    padding-left: 3rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}