/*!
Author:	Meath County Council
Title:	DASH Stylesheet
*/
/* 
    Colours:

    Sandwell Green - #508328
    Sandwell Green Dark - #477920
    Sandwell Blue - #2d3547
    Sandwell Blue Dark - #262e3e
    Sandwell Link - #00707a
    Sandwell Link Dark - #015d66

    Anywhere in this document where we are modifying row / container margins is thanks to Granicus' mis-use of Bootstrap rows without containers. Always ensure that a row falls within a container to ensure correct padding / margins.
*/

/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');*/

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

/*added by DD start*/
html, body, body._AF a, body._AF div, body._AF h1, body._AF h2, body._AF h3, body._AF h4, body._AF h5, body._AF p, body._AF span:not(.fa), div._AF a, div._AF div, div._AF h1, div._AF h2, div._AF h3, div._AF h4, div._AF h5, div._AF p, div._AF span:not(.fa), html._AF a, html._AF div, html._AF h1, html._AF h2, html._AF h3, html._AF h4, html._AF h5, html._AF p, html._AF span:not(.fa) {
	font-family: 'Poppins','Lato', sans-serif !important;
	line-height: 1.5em;
}

body._AF article, body._AF footer, body._AF form, body._AF header, body._AF input, body._AF label, body._AF nav, body._AF section, body._AF select, body._AF textarea, div._AF article, div._AF footer, div._AF form, div._AF header, div._AF input, div._AF label, div._AF nav, div._AF section, div._AF select, div._AF textarea, html._AF article, html._AF footer, html._AF form, html._AF header, html._AF input, html._AF label, html._AF nav, html._AF section, html._AF select, html._AF textarea {
	font-family: inherit !important;
}
/*added by DD end*/

/*MCC*/
/*
#header
{
	display: none;
}
 Commeting to add blank space in header DD*/
/* #navigation */
/* { */
	/* padding: 15px; */
/* } */


/*added to give gap between navigation bar and tabs DD*/
#navigation
{	
	padding: 15px;
}

/*Buttons*/

a.btn.btn-success.btn-lg.btn-block {
    width: 25%;
    margin: auto;
}

button#custom-view-4:hover,
button#custom-view-5:hover,
button#custom-view-6:hover,
.btn-secondary:hover {
  background: linear-gradient(140deg, rgba(15, 29, 76, 1) 0%, rgba(37, 75, 120, 1) 100%) !important;
  background-color:none;
}

/*body,
html {
    font: 1em / 1.5 "Lato", sans-serif !important;
}*/

a {
    color: #021832;/*#00707a; Commented to make same color for text DD*/
}

a:hover,
a:focus,
a:active {
    color: #015d66;
}

/* Commented to make the cookie message default colour DD
 
#cookie-message {
    color: #FFFFFF;
    background: #3e6a1c; 
    position: unset !important;
}

#cookie-message a {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: 600;
}

#close-cookie-message {
    padding: 10px 20px;
    font-size: 1rem;
    background: #2d3547;
    border-color: #2d3547;
    margin: 10px 0 0 !important;
}

*/
/*added to change the width of buttons*/
/*Buttons*/

.btn.btn-lg.btn-primary.top {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Navbar */

.navbar-noheader {
    margin-bottom: 30px !important;   
}

.navbar-inverse {
    border: 0 !important;
}

.navbar-brand {
    margin-top: -35px;
}

.navbar img {
  height: auto;
  /* width: 13rem; */
  margin-top: 2px;
}

.navbar-static-top {
  /* padding: 1.75rem 0 !important; */
  background: #021832;/*#001638;*/
  color: #FFFFFF;
}

.navbar-static-top a {
    color: #FFFFFF !important;
    /*font-size: 1.125rem; Commented to inherit font size DD */ 
    font-weight: 700;
}

@media only print, only screen and (max-width: 767px) {
    .widget-panel 
	{
        margin-left: -15px;
        margin-right: -15px;
    }
}

.dropdown-menu > li > a {
    color: #333333 !important;
    font-size: 16px;
}

/* Pill Navigation */

#navigation .row {
    /* We do this because the platform isn't consistent in using .container > .row which causes margin / padding issues across different areas. This brings page content inline. */
    margin: 0 !important;
	/* padding-top: 5px;*/ /*MCC*/ 
}

#navigation .navbar .btn {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    margin-bottom: 10px;
    background: linear-gradient(140deg, rgba(15,29,76,1) 0%, rgba(37,75,120,1) 100%);/*#001638; Changed button colour DD*/
    padding: 15px 20px;
    font-weight: 600;
    margin-right: 5px;/*10px; changed to 5px to reduce space between buttons DD*/
	
}

#navigation .navbar .btn:hover,
#navigation .navbar .btn:focus,
#navigation .navbar .btn:active {
    box-shadow: none;
    background: linear-gradient(140deg, #f6bf35 0%, #b98a16 100%);/*#477920; Changed button hover colour DD*/
	color: black;/*added text color when hovers DD*/
}


#navigation .btn-group .btn+.btn, 
#navigation .btn-group .btn+.btn-group, 
#navigation .btn-group .btn-group+.btn, 
#navigation .btn-group .btn-group+.btn-group {
    margin-left: 0 !important;
}

/* Carousel */

.carousel__content {
/*    background-color: rgba(45,53,71,0.9);*/
    bottom: 0;
    left: 0;
    opacity: 1;
    padding-top: 10px;
/*    padding: 1.5rem;*/
/*    position: absolute;*/
    right: 0;
    -webkit-transition: opacity .6s ease-out;
    -o-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
    z-index: 999;
}

.carousel__heading {
    font-size: 1.5rem;
    margin: 0;
    color: #2d3547;
    margin-bottom: 10px;
    font-weight: 600;
}

.carousel__description {
    font-size: 1rem;
    margin-bottom: 0;
    color: #2d3547;
}

.jaduButton {
    -webkit-appearance: none;
    background-color: #508328;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-top: 10px;
    padding: 0.75rem 2.25rem;
    position: relative;
    text-decoration: none !important;
    vertical-align: middle;
    white-space: normal;
    margin-bottom: 10px;
}

.jaduButton:hover, 
.jaduButton:active, 
.jaduButton:focus {
    background-color: #477920;
    color: #fff;
}

.splide__slide img {
    width: 100% !important;
}

.splide__arrow {
    display: none !important;
}

.splide__pagination {
    position: unset !important;
}

.splide__pagination__page {
    height: 10px !important;
    width: 10px !important;
}

.splide__pagination__page.is-active {
    background: #1c212c !important;
}

@media(max-width: 768px) {

    .jaduButton {
        margin-bottom: 10px;
        padding: 10px 20px;
        border-radius: 0;
        text-decoration: underline;
        font-size: 0.9rem;
    }

    .carousel__description { 
        font-size: 0.9rem;
    }

    .carousel__heading {
        font-size: 1.4rem;
    }
}

/* Header */

.header-main {
    background: url(https://www.sandwell.gov.uk/images/RowleyHills_SearchBanner.jpg) center no-repeat;
    background-size: cover;
    padding: 150px 0;
    color: #FFFFFF !important;
    margin-bottom: 30px;
}

.header-main h2 {
    font-size: 1.75rem;
    margin: 0 0 .75rem;
    font-weight: 700;
}

.header-main .header-inner {
    background: rgb(45 53 71 / 90%);
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 769px;
    padding: 1.25rem 2.875rem 1.5rem;
}

.header-main .input-group input {
    border: 1px solid #fff;
    border-bottom-left-radius: 1.875rem;
    border-top-left-radius: 1.875rem;
    height: 50px;
    font-size: 1.25rem;
    padding: .5rem .5rem .5rem 1.5rem;
    color: #1c212c !important;
    font-weight: 500;
}

.header-main .input-group input::placeholder {
    color: #1c212c !important;
    font-weight: 500;
}

.header-main .input-group input:focus,
.header-main .input-group input:active {
    border-color: #000000;
    -webkit-box-shadow: 0 0 0 3px #dad0f1;
    box-shadow: 0 0 0 3px #dad0f1;
    outline: 0;
    z-index: 1;
}

.header-main .input-group .btn {
    border-bottom-right-radius: 1.875rem;
    border-top-right-radius: 1.875rem;
    color: #FFFFFF;
    height: 50px;
    background-color: #508328;
    border: 1px solid #FFFFFF;
    padding: 0 1.25rem 0 1.25rem;
    font-size: 1.75rem;
}

.header-main .input-group .btn:hover,
.header-main .input-group .btn:active,
.header-main .input-group .btn:focus {
    background-color: #383835;
}

.header-main .icon {
    display: block;
    margin: 0 auto;
    width: 2rem;
    height: 2rem;
    background-position: center center;
    background-size: contain;
}

/* Optional Header Alert Banner */

.header-alert {
    color: #FFFFFF;
    background: #508328;
    padding: 20px 0;
    margin-bottom: 40px;
}

.header-alert p {
    padding: 0;
    margin: 0;
}

.header-alert a {
    color: #FFFFFF;
    text-decoration: underline;
}

/* Homepage Widgets */

/*MCC*/
.widget-panel-iframe 
{
	padding-top: 5px !important; /*MCC*/
}
/*MCC*/
.widget-panel-videohelp
{
	padding: 5px !important; /*MCC*/
}
.widget-panel {
	padding: 10px;
    margin-bottom: 20px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    /*border-left: 5px solid #1b5293;/* #508328; Changed the line colour*/
    color: #2d3547;
}


#app-content .widget-panel .btn-default {
    margin-right: 4px;
    margin-bottom: 4px;
}

#app-content .widget-panel {
    padding-bottom: 26px;
}

.widget-panel .btn-default {
    background: linear-gradient(140deg, rgba(15,29,76,1) 0%, rgba(37,75,120,1) 100%);/*#508328; changed the background color of buttons DD*/
    color: #FFFFFF;
    border: none;
    font-size: 16px;
    padding: 10px 25px;
	font-weight:700;/*Added to make it bold DD*/
}

.widget-panel .btn-default:hover,
.widget-panel .btn-default:focus,
.widget-panel .btn-default:active {
    background: linear-gradient(140deg, #f6bf35 0%, #b98a16 100%);/*#477920;changed the background color of buttons DD */
	color:black;/*Added hover colour DD*/
	
}

.widget-header {
    /* margin-bottom: 20px; */
}

.widget-header > h1 {
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD;
    font-size: 20px;
    margin-top: 0;
	color:#021832;/*added to make the text same color DD*/
}

.widget-content iframe {
    margin-bottom: 5px;
}

.widget-content #Councillors,
.widget-content #Collections {
    margin-bottom: 0 !important;
}

.widget-image {
    width: 120px;
    height: 120px;
    margin-bottom: 15px;
}

.widget-external-link {
    display: block;
    text-decoration: none;
    font-size: 18px;
    margin: 0;
}
/* MCC */
.widget-external-link-indent {
    margin-left: 15px;
}
.widget-user-data {
    text-align: left;
}

.widget-user-data .widget-email,
.widget-user-data .widget-address {
    margin-bottom: 10px;
}

.widget-user-data .widget-options > ul {
    padding: 0;
    list-style-type: none;
}

.widget-user-data .widget-options > ul > li:last-of-type {
    margin-right: 0;
}

.widget-user-data .widget-options > ul > li {
    display: inline-block;
    margin-right: 10px;
}

.widget-councillor-list img {
    max-width: 100px;
    width: 100%;
}

.widget-councillor-list .widget-councillor-data h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.widget-councillor-list .widget-councillor-data p {
    margin: 0;
}

.widget-councillor-list > .row {
    margin-bottom: 15px;
}

.widget-waste-list img {
    max-width: 100px;
    width: 100%;
}

.widget-waste-list .widget-waste-data h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.widget-waste-list .widget-waste-data p {
    margin: 0;
}

.widget-waste-list > .row {
    margin-bottom: 15px;
}

.widget-waste-data > a {
    margin-top: 5px;
}

.widget-content > .widget-account h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.widget-content > .widget-account p {
    margin: 0;
}

.widget-content > .widget-account a {
    margin-top: 5px;
}

.widget-content > .widget-account {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.widget-content > .widget-account:last-of-type {
    border-bottom: 0;
    margin-bottom: 15px;
    padding-bottom: 0;
}

/* Logout Form */

.logout-form {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    max-width: 100%;
    color: #2d3547;
    border: 3px solid #2d3547;
    background: #f5f5f7;
    padding: 40px 20px;
    text-align: center;
    margin-bottom: 30px;
}

.logout-form h2 {
    font-weight: 600;
    margin-top: 0;
}

.logout-form p {
    margin-bottom: 0;
}

/* Login Form */

.login-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    color: #2d3547;
    border: 3px solid #2d3547;
    background: #f5f5f7;
    padding: 20px;
    margin-bottom: 30px; 
}

.login-homepage {
    margin: 0;
    background: none;
    padding: 0;
    border: none;
}

.login-form h1 {
    margin-top: 0;
    font-weight: 600;
}

.login-form .control-label {
    text-align: left !important;
    text-transform: lowercase;
}

.login-form .login-btn-group, 
.login-form .resetLink {
    text-align: right;
    display: block;
}

.login-form .resetLink {
    text-transform: lowercase;
}

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

.login-form input {
    box-shadow: none;
    border-radius: 0;
    border: 3px solid #2d3547;
    height: 40px;
}

.login-form input:hover,
.login-form input:focus {
    box-shadow: none;
    border: 3px solid #262e3e;
}

.login-form .control-label::first-letter,
.login-form .resetLink::first-letter {
    text-transform: uppercase;
}

.login-form .btn-default {
    background: #508328;
    color: #FFFFFF;
    border: none;
    font-size: 14px;
    padding: 10px 15px;
}

.login-form .btn-default:hover,
.login-form .btn-default:focus,
.login-form .btn-default:active {
    background: #477920;   
}

.login-form .row-login {
    display: inline-block;
    margin-top: 30px;
    width: 100%;
}

.login-form .row-login .provider-div {
    width: 33.33% !important;
}

.login-form .row-login p {
    font-size: 14px;
    position: static;
    margin-top: -30px;
    margin-bottom: 0;
    width: 100%;
    font-weight: 500;
}

.login-form .row-login .text-warning {
    font-weight: 400;
    color: #2d3547;
}

.login-form .row-login .thumbnail {
    border-radius: 0;
    border: 3px solid #2d3547;
}



/*File upload icons DD start*/


.resumable-file {
	background: #fbfbfb;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0.5rem;
	margin-bottom: 0.5rem;
}

.resumable-file[data-name$=".pdf"] img,
.resumable-file[data-name$=".doc"] img,
.resumable-file[data-name$=".docx"] img,
.resumable-file[data-name$=".txt"] img,
.resumable-file[data-name$=".csv"] img,
.resumable-file[data-name$=".xls"] img,
.resumable-file[data-name$=".xlsx"] img,
.resumable-file[data-name$=".png"] img,
.resumable-file[data-name$=".jpg"] img,
.resumable-file[data-name$=".jpeg"] img {
	display: none;
}

.resumable-file[data-name$=".pdf"]::before,
.resumable-file[data-name$=".txt"]::before,
.resumable-file[data-name$=".doc"]::before,
.resumable-file[data-name$=".docx"]::before,
.resumable-file[data-name$=".csv"]::before,
.resumable-file[data-name$=".xls"]::before,
.resumable-file[data-name$=".xlsx"]::before,
.resumable-file[data-name$=".png"]::before,
.resumable-file[data-name$=".jpg"]::before,
.resumable-file[data-name$=".jpeg"]::before  {
	content: "";
	margin-right: 0.5rem;
	vertical-align: top;
	width: 100px !important;
	height: 64px !important;
	display: inline-block;
	background-position: 50% 8px;
	background-size: 50px;
	background-repeat: no-repeat;
	background-color: #dbdbdb;
}

.resumable-file[data-name$=".pdf"]::before {
	background-image: url(https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/pdf-icon.png);
}

.resumable-file[data-name$=".txt"]::before {
	background-image: url(https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/xls-icon.png);
}

.resumable-file[data-name$=".csv"]::before {
	background-image: url(https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/csv-icon.png);
}

.resumable-file[data-name$=".doc"]::before,
.resumable-file[data-name$=".docx"]::before {
	background-image: url(https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/doc-icon.png);
}

.resumable-file[data-name$=".xls"]::before,
.resumable-file[data-name$=".xlsx"]::before {
	background-image: url(https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/xls-icon.png);
}

.resumable-file[data-name$=".png"]::before,
.resumable-file[data-name$=".jpg"]::before,
.resumable-file[data-name$=".jpeg"]::before {
	background-image: url(https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/image-icon.png);
}

/*File upload icons end*/

/* Footer */

/*added for Footer DD*/


/*! FOOTER */
#footer {
	flex-grow: 0;
}

#footer {
	background-color: #021832 !important;
	width: 100%;
	color: #fff;
    /*padding: 2rem 1rem; commented test*/
	border-top: none !important;
}

#footer a {
	color: #fff;
	text-decoration: none;
	line-height: 2.5rem;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer .span12 {
	margin-right: auto !important;
	margin-left: auto !important;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width:768px) {
	#footer .span12 {
		width: 750px;
	}
}

@media (min-width:992px) {
	#footer .span12 {
		width: 970px;
	}
}

@media (min-width:1200px) {
	#footer .span12 {
		width: 1170px;
	}
}

#helpText_Email_Address1 {
	display: none;
}

#footer small {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}

.footer-left, .footer-right {
	font-size: 1.5rem;
}

.footer-left {
	flex-grow: 1000;
	font-weight: 600;
}

.footer-right {
	flex-grow: 0;
	font-weight: 400;
}

.footer-right a:nth-child(1)::after {
	content: "\007c";
	color: #fcb900;
	margin: 0 1.5rem;
}

.footer-right a:nth-child(2)::after {
	content: "\007c";
	color: #fcb900;
	margin: 0 1.5rem;
}

.footer-right a:nth-child(3)::after {
	content: "\007c";
	color: #fcb900;
	margin: 0 1.5rem;
}

.footer-right a:nth-child(4)::after {
	content: "\007c";
	color: #fcb900;
	margin: 0 1.5rem;
}

.footer-right a:nth-child(5)::after {
	content: "\007c";
	color: #fcb900;
	margin: 0 1.5rem;
}
.footer-right a:nth-child(6)::after {
	content: "\007c";
	color: #fcb900;
	margin: 0 1.5rem;
}
.footer-right a:nth-child(7)::after {
	content: "\007c";
	color: #fcb900;
	margin: 0 1.5rem;
}
.footer-right a:nth-child(8)::after {
	content: "\007c";
	color: #fcb900;
	margin: 0 1.5rem;
}
.footer-right a:nth-child(9)::after {
	content: "\007c";
	color: #fcb900;
	margin: 0 1.5rem;
}

@media only print, only screen and (max-width:600px) {
	.footer-left, .footer-right {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.footer-left {
		border-bottom: 1px solid #fcb900;
		padding-bottom: 0.5rem;
	}

	.footer-right a:nth-child(1)::after {
		display: none;
	}

	.footer-right a:nth-child(2)::after {
		display: none;
	}

	.footer-right a:nth-child(3)::after {
		display: none;
	}

	.footer-right a:nth-child(4)::after {
		display: none;
	}

	#footer small {
		display: flex;
		flex-direction: column !important;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: center;
		align-items: flex-start;
	}
}

.fa {
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	border-radius: 50%;
}

.fa:hover {
	opacity: 0.7;
}

.fa-facebook-f {
  /* background: #3B5998;*/
	color: white;
	padding: 15px;
	font-size: 2rem !important;
}

.fa-x-twitter {
  /*background: #55ACEE;*/
	color: white;
	padding: 15px;
	font-size: 2rem !important;
}

.fa-linkedin-in {
  /*background: #007bb5;*/
	color: white;
	padding: 15px;
	font-size: 2rem !important;
}

.fa-youtube {
  /*background: #bb0000;*/
	color: white;
	padding: 15px;
	font-size: 2rem !important;
}

.fa-instagram {
  /*background: #125688;*/
	color: white;
	padding: 15px;
	font-size: 2rem !important;
}


/*
.site-footer {
    padding: 40px 0;
    background: #508328;
    margin-top: 30px;
}

.site-footer img {
    max-width: 100%;
}

.site-footer .nav--social-links {
    margin-bottom: 0.75rem;
    text-align: left;
}

.site-footer .list--inline {
    font-size: 1rem;
    line-height: 1.3;
    list-style: none;
    padding: 0;
}

.site-footer .nav--social-links .list__item {
    margin: 0;
    vertical-align: bottom;
    display: inline-block;
}

.site-footer .nav--social-links .list__link {
    background-color: #508328;
    border: 0;
    color: #fff;
    display: inline-block;
    margin: 0 0.25rem;
    position: relative;
}

.site-footer .nav--social-links .list__item:first-of-type {
    margin-left: -25px;
}

.site-footer .nav--social-links .icon {
    background-size: 70%;
    height: 3.5rem;
    position: relative;
    width: 3.5rem;
    z-index: 2;
    display: block;
    background-position: center center;
}

.site-footer .visually-hidden {
    display: none;
}

.site-footer__text.site-footer__rights {
    float: left;
    margin-right: 2.25rem;
    color: #ffffff;
    font-weight: 500;
}

.site-footer__group .list,.site-footer__group .download__meta-list {
    display: inline;
    padding: 0;
}

.site-footer__group .list__item {
    display: inline-block;
    margin: 0 1.5rem 0 0;
}

@media screen and (max-width: 959px) {
    .site-footer__group .list__item {
        margin:0 .75rem;
    }
}

.site-footer__group .list__link {
    font-weight: 700;
    text-decoration: underline;
}

.site-footer__group .list__link,.site-footer__group .list__link:hover {
    color: #fff;
}

.site-footer__group .list__link:hover,.site-footer__group .list__link:focus,.site-footer__group .list__link:active {
    text-decoration: none;
}

.site-footer__group .list__link:focus {
    position: relative;
}

.site-footer__text {
    margin: 0;
}

.icon-social-facebook {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20height%3D%2264%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20viewBox%3D%220%200%2064%2064%22%20width%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M38.77%2C15.61h6.35A1.88%2C1.88%2C0%2C0%2C0%2C47%2C13.73V3.87A1.88%2C1.88%2C0%2C0%2C0%2C45.12%2C2H36.49C31.93%2C2%2C28.4%2C3.22%2C26%2C5.64c-1.53%2C1.53-3.34%2C4.34-3.33%2C9v6h-3.8A1.87%2C1.87%2C0%2C0%2C0%2C17%2C22.51V32a1.88%2C1.88%2C0%2C0%2C0%2C1.87%2C1.88h3.8V60.12A1.88%2C1.88%2C0%2C0%2C0%2C24.55%2C62H36.2a1.88%2C1.88%2C0%2C0%2C0%2C1.88-1.88V33.86H44a1.89%2C1.89%2C0%2C0%2C0%2C1.86-1.58c0-.19.75-4.68%2C1.1-9.67a1.84%2C1.84%2C0%2C0%2C0-.5-1.41%2C1.87%2C1.87%2C0%2C0%2C0-1.37-.6h-7V16.12A1.16%2C1.16%2C0%2C0%2C1%2C38.77%2C15.61Zm-2.52%2C8.74h6.83c-.22%2C2.32-.49%2C4.41-.67%2C5.76H36.2A1.87%2C1.87%2C0%2C0%2C0%2C34.33%2C32V58.25H26.42V32a1.87%2C1.87%2C0%2C0%2C0-1.87-1.87h-3.8V24.39h3.8a1.88%2C1.88%2C0%2C0%2C0%2C1.87-1.88V14.67a8.67%2C8.67%2C0%2C0%2C1%2C2.23-6.39C30.33%2C6.6%2C33%2C5.75%2C36.49%2C5.75h6.76v6.11H38.77A4.57%2C4.57%2C0%2C0%2C0%2C34.37%2C16v6.48A1.88%2C1.88%2C0%2C0%2C0%2C36.25%2C24.35Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
}

.icon-social-twitter {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22m37.31%2C24.61L60.09%2C0h-5.51l-19.74%2C21.32L18.9%2C0H.16l24.33%2C32.52L0%2C58.96h5.51l21.43-23.15%2C17.32%2C23.15h18.74l-25.69-34.35ZM8.26%2C4.06h8.62l38.03%2C50.85h-8.62L8.26%2C4.06Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
}

.icon-social-instagram {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20height%3D%2264%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20viewBox%3D%220%200%2064%2064%22%20width%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M50.34%2C2.06H13.66A11.67%2C11.67%2C0%2C0%2C0%2C2%2C13.72V50.4A11.67%2C11.67%2C0%2C0%2C0%2C13.66%2C62.06H50.34A11.67%2C11.67%2C0%2C0%2C0%2C62%2C50.4V13.72A11.67%2C11.67%2C0%2C0%2C0%2C50.34%2C2.06ZM58.25%2C50.4a7.92%2C7.92%2C0%2C0%2C1-7.91%2C7.91H13.66A7.92%2C7.92%2C0%2C0%2C1%2C5.75%2C50.4V13.72a7.92%2C7.92%2C0%2C0%2C1%2C7.91-7.91H50.34a7.92%2C7.92%2C0%2C0%2C1%2C7.91%2C7.91ZM32%2C16.73A15.33%2C15.33%2C0%2C1%2C0%2C47.33%2C32.06%2C15.35%2C15.35%2C0%2C0%2C0%2C32%2C16.73Zm0%2C26.9A11.58%2C11.58%2C0%2C1%2C1%2C43.58%2C32.06%2C11.59%2C11.59%2C0%2C0%2C1%2C32%2C43.63ZM48.24%2C12.88a4.65%2C4.65%2C0%2C1%2C0%2C4.67%2C4.65A4.66%2C4.66%2C0%2C0%2C0%2C48.24%2C12.88Zm0%2C5.54a.9.9%2C0%2C1%2C1%2C.92-.89A.9.9%2C0%2C0%2C1%2C48.24%2C18.42Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
}

.icon-social-youtube {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20height%3D%2264%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20viewBox%3D%220%200%2064%2064%22%20width%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M51.83%2C9.74H12.17A10.13%2C10.13%2C0%2C0%2C0%2C2%2C20V42.72A10.1%2C10.1%2C0%2C0%2C0%2C12.17%2C53H51.83A10.1%2C10.1%2C0%2C0%2C0%2C62%2C42.72V20A10.13%2C10.13%2C0%2C0%2C0%2C51.83%2C9.74Zm6.42%2C33a6.39%2C6.39%2C0%2C0%2C1-6.42%2C6.49H12.17a6.39%2C6.39%2C0%2C0%2C1-6.42-6.49V20a6.42%2C6.42%2C0%2C0%2C1%2C6.42-6.55H51.83A6.42%2C6.42%2C0%2C0%2C1%2C58.25%2C20Zm-14.82-14L27.27%2C18.08a1.87%2C1.87%2C0%2C0%2C0-2.9%2C1.57V41a1.86%2C1.86%2C0%2C0%2C0%2C1.87%2C1.87%2C1.83%2C1.83%2C0%2C0%2C0%2C1-.31L43.43%2C31.86a1.87%2C1.87%2C0%2C0%2C0%2C.84-1.56A1.9%2C1.9%2C0%2C0%2C0%2C43.43%2C28.73ZM28.12%2C37.47V23.13L39%2C30.3Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
}

.icon-ui-search {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M57.64%2C53.46l-15-15a23%2C23%2C0%2C1%2C0-4.18%2C4.18l15%2C15a3%2C3%2C0%2C0%2C0%2C4.18-4.17Zm-33.19-46a17%2C17%2C0%2C1%2C1-17%2C17A17.06%2C17.06%2C0%2C0%2C1%2C24.45%2C7.41Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
}
*/

@media only print, only screen and (max-width: 768px) 
{
    #navigation .row {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    #navigation {
        padding: 0 20px !important;
    }

   

    #navigation .navbar .btn:hover,
    #navigation .navbar .btn:active,
    #navigation .navbar .btn:focus {
        background: linear-gradient(140deg, #f6bf35 0%, #b98a16 100%);/*#00707a; Changed the button hover colour DD*/
        color: black;/*#FFFFFF; changed text color to black DD*/
    }

    #navigation .navbar-nav {
        margin-top: 0;
    }

    #navigation .navbar-nav > li {
        border: 0 !important;
        margin-bottom: 5px;
    }

    #navigation .navbar-nav > li > a {
        background: linear-gradient(140deg, rgba(15,29,76,1) 0%, rgba(37,75,120,1) 100%);/*#2d3547; Changed the button colour DD*/
        color: #FFFFFF;
    }

    #navigation .navbar-collapse {
        max-height: 1000px !important;
    }

    /* Commented by DD
	.site-footer .nav--social-links,
    .site-footer__group {
        text-align: center !important;
    }

    .site-footer__text.site-footer__rights {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }

    .site-footer img {
        margin-bottom: 30px;
        max-width: 13.1875rem;
    }

    .site-footer .col-xs-12 {
        text-align: center;
    }*/

    .navbar-brand {
        display: block;
        text-align: center;
        width: 100%;
    }

    #SelfToolbar .navbar-header,
    #toolbar .navbar-header {
        float: unset !important;
    }

    .navbar img {
        max-width: 20rem; /* MCC */
        margin-top: 0;
    }

    .navbar-static-top .navbar-nav {
        text-align: center !important;
        /*
		margin-top: 30px !important;
        margin-bottom: -15px !important;
		*/ /* MCC */
    }

    .navbar-static-top .nav > li {
        display: inline-block !important;
    }

    .navbar-static-top .nav > li > a {
        padding: 10px;
    }

    .navbar-static-top .nav > li > a i {
        font-size: 1.6875rem !important;
    }

    .navbar-static-top .displayname,
    .navbar-static-top .homepage {
        display: none !important;
    }

    .navbar-static-top .dropdown-menu {
        text-align: center;
        border-radius: 0;
        width: 100%;
        padding: 0;
        border: 0 !important;
    }

    .navbar-static-top .dropdown-menu > li > a {
        padding: 10px 20px;
    }

    .navbar-static-top .dropdown-menu .divider {
        display: none !important;
    }

    .navbar-static-top .dropdown {
        position: unset !important;
    }

    #self-content .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .widget-panel .btn-default {
        margin-bottom: 5px;
    }

    .widget-panel .btn-default:last-of-type {
        margin-bottom: 0;
    }

    .login-form .row-login .provider-div {
        width: 100% !important;
    }

    .header-main {
        background-image: none;
        padding: 0;
    }

    .header-main .header-inner {
        text-align: center;
    }

    .header-main h2 {
        font-size: 1.5rem;
    }

    .header-main .input-group input {
        font-size: 1rem;
        height: 40px;
        padding: 0.5rem 0.5rem 0.5rem 1rem;
    }

    .header-main .input-group .btn {
        height: 40px;
        padding: 0 1rem 0 1rem;
    }

    .header-main .container {
        padding: 0;
    }

    .header-main .icon {
        height: 1.5rem;
        width: 1.5rem;
    }
}

@media only print, only screen and (max-width: 992px) {
    .navbar-static-top .homepage {
        display: none !important;
    }
}

@media only print, only screen and (min-width: 768px) {
    .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }
}

/* Font Awesome Fixes (we change the content so that the existing govService icons work with font awesome v5). */

.fa-sign-out:before {
    content: "\f2f5" !important;
}


@media (min-width: 1200px) 
{
	/*MCC*/
    .container 
	{
        width: 96% !important;
		max-width: 96% !important;
    }
	#main-content
	{
        width: 100% !important;
    }	 
	#navigation .navbar 
	{		
        margin-bottom: -5px;
    }
}

.wrap {
    width: 320px;
    height: 192px;
    padding: 0;
    overflow: hidden;
}
.iframeFoireann 
{
    width: 1280px;
    height: 786px;
    /*height: calc(100vh - 60px);	*/
    border: 0;
    -ms-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -o-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}



/* --------------------------------------------------------- */
/* 2025-05-23 */
.PrePlanningReportBaseIMG
{
	
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
}

.PrePlanningReport
{
	width: 90vw !important;
	height: 600px !important;
	padding-right: 10px !important;
}
.PrePlanningParentReportDIV
{
	width: 90vw !important;
	height: 600px !important;
}

.PrePlanningParentReportOUTER
{
	width: 90vw !important;
	height: auto !important;
	padding-right: 10px !important;
	
}

.MCC_MAP_INNER 
{
	width: 90vw !important;
	margin-right: 10px !important;
	padding-right: 10px !important;
}

.HIDE_THIS
{
	display: none !important;
}

.leaflet-draw-toolbar .leaflet-draw-draw-polygon 
{
	background-image: url("https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/DrawPolygon.png") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}


.leaflet-control-zoom .leaflet-control-zoom-fullscreen
{
	background-image: url("https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/FullScreen.png") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

.leaflet-control-button
{
	background-image: url("https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/XY.png") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}
.RPT_LBL_HDR_LBL
{
    font-weight: bold !important;
    font-size: 1.5em !important;
}

.footer_icons
{
	font-size: 24px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#footer 
{
	position: fixed;
	bottom: 0px;
	z-index: 5000;
	display: none;
}

.footer-center
{
	display: table;
    margin: 0 auto;
}

.container 
{
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0!important;
    width: 100% !important;
	padding: 0px !important;
}


#self-content
{	
	/* padding-top: 10px !important; */
}	
.navbar 
{
    min-height: 50px;
    margin-bottom: 0px;	
    padding-bottom: 10px!important;
    border: none;
    border-radius: 0;
}
.navbar-inverse 
{
    /* background-color: #093566; */
	background-color: #021832;/*#001638;*/
    border-color: transparent;
}

#header
{
	display: none;
}



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


#main-content-homepage
{
	background-image: url(https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/meathcoco.jpg) !important;
	/* background-image: url(https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/dash-background.jpeg) !important; */
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 90%;
	margin-top: -5px;
}
#gs-column-homepage
{
	background-image: url(https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/meathcoco.jpg) !important;
	/* background-image: url(https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/dash-background.jpeg) !important; */
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 90%;
	margin-top: -5px;
}

.leaflet-container .leaflet-control-mouseposition {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 5px #bbb;
  padding: 0 5px;
  margin:0;
  color: #333;
  font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}


.modal-dialog-Map
{
	top: 25%;	
}



/* SERVICES MENU */

.service-groups ul.menu {
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
}

.service-groups ul.menu li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	flex-grow: 100;
	margin: 0.25rem;
	flex-basis: 20%;
}

.service-groups ol.menu {
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
}

.service-groups ol.menu li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	flex-grow: 100;
	margin: 0.25rem;
	flex-basis: 20%;
}
.service-groups a.fsservice-pretty-link 
{
	display: block !important;
	max-height: 50px !important;
}


.service-groups a.fsservice-pretty-link:link, .service-groups a.fsservice-pretty-link:visited {
	padding: 1rem 2rem 1rem 1rem;
	display: block;
	color: #595959;
	text-decoration: none;
	border: none !important;
	border-radius: 4px;
    /*background-color: #e2e2e2; commented test */
	background: linear-gradient(140deg, rgba(15,29,76,1) 0%, rgba(37,75,120,1) 100%);
}

.service-groups a.fsservice-pretty-link.active {
	border: none !important;
	background-image: linear-gradient(140deg, #f6bf35 0%, #b98a16 100%) !important;
	background-color: transparent !important;
	/*background-color: #F6BF35 !important;*/
	color: #444 !important;
}

.service-groups a.fsservice-pretty-link:hover, .service-groups a.fsservice-pretty-link.active:hover {
	border: none !important;
	align-content: normal;
	color: #FFFFFF !important;
    /*background-color: #1d599e !important; commented test*/
	background: linear-gradient(140deg, #f6bf35 0%, #b98a16 100%);
}

.service-groups a.fsservice-pretty-link:hover h2, .service-groups a.fsservice-pretty-link.active:hover h2 {
	color: #FFFFFF !important;
}

.service-groups a.fsservice-pretty-link h2 {
	margin: 0;
	font-weight: 600;
	font-size: 1.65rem;
    /*color: #3a495a; commented test */
	color: #fff;
	overflow-x: visible !important;
	text-align: center;
 /*added*/;
}

.service-groups a.fsservice-pretty-link div 
{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    list-style: none;
    word-break: normal;
    box-sizing: border-box;
    font-family: inherit;
    line-height: 1.1;
    text-overflow: ellipsis;
    margin: 0;
    font-weight: 600;
    font-size: 1.65rem;
    color: #fff;
    overflow-x: visible !important;
    text-align: center;
    white-space: wrap;
	display: none;
}

.row.grouped-services {
	padding: 0;
}

.row.grouped-services .row.all-services .row {
	background-color: #f1f1f1;
	margin: 0.5rem;
	border-top: 2px solid #1d599e;
}

.grouped-services {
	padding-left: 0;
}

h3.serviceColumnLetter {
	margin-top: 0px;
	color: #fff;
    /*background: #1d599e;commented test*/
	background: linear-gradient(140deg, rgba(15,29,76,1) 0%, rgba(37,75,120,1) 100%);
	padding: 5px 15px;
	display: flex;
	border-radius: 0;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: 600;
	min-width: 5rem;
	position: absolute;
	top: 0;
	left: 0;
}

.all-services .col-md-1 {
	width: 45px !important;
}

.all-services .col-sm-1, .all-services .col-sm-2, .all-services .col-sm-3, .all-services .col-sm-4, .all-services .col-sm-5, .all-services .col-sm-6, .all-services .col-sm-7, .all-services .col-sm-8, .all-services .col-sm-9, .all-services .col-sm-10, .all-services .col-sm-11, .all-services .col-sm-12 {
	padding: 0 !important;
}

.services li {
	padding: 0 1rem 0 0;
}

.services.list-unstyled {
	line-height: 1.75em;
	font-size: 1.4rem;
	margin-left: 2rem;
	padding-top: 0.5rem;
}

ul.services li a {
	font-weight: 400;
	text-decoration: none;
	margin: 5px 0px !important;
}

ul.services li a:hover {
	text-decoration: underline;
	margin: 5px 0px !important;
}

.service-groups ul.menu li 
	{
		flex-basis: 15%!important;
		width: 15%;	
		min-width: 0;
	}
.service-groups ul.menu li.small
	{
		flex-basis: 15% !important;
		width: 15%;	
		min-width: 0;	
	}
.service-groups ul.menu li.small2
	{
		flex-basis: 20% !important;
		width: 20%;	
		min-width: 0;
	}
.service-groups ul.menu li.smalldesktop
	{	
		flex-basis: 5% !important;
		width: 5%;
		min-width: 0;
	}
.service-groups ul.menu li.medium 
	{
		flex-basis: 25%!important;
		width: 25%;
		min-width: 0;		
		background-color: white;
	}



.service-groups ol.menu li 
	{
		flex-basis: 15%!important;
		width: 15%;	
		min-width: 0;	
	}
.service-groups ol.menu li.small
	{
		flex-basis: 15% !important;
		width: 15%;	
		min-width: 0;	
	}
.service-groups ol.menu li.small2
	{
		flex-basis: 20% !important;
		width: 20%;	
		min-width: 0;	
	}
.service-groups ol.menu li.smalldesktop
	{
		flex-basis: 5% !important;
		width: 5%;	
		min-width: 0;		
	}
.service-groups ol.menu li.medium 
	{
		flex-basis: 25%!important;
		width: 25%;
		min-width: 0;			
		background-color: white;
	}


/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) 
	{
		.service-groups ul.menu li.smalldesktop
			{
				width: 15%;
				flex-basis: 15% !important;
			}
		.service-groups ol.menu li.smalldesktop
			{
				width: 15%;
				flex-basis: 15% !important;
			}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) 
	{
		.service-groups ul.menu li.smalldesktop
			{
				width: 5%;
				flex-basis: 5% !important;
			}
		.service-groups ol.menu li.smalldesktop
			{
				width: 5%;
				flex-basis: 5% !important;
			}
		.service-groups ul.menu li.small
			{
				max-width: 10%;
			}
		.service-groups ol.menu li.small
			{			
				max-width: 10%;
			}			
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px)  
	{
		.service-groups ul.menu li.smalldesktop
			{
				width: 5%;
				flex-basis: 5% !important;
			}
		.service-groups ol.menu li.smalldesktop
			{
				width: 5%;
				flex-basis: 5% !important;
			}
		.service-groups ul.menu li.small
			{
				max-width: 10%;
			}
		.service-groups ol.menu li.small
			{			
				max-width: 10%;
			}	
    }


	
@media only print, only screen and (max-width: 767px) 
{
	.service-groups ul.menu li {
		flex-basis: 20% !important;
	}
	.service-groups ul.menu li.small {
		width: 15%;
		flex-basis: 15% !important;
	}
	.service-groups ul.menu li.small2 {
		width: 15%;
		flex-basis: 15% !important;
	}
	
	.service-groups ul.menu li.smalldesktop {
		width: 15%;
		flex-basis: 15% !important;
	}
	
	
	.service-groups ul.menu li.medium  {
		flex-basis: 20% !important;
	}
	
	.service-groups ol.menu li {
		flex-basis: 20% !important;
	}
	.service-groups ol.menu li.small {
		width: 15%;
		flex-basis: 15% !important;
	}
	.service-groups ol.menu li.small2 {
		width: 15%;
		flex-basis: 15% !important;
	}
	.service-groups ol.menu li.smalldesktop {
		width: 15%;
		flex-basis: 15% !important;
	}
	.service-groups ol.menu li.medium  {
		flex-basis: 25% !important;
	}
	.services.list-unstyled {
		line-height: 1.75em;
		font-size: 1.4rem;
		margin-left: 7rem;
	}

	.desktop_forms {
		max-width: 100% !important;
	}
			
	
}

@media only print, only screen and (max-width: 600px) 
{
	.service-groups ul.menu li {
		flex-basis: 66% !important;
	}
	.service-groups ul.menu li.small {
		flex-basis: 66% !important;
	}
	.service-groups ul.menu li.small2 {
		flex-basis: 66% !important;
	}
	.service-groups ul.menu li.smalldesktop {
		flex-basis: 66% !important;
	}
	.service-groups ul.menu li.medium  {
		flex-basis: 66% !important;
	}
	.service-groups ol.menu li {
		flex-basis: 66% !important;
	}
	.service-groups ol.menu li.small {
		flex-basis: 66% !important;
	}
	.service-groups ol.menu li.small2 {
		flex-basis: 66% !important;
	}
	.service-groups ol.menu li.smalldesktop {
		flex-basis: 66% !important;
	}
	.service-groups ol.menu li.medium  {
		flex-basis: 66% !important;
	}
	.services.list-unstyled {
		padding-left: 0;
		list-style: none;
		margin-left: 1rem;
		margin-top: 4rem;
	}

	.desktop_forms {
		max-width: 100% !important;
	}
	.hideOnMobile
	{
		display: none  !important;
	}
}



ul.services li {
    border-bottom: 1px solid #e2e2e2;
    padding: 6px 0;
}

.service-groups a.fsservice-pretty-link h2 
{
    white-space: wrap;
}


#navigation
{
	border-bottom: 1px dotted;
	border-bottom-color:	#ecf0f1;
	max-width: 100% !important;	
	background: #fbfcfc;
	/* padding-left: 20px !important; */
}
#navigation .btn-group.hidden-xs.clearfix 
{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	
    vertical-align: middle; 
    align-content: center;
    justify-content: center;
    align-items: center; 
}
#navigation .navbar .caret 
{
/*     display: none !important; */
}

#navigation
	{
     /*display: none; */
	}
.welcomeHeaderDIV
{
	background-color:	#021832;
	color: #fff;
}

.welcomeHeaderDIV h1 
{
    font-size: 24px;
	margin: 0px;
	margin-left: 15px;	
}

#cont {
  padding: 0px;  
  display: flex; 
  flex-direction: column;
}
#body {  
  max-height: 80vh;
  height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1; 
  text-align: center;
}


/* Home Page Tabs*/

/* Style the tab */
.tab {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  /*
  background-color: #f1f1f1;*/
}

/* Style the buttons inside the tab */
.tab button {
  /*background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  */
  

	
  
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	
	padding-bottom: 20px;
	border-right: 1px dashed #DDD;
	margin-top: 0;
	color:#021832;/*added to make the text same color DD*/
	font-size: 20px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #fbf7f5;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #cfe5e5;
}

/* Style the tab content */
.tabcontent 
{
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.socialMediaNote
{
    text-align: center;
    color: #0066CC;
    font-weight: bold;    
}

.bd-example-row 
{
  .row 
  {
    > .col,
    > [class^="col-"] 
	{
      padding-top: .50rem;
      padding-bottom: .50rem;
      /* background-color: rgba(86, 61, 124, .15); */
      border: 1px solid rgba(86, 61, 124, .2);
    }
  }

  .row + .row 
  {
    margin-top: 1rem;
  }

  .flex-items-top,
  .flex-items-middle,
  .flex-items-bottom 
  {
    min-height: 6rem;
    background-color: rgba(255, 0, 0, .1);
  }
  
}

.bd-example-row-flex-cols .row 
{
  min-height: 10rem;
  background-color: rgba(255, 0, 0, .1);
}

.quicklinkimgOuter
{
	min-height: 30px;
	max-height: 30px;
    text-align: center;
}
.quicklinkimgOuterLARGE
{
	min-height: 120px;
	max-height: 120px;
    text-align: center;
}
.quicklinkCardBody
{
	text-align: center;
}
.quicklinktext
{
	min-height: 50px;
	max-height: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.quickLinkBTN
{
	width: 90%;
/*	display: none;*/
	padding-bottom: 10px;
}

.alert
{
	color: #ff0000;
}

.card[data-clickable=true]{
  cursor: pointer;
}

.card-img-top
{	
	padding-top: 10px;
	padding-bottom: 10px;
	max-height: 60px;
}

.fb-page
{
	/*height: 80%;*/
}

.homeWidgetHeader
{
	font-size: 20px;
}

.alertQuickLink
{
	padding: 0px;
}

.quickLinkCARDOuter
{	
	border: 1px solid #DDD;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	border-radius: 5px;
}
.quickLinkCARDOuter:hover
{
	background-color: #fbf7f5;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}




.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}



.bg-green 
{
    background-color: #405E53;
}

.bg-yellow 
{
    background-color: #C7B576;
}

div.welcomeimg
{
    text-align: center;
}

img.welcomeimg
{
	display: block;
	margin: auto;
	width: 600px;
	max-width: 75vw;
	/*width:50%;
	*/
}

#MyRequestTable 
{
    margin-top: 0px; !important; 
    margin-bottom: 5px; !important; 
}

.form-group 
{
    padding-right: 20px !important;
}

.yourCases
{
	background-color: #F0F3FF !important;
}

.task-name, .task-table-head, .task-table-body
{
/* background-color: #F0F3FF;*/
}


.climateDescr
{
	min-height: 60px;
}

.login-link
{
	/* display: none !important;	*/
}

#navigation .navbar 
{
	background: url('https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/meathHeader.jpg') no-repeat center center;
    background-size: cover;
	min-height: 100%;
    height: 100px;
	color: white;
	align-items: center;
	padding: 0 20px;
	display: flex;
}
@media (min-width: 1200px) 
{
	#navigation .navbar 
	{
		background: url('https://files-meathcc-fspub.s3.eu-west-1.amazonaws.com/meathDASHHeader3.jpg') no-repeat center right;
		background-size: auto;	
	}	
}



.quickLinkButtonBar
{
	float: right;
	text-align: center;
}

@media only print, only screen and (max-width: 767px) 
{
	#navigation .navbar 
	{
		display: block;
	}	
	.quickLinkButtonBar
	{
		float: none;
		text-align: center;
	}
}




	.watermark-container
	{
		position: relative;
		display: inline-block;
		width: 100%;
	}

	.watermark-container img {
		width: 100%;
		display: inherit;
	}

	.watermark 
	{
		position: absolute;
		height: 100%; width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-family: Arial, sans-serif;
		background-color: rgba(0, 0, 0, 0.1); /* Semi-transparent background */
	}

	.watermark-centered 
	{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-family: Arial, sans-serif;
		font-size: 1.2rem;
	}

._2lqh
{
	display: none;	
}

.column_header
{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	margin: 5px !important;
	height: 60px !important;	
}
.column_main_para
{
	margin: 5px !important; 
	height: 150px !important;
	max-height: 150px!important;
}
.column_main_img
{
	margin: 5px !important; 
	max-height: 400px!important;
}
.AI_HELPER_IMAGES
{
	max-height: 200px!important;
}


/*
Copilot
*/
:root {
      --copilot-width: 380px;
      --copilot-height: 560px;
      --copilot-radius: 14px;
      --copilot-shadow: 0 14px 36px rgba(0,0,0,.18);
      --launcher-size: 56px;
      --brand: #2563eb; /* change to your brand */
    }

    /* Launcher (closed state) */
    .copilot-launcher 
	{
      position: fixed;
      /* right: 24px; */
      bottom: 24px;
      width: var(--launcher-size);
      height: var(--launcher-size);
      border-radius: 50%;
      background: var(--brand);
      color: #fff;
      display: grid;
      place-items: center;
      box-shadow: 0 8px 20px rgba(0,0,0,.18);
      cursor: pointer;
      user-select: none;
      z-index: 2147483000; /* stay on top */
      transition: transform .15s ease;
    }
    .copilot-launcher:hover { transform: scale(1.04); }
    .copilot-launcher:active { transform: scale(.98); }

    /* The chat container */
    .copilot-container {
      position: fixed;
      /* right: 24px; */
      bottom: calc(24px + var(--launcher-size) + 12px);
      width: var(--copilot-width);
      height: var(--copilot-height);
      border-radius: var(--copilot-radius);
      overflow: hidden;
      box-shadow: var(--copilot-shadow);
      background: #fff;
      display: none; /* hidden by default */
      z-index: 2147483001;
    }
	
	@media (min-width:768px)
	{
		.copilot-launcher 
		{
            right: 36px;
		}
		.copilot-container 
		{
            right: 36px;
		}
	}
	@media only print, only screen and (max-width: 767px) 
	{
		.copilot-launcher 
		{
            right: 48px;
		}
		.copilot-container 
		{
            right: 48px;
		}
	}
	@media only print, only screen and (max-width: 600px) 
	{
		.copilot-launcher 
		{
            right: 72px;
		}
		.copilot-container 
		{
            right: 48px;
		}
    }
	
	

    .copilot-header {
      height: 48px;
      display: flex;
      align-items: center;
      padding: 0 12px;
      background: linear-gradient(90deg, var(--brand), #0ea5e9);
      color: #fff;
      font: 600 14px/1.2 system-ui, Segoe UI, Arial, sans-serif;
      justify-content: space-between;
    }
    .copilot-header button {
      background: transparent; border: 0; color: #fff; cursor: pointer;
      font-size: 20px; width: 36px; height: 36px; border-radius: 8px;
    }
    .copilot-header button:hover { background: rgba(255,255,255,.18); }

	.copilot-info {
      height: 84px;
      display: flex;
      align-items: center;
      padding: 6px;
      /* background: linear-gradient(90deg, var(--brand), #F7EBE9); */
      /* color: #fff; */
      font: 600 14px/1.2 system-ui, Segoe UI, Arial, sans-serif;
      justify-content: space-between;
    }
    .copilot-iframe {
      width: 100%;
      height: calc(100% - 48px);
      border: 0;
      display: block;
      background: #fff;
    }

    /* Responsive shrink on small screens */
    @media (max-width: 480px) 
	{
      .copilot-container 
	  {
        right: 12px; 
		left: 12px;
        width: auto;
        height: 70vh;
        bottom: calc(12px + var(--launcher-size) + 10px);
      }
    }

.custom-tooltip {
  --bs-tooltip-bg: var(--bd-violet-bg);
  --bs-tooltip-color: var(--bs-white);
}



.box-container {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}

.step {
  flex: 1;                 /* ✅ equal width */
  text-align: centre;
  padding: 1.5rem;
  border: 1px solid #ddd;
  border-radius: 8px;
}

/* Number circle */

.box {
  width: 50px;
  height: 50px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background: #006b3f;
  color: #fff;

  display: flex;
  align-items: center;      /* ✅ US spelling */
  justify-content: center;  /* ✅ US spelling */

  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}


.step:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}


.reports_equality_line_items
{
	background-color: #eaf4ff;
    border-left: 4px solid #4da3ff;
}
.report_line_item_supplier_awaiting_installations
{
    background-color: #ddeeff;
    border-left: 4px solid #2e7cc4;
	
}
.report_line_item_supplier_installation_times
{
	
}