/********** Foundation overides ********/

.revenue .row {
    max-width: 75rem;
}
.revenue,
.revenue h1, .revenue h2, .revenue h3, .revenue h4, .revenue h5, .revenue h6 {
    font-family: 'Fira Sans', sans-serif;
    color:#333
}
.revenue {
    background-color:  #ecedee;
    fill: currentColor;
}

.revenue a:focus,
.revenue input:focus,
.revenue button:focus {
    outline: #00c6c6 solid 3px;
  /* See also: li.footnote-list-item:focus in footnote.css */ 
}

.revenue select,
.revenue textarea,
.revenue input[type="text"],
.revenue input[type="password"],
.revenue input[type="number"],
.revenue input[type="date"],
.revenue input[type="datetime"],
.revenue input[type="email"],
.revenue input[type="url"],
.revenue input[type="tel"],
.revenue input[type="time"],
.revenue input[type="week"],
.revenue input[type="month"],
.revenue input[type="search"] {
    font-family: 'Fira Mono', monospace;
    color:#333;
}

.errorBox {
    outline: 3px solid red !important;
}

.revenue .input-field {
    height: 3.125rem;
    box-shadow: none;
    border: 2px solid #666;
    font-size: 1.125rem;
}


.revenue button.button,
.revenue a.button {
    color: white;
    background-color: #145B94;
    border: 0;
    border-radius: .3125rem;
    padding: 0 2rem;
    line-height: 1.5rem;
    font-size: 1.125rem;
    /* transition: color 0s, background-color 0s; */
} 
.revenue button.button:hover,
.revenue button.button:active,
.revenue a.button:hover,
.revenue a.button:active {
    color: #FFFFFF;
    background-color: #0673e8;
    /* transition: color 0s, background-color 0s; */
} 

.revenue button.icon-button {
    padding: .5rem;
}
.revenue button.icon-button img {
    height: 100%;
    vertical-align: top;
}
.revenue button.icon-button i {
    font-size: 1.8rem;
    white-space: nowrap;
}

a.likebutton {
    color: white !important;
    background-color: #145B94;
    border: 0;
    border-radius: .3125rem !important;
    padding: 0 2rem;
    line-height: 2.5rem;
    font-size: 1.125rem;
    text-decoration: none !important;
    display: inline-block !important;
}

.revenue .input-group button.icon-button {
    width: 5rem;
    height: 3.125rem;
    border-radius: 0;
}
.revenue .input-group-field {
    height: 3.125rem;
    box-shadow: none;
    border: 2px solid #666;
    border-right: 0;
    font-size: 1.125rem;
}
.revenue caption {
    font-size: .875rem;
    text-align: left;
    color: #595959;
    font-weight: 500;
    font-style: italic;
    padding: .5rem 0;
}

a:hover, a:active{
    text-decoration: none !important;
}

a::before { display:inline-block; text-decoration:none; }

.revenue .content a:visited, 
.revenue .bottom-links a:visited,
.revenue .news a:visited,
.hub-destination-pages .collapsible-list-links .full-content a:visited {
    color:#609;
}

/* External and internal links may also point to documents, so also see
  classes like .eng-external-link-blue, .eng-external-link-white, etc. */

a *[class*="external-links"] {
  text-decoration: none;
  display: inline-block;
}

.external-links-white::after{
    content: url('../Images/svg/arrow-diagonal-regular-WHITE.svg');
}
.external-links::after {
  content: url('../Images/svg/arrow-diagonal-regular-BLUE.svg');
}

.external-links:visited::after,
.external-links-white:visited::after {
  fill: currentColor;
}

.internal-links:after {
    background-image: url(../Images/svg/arrow-right-regular-blue.svg);
    background-size: 16px 16px;
    display: inline-block;
    width: 15px;
    height: 14px;
    content: "";
    margin-left: 2px;
}

.internal-links {
    margin-top: 28px;
    display: inline-block;
}


.moreyear, .lessyear {
    float: left;
    margin-left:3px;
    clear:both;
    margin-top:6px;
}
.monthSubTitle {
  margin-bottom:24px !important;
  /*margin-top:3rem !important;*/
}

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

/************ fonts *************/


@font-face{
    font-family: 'Fira Sans';
    src: url("../fonts/eot/FiraSans-Light.eot");
    src: local("Fira Sans Light"),
         url("../fonts/eot/FiraSans-Light.eot") format("embedded-opentype"),
         url("../fonts/woff/FiraSans-Light.woff") format("woff"),
         url("../fonts/ttf/FiraSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url("../fonts/eot/FiraSans-LightItalic.eot");
    src: local("Fira Sans Light Italic"),
         url("../fonts/eot/FiraSans-LightItalic.eot") format("embedded-opentype"),
         url("../fonts/woff/FiraSans-LightItalic.woff") format("woff"),
         url("../fonts/ttf/FiraSans-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url("../fonts/eot/FiraSans-Regular.eot");
    src: local("Fira Sans Regular"),
         url("../fonts/eot/FiraSans-Regular.eot") format("embedded-opentype"),
         url("../fonts/woff/FiraSans-Regular.woff") format("woff"),
         url("../fonts/ttf/FiraSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url("../fonts/eot/FiraSans-RegularItalic.eot");
    src: local("Fira Sans Regular Italic"),
         url("../fonts/eot/FiraSans-RegularItalic.eot") format("embedded-opentype"),
         url("../fonts/woff/FiraSans-RegularItalic.woff") format("woff"),
         url("../fonts/ttf/FiraSans-RegularItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url("../fonts/eot/FiraSans-Medium.eot");
    src: local("Fira Sans Medium"),
         url("../fonts/eot/FiraSans-Medium.eot") format("embedded-opentype"),
         url("../fonts/woff/FiraSans-Medium.woff") format("woff"),
         url("../fonts/ttf/FiraSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url("../fonts/eot/FiraSans-MediumItalic.eot");
    src: local("Fira Sans Medium Italic"),
         url("../fonts/eot/FiraSans-MediumItalic.eot") format("embedded-opentype"),
         url("../fonts/woff/FiraSans-MediumItalic.woff") format("woff"),
         url("../fonts/ttf/FiraSans-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url("../fonts/eot/FiraSans-Bold.eot");
    src: local("Fira Sans Bold"),
         url("../fonts/eot/FiraSans-Bold.eot") format("embedded-opentype"),
         url("../fonts/woff/FiraSans-Bold.woff") format("woff"),
         url("../fonts/ttf/FiraSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url("../fonts/eot/FiraSans-BoldItalic.eot");
    src: local("Fira Sans Bold Italic"),
         url("../fonts/eot/FiraSans-BoldItalic.eot") format("embedded-opentype"),
         url("../fonts/woff/FiraSans-BoldItalic.woff") format("woff"),
         url("../fonts/ttf/FiraSans-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}


@font-face{
    font-family: 'Fira Mono';
    src: url("../fonts/eot/FiraMono-Regular.eot");
    src: local("Fira Mono"),
         url("../fonts/eot/FiraMono-Regular.eot") format("embedded-opentype"),
         url("../fonts/woff/FiraMono-Regular.woff") format("woff"),
         url("../fonts/ttf/FiraMono-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Mono';
    src: url("../fonts/eot/FiraMono-Regular.eot");
    src: local("Fira Mono"),
         url("../fonts/eot/FiraMono-Regular.eot") format("embedded-opentype"),
         url("../fonts/woff/FiraMono-Regular.woff") format("woff"),
         url("../fonts/ttf/FiraMono-Regular.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

/********* end fonts **************/

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    .revenue .content table
   {
        width: 95% !important;
   }
}



/****** Contact Details Styles *****/

.contactDetail {
  /* This would normally be 1.125rem, but IE renders the font strangely (numerical 1 is too tall), so this tricks IE into working properly.
      Also see style for:
        .revenue .content .contactDetail p
  */
 font-size: 1.11rem;
}
.contactDetail p, .contactDetail h2 {
  margin:0;
}

 .contactus-tabs {
    background: white;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 1px !important;
 }
.tabs-title > a {
     line-height: 1.4rem;
}

@media screen and (max-width: 63.9375em) { /* Tablet only */
  .county-contacts .collapsible-list-links,
    .county-contacts .collapsible-list-links > ul {
      padding: 0;
      margin-left: 0;
    }
}

@media screen and (max-width: 39.9375em) { /* Mobile only */
  .county-contacts ul.limit-child-items {
    margin-left: 0;
  }
  .changelangcookiebanner {
    margin-right:35px;
  }
}

.county-contacts .collapsible-list-links > ul > li.expanded {
  margin-bottom: 0 !important; 
}

.county-contacts .collapsible-list-links .revenue-contact-list__showLessLink {
  padding-right: 20px;
  background: url(../Images/svg/arrow-up-regular.svg) center right no-repeat; }

.county-contacts .collapsible-list-links .revenue-contact-list__showMoreLink {
  padding-right: 20px;
  background: url(../Images/svg/arrow-down-regular.svg) center right no-repeat; }

/* End Contact Details */

/******** Top styles ********/

.revenue #top-bar,
.revenue .vertical-bar {
  color: white;
  font-size: 1.125rem;
  text-decoration: underline;
}

.revenue #top-bar a, {
  color: black;
  font-size: 1.125rem;
  text-decoration: underline;
}


/* 20 September 2021 LPT Header Change*/

html[lang=ga-IE] .revenue #top-bar,
html[lang=ga-IE] .revenue #top-bar a,
html[lang=ga-IE] .revenue .vertical-bar {
  color: white;
  font-size: 1rem;
  text-decoration: underline;
}

.pipelpt {
    margin-left: 6px;
    margin-right: 6px;
}

.revenue .vertical-bar {
   padding-top:6px;
}

.revenue #top-bar {
    min-height:8.5rem; /* Overridden further down to be taller for mobile */
    width: 100%;
    padding:0;
    padding-top: .627rem;
    background-color: #025f63;
}

.revenue #top-bar .logo,
.revenue #top-bar .search  {
  min-height: 116px;  
}

.revenueLogo { 
    text-decoration: none;
    margin-top: .627rem;    
}
.revenueLogo img { 
    text-decoration: none;
    width: 100%;
    max-width: 13.1rem;
}
.revenueLogo:focus,
.revenueLogo:hover { 
    text-decoration: none;
}

.revenue #top-bar .input-group {
    padding-right: 1rem;
}

.revenue #top-bar .links {
    color: white;
    text-align: right;
    padding: 0 1rem;
    margin-top: .627rem;
    margin-bottom: 1.25rem;
    text-decoration: underline;
} 
.revenue #top-bar .links a {
    color: white;
    text-decoration: underline;
}

.revenue #top-bar a:focus,
.revenue #top-bar input:focus,
.revenue #top-bar button:focus {
	outline: white solid 3px;
}

.revenue #top-bar input:focus {
	outline: #fbb816 solid 3px;
}

.revenue #top-bar .links span {
    margin: 0 .65rem
} 

.SignIn {
  width:100%;
  color: white; 
  text-align: right; 
  padding: 0 1rem;
  margin-top: .627rem;
  margin-bottom: 1.25rem;
}


.nopadding {
  padding:0 !important;
}

.pipe {
  /*margin-left: 12px;*/
  margin-left: 6px;
  margin-right: 6px;
}

@media screen and (max-width: 39.9375em) {
  .pipe {
    margin-left: 4px;
    margin-right: 4px;
  }
}

.revenue #top-bar .input-group-field {
    height: 3.125rem;
    border:0
} 

.revenue #top-bar .input-group button.icon-button {
    height: 3.125rem;
}
.revenue #top-bar button.icon-button i {
    font-size: 2.5rem;
}

.revenue #top-bar .search {
  position: relative;
}

.DateSelected {
 	color:black !important;
 	text-decoration:none !important;
}

@media screen and (max-width: 640px) {
  
  .revenue #top-bar {
    min-height: 10.5rem;
  }
  .revenue #top-bar .search {
    display: flex;
    align-items: center;
  }
  .revenue #top-bar .search .input-group {
    padding-top: 40px;
  }

}

@media screen and (max-width: 400px) {
  .revenue #top-bar .search .input-group {
    padding-top: 0;
  }

}
  
.revenue #top-bar .search .input-group {
  margin-bottom: 0;
}


/*********** expandedSearchBox */ 
#top-bar.expandedSearchBox .search {
    transition: width ease .4s
}
#top-bar.expandedSearchBox .logo {
    width: 2px;
    display: none; 
}
#top-bar.expandedSearchBox .search {
    width: 100%; 
}
#top-bar.expandedSearchBox .input-group {
    padding-left:1rem
}
/* end expandedSearchBox */

/** End Top **/


/******** Banner styles ********************************/ 


.home-popular-topic a:focus {
  color: white;
  outline: #ffffff solid 3px;
}

/* Banner styles - table and mobile only */
@media screen and (max-width: 63.9375em) {
  
  .revenue .top-section {
      padding: 1.2rem 0;
    }
  
    .home-popular-topic {
        padding: 0.5rem 0;
    }
  
}

/* End Banner styles - table and mobile only */

/* Banner styles - desktop and above */
@media screen and (min-width: 64em) {
  
  .revenue .top-section {
      padding: 3.125rem 0;
    }
  
    .home-popular-topic {
        padding: 0.6rem 0;
    }
  
}

/* End Banner styles - desktop and above */

.revenue .top-section {
    /*background-color: #099;*/
    background-color: #008080;
    width: 100%;
}

.revenue .top-section strong {
    font-size: 1.11rem;
    font-weight: 800;
    color: white
}

ul.home-popular-topics-list {
    margin:0;
    margin-top: .7rem;
    padding: 0
}
.home-popular-topic {
    list-style: none;
}
.home-popular-topic > a {
    padding: 0 !important;
    display: inline;
    font-size: 1.5rem;
    color: white;
    font-weight: 300;
    text-decoration: underline
}

.home-popular-topic > a:hover {
  color: white;
}



.revenue .top-section .deadlines {
    padding: 1rem;
    padding-left: 1.3rem;
    background-color: white;
    margin-right: 0;
} 
.revenue .top-section .deadlines > div:first-child {
    padding:0
} 
.revenue .top-section .deadlines p {
    margin: .5rem 0;
}  
.revenue .top-section .deadlines strong {
    color: black;
} 

.revenue .content .deadlines .calendar {
    background-color: #ededee; 
    padding: 0;
    text-align: center;
    border-radius: .4rem;
} 

.revenue .top-section .deadlines .calendar {
    background-color: #ededee; 
    padding: 0;
    text-align: center;
    border-radius: .4rem;
    float:right;
    max-width: 80px;
}
div.btn-deadline{
    padding:0;
    float:left !important;
}

.revenue .content .deadlines .calendar label,
.revenue .top-section .deadlines .calendar label {
    color: white;
    background-color: #a51d2b;
    font-size: .9rem;
    line-height: 2.5rem;
    font-weight: 700;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem 
} 
.revenue .content .deadlines .calendar span,
.revenue .top-section .deadlines .calendar span {
    font-size: 3rem;
    line-height: 3.7rem;
    color: black; 
    margin-top: .7rem;
    display: block;
}  


.revenue .top-section button.button {
    margin-bottom: .3125rem;
    height: 40px;
}
.revenue .top-section button.button::after,
.revenue .top-section a.button.button::after {
    content: "\00a0";
    background: url('../Images/svg/arrow-right-bold.svg') right center no-repeat;
    padding-right: 1.3rem;
}



/** End Banner *************************************************************/

/******** Deadlines box styles (section pages - Press, tax, Customs) ********/

.revenue .content .deadlines {
    padding: 1rem;
    margin: 0;
    margin-bottom: 1rem;
    background-color: #fff;
} 
.revenue .content .deadlines h3 {
    margin-top:0
}
.revenue .content .deadlines p {
    font-size: 1rem;
    margin:0;
    margin-bottom: 0.5rem
}
.revenue .content .deadlines > div:first-of-type {
    padding-left: 0;
}

/******** Section list styles ********/

/* Section list styles - table and mobile only */
@media screen and (max-width: 63.9375em) {
  
  .revenue .section-list {
      margin:2.125rem auto;
  }
  
}
/* End Section list styles - table and mobile only */

/* Section list styles - desktop and above */
@media screen and (min-width: 64em) {
  
  .revenue .section-list {
      margin:3.125rem auto;
  }
  
}
/* End Section list styles - desktop and above */

.revenue .section-list {
    margin-bottom: 2.125rem;
}

.revenue .section-list p {
    font-size: .92rem;
    margin-top: .2rem;
    margin-bottom: 0;
}
.revenue .section-list h1 {
    margin: 0;
    font-size:1.11rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #145B94;
}
.revenue .section-list .tile {
    background-color: white;
    padding: .7rem;
    padding-top: 1rem;
    min-height: 8rem;
    margin-bottom: 1rem;
    text-decoration: none;
    display: block;
    cursor: pointer;
    transition: all ease .3s;
}

.revenue .section-list a:focus,
.revenue .section-list input:focus,
.revenue .section-list button:focus {
	outline: #008080 solid 3px;
}

.revenue .section-list .tile:hover,
.revenue .section-list .tile:active {
    /*box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.3);*/
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.3)
}
.revenue .section-list .tile:visited h1 {
    color: #609
}

/*Over-ride styles for autocomplete - Change font*/
.ui-menu .ui-menu-item {
  font-family: Fira Mono;
}

/*Over-ride styles for autocomplete - remove extra padding for roll-over state*/
.ui-menu {
  padding: 0 !important;
}


@media screen and (max-width: 40em) { /* Mobile only */    
    .revenue button.button:hover,
    .revenue a.button:hover {
        background-color: #145B94;
    }
    
    .revenue #top-bar .links a:hover,
    .revenue .top-section a:hover,
    .revenue .breadcrumb a:hover,
    .revenue .footer-navigation a:hover,
    .revenue .footer a:hover,
    .revenue .content a:hover,
    .revenue .bottom-links a:hover,
    .revenue .news a:hover,
    .revenue .content .unstyled-list li a:hover {
        text-decoration: underline
    }
    /* remove focus on mobile */
    .revenue a:focus,
    .revenue input:focus,
    .revenue button:focus {
        outline: none
    }
    
    .revenue #top-bar {
        font-size: .88rem;
    }
    .revenue #top-bar .revenueLogo {
        margin-top:1rem;
    }
    
    .revenue #top-bar .links {
        margin-bottom: .88rem;
        padding: 0 .7rem;
    }
    
    .revenue #top-bar .input-group-field {
        height: 2.5rem;
        font-size: .88rem;
    }
    .revenue #top-bar .input-group button.icon-button {
        width: 2.7rem;
        height: 2.5rem; 
        padding: .375rem;
    }
    .revenue .top-section {
        padding-bottom: 0
    }
    .revenue .top-section .deadlines {
        margin: 2rem auto;
    }
    .revenue .top-section .deadlines .calendar label {
        font-size: .8rem;
        line-height: 1.7rem;
        font-weight: normal;
    }
    .revenue .top-section .deadlines .calendar span {
        font-size: 2.5rem;
        line-height: 2.7rem;
    }

    .revenue .top-section button.button {
        margin-top: .9rem;
        width:100%
    }
    
    .year-selection li {
        width: 25%;
    }
    .A-to-Z li {
        width: 16.66%;
    }
    .A-to-Z .button.secondary:hover {
        background-color: #EDEDEE;
        color: #145B94;
    }
    
  .revenue .content .deadlines {
        margin-top: 1.5rem;
    }
  
  .revenue .section-list .tile:hover {
        box-shadow: none;
    }
}

@media screen and (max-width: 64em) { /* Mobile and Tablet */
    .revenue .top-section ul > li > a {
        font-size: 1.125rem;
    }
    .revenue .top-section .deadlines > div:first-child {
        padding: 0
    }
}

@media screen and (min-width: 64em) { /* Everything but Mobile and Tablet */
    .calendar-text {
       width: 75%;
    }
} 


@media screen and (min-width: 40.063em) { /* everything BUT Mobile */
    .revenue .section-list .row {
        padding-right: 0.9375rem
    }
    .revenue .section-list .columns {
        padding-right: 0
    } 
    .year-selection li {
        width: 25%;
    }
    .A-to-Z li {
        width: 16.66%;
    }
    .A-to-Z .button.secondary:hover {
        background-color: #EDEDEE;
        color: #145B94;
    }
    .year-selection .button.secondary, .year-filter .button.secondary{
      font-size:1.25rem !important;
    }
} 

@media screen and (max-width: 63.9375em) and (min-width: 40.00em) { /* Tablet only */
    .revenue .section-list .tile {
        min-height: 8.75rem;
    }
    .year-selection .button.secondary, .year-filter .button.secondary{
      font-size:1rem !important;
    }
} 
/** End Section list **/

/******** Section services styles ********/

.revenue .section-services {
    background-color: #dcddde;
    padding:3.125rem 0;
    width: 100%
}
.revenue .section-services .tile {
    background-color: black;
    display: block;
    position: relative;
    height: 12.5rem;
    overflow: hidden;
} 
.revenue .section-services .tile a {
    text-decoration: none
} 
.revenue .section-services h1 {
    margin: 0;
    padding: .9rem 0 0 .7rem;
    font-size: 1.11rem;
    font-weight: 700;
    background-color: rgba(2, 95, 99, 0.75);
    color: white;
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    min-height: 3.125rem;
}

/*
.revenue .section-services img {
    width: 100%;
    transition: opacity ease .7s;
    object-fit: cover;
  height: 100%;
}
*/

.revenue .section-services a span {
    height: 100%;
    width: 100%;
    background-size: cover;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity ease .7s;
}

.revenue .section-services .tile:hover span,
.revenue .section-services .tile:active span { 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
  filter: alpha(opacity=70); /* IE 5-7 */
  opacity: .7; /* Modern Browsers */
}

@media screen and (max-width: 40em) { /* Mobile only */
    .revenue .section-services .tile {
        margin-bottom: 1rem;
    }
    .revenue .section-services .tile:hover span { 
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
      filter: alpha(opacity=100); /* IE 5-7 */
      opacity: 1; /* Modern Browsers */
    }
    .revenue .section-services span {
      width: 100%;
      transition: opacity ease .7s;
    object-fit: cover;
    height: 15rem;
  } 
}

@media screen and (min-width: 40.063em) and (max-width: 64em) { /* Tablet only */
    .revenue .section-services .row > div {
        margin-bottom: 1rem;
        height: auto;
    }
} 
@media screen and (max-width: 64em) { /* Mobile and Tablet */
    .revenue .section-services {
        padding-bottom: .5rem;
    }
} 
@media screen and (min-width: 40.063em) { /* everything BUT Mobile */
    .revenue .section-services .row {
        padding-right: 0.9375rem
    }
    .revenue .section-services .columns {
        padding-right: 0
    }
}

.revenue .section-services a:focus,
.revenue .section-services input:focus,
.revenue .section-services button:focus {
	outline: #008080 solid 3px;
}

/** End Section services **/




/******** Latest News styles ********/


.revenue .news h1 {
    font-weight: 700;
    font-size: 1.5rem;
}
.revenue .news div.columns > div {
    background-color: white;
    padding: .7rem;
    padding-top: 1.2rem;
    padding-bottom: 1.4rem;
}
.revenue .news a {
    text-decoration: underline;
    color: #145B94;
}
.revenue .news .highlight a {
    font-size: 1.3125rem; 
    line-height: 2.3rem;
    font-weight: 700;
    display: block;
    margin-bottom: .7rem;
}
.revenue .news span {
    font-size: .87rem;
    line-height: 1rem;
    display: block;
}
.revenue .news ul {
    margin: 0;
    padding: 0;
}
.revenue .news ul li {
    margin-bottom: 1rem;
}
.revenue .news ul li,
.revenue .news .highlight p {
    list-style: none;
    font-size: 1rem; 
    line-height: 1.5rem;
}
.revenue .news .highlight p { 
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 70px
}

.revenue .news a:focus,
.revenue .news input:focus,
.revenue .news button:focus {
	outline: #025F63 solid 3px;
}

.revenue .news ul li:last-of-type {
    margin:1.25rem 0 0 0;
}
.revenue .news ul li:last-of-type a,
.revenue .content .deadlines a {
    background: url('../Images/svg/arrow-right-regular-BLUE.svg') right center no-repeat;
    padding-right: 1.3rem;
}


@media screen and (min-width: 40.063em) {
    .revenue .news {
        padding-right: 0.9375rem
    }
    .revenue .news .columns {
        padding-right: 0
    }
}
@media screen and (max-width: 40em) {
    .revenue .news {
        padding-top: 1.5rem
    }
}
@media screen and (max-width: 64em) {
    .revenue .news .highlight {
        margin-bottom: 1rem
    }
}

/** End News **/




/******** Bottom-links styles (feedback and print links) ********/

.revenue .bottom-links {
    padding: 1.5rem 0;
    margin-left: auto;
} 
.revenue .bottom-links em {
    color: #595959;
    font-size: 0.875rem;
    margin: 0em 0 2rem 0;
    clear: both;
    display: block;
    float: left;
}
.revenue .bottom-links a {
    color: #145B94;
    font-size: 1rem;
    text-decoration: underline;
    margin: 0 0 1.5rem 0;
    clear: both;
    display: block;
    float: left;
}
.revenue .bottom-links a.feedback {
    background: url('../Images/svg/feedback.svg') left center no-repeat;
    padding-left: 2.1rem;
    line-height: 1.4rem;
}
.revenue .bottom-links a.print {
    background: url('../Images/svg/print.svg') left center no-repeat;

}

.revenue .bottom-links a.print,
.revenue .bottom-links a.feedback {
    background-size: 1.5rem 1.4rem;
    padding-left: 2.1rem;
    line-height: 1.4rem;
}

.revenue .revenue .bottom-links a:focus,
.revenue .revenue .bottom-links input:focus,
.revenue .revenue .bottom-links button:focus {
	outline: #008080 solid 3px;
}

/** End bottom-links **/




/******** Footer-navigation styles (back-to-top and back-to-homepage) ********/

.revenue .footer-navigation { 
    padding: 1.45rem 0;
    width: 100%;
    /*background-color: #009999;*/
    background-color: #008080;
    max-height: 74px;
}
.revenue .footer-navigation .row {
    padding: 0 1rem
}
.revenue .footer-navigation a {
    color: white;
    font-size: 1.125rem;
    text-decoration: underline;
} 
.revenue .footer-navigation a.back-to-top {
    float: right;
}
.revenue .footer-navigation a.back-to-top:before {
  content: url('../Images/svg/arrow-up-regular-WHITE.svg');
  margin-right: .3rem;
}

.revenue .footer-navigation a:focus,
.revenue .footer-navigation input:focus,
.revenue .footer-navigation button:focus {
	outline: #ffffff solid 3px;
}

/** End back-to-top and back-to-homepage **/
/******** Footer styles ********/

.revenue .footer {
    background-color: #025f63; 
    padding: 0;
    padding-bottom: 2rem;
    width: 100%
}
.revenue .footer .language {
    float: right;
    margin-right: 1rem;
}
.revenue .footer a {
    color: white;
    text-decoration: underline;
    margin: 0;
}
.revenue .footer ul {
    padding: 0;
    margin: 0;
    margin-top: 2rem;
}
.revenue .footer li {
    list-style: none;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 700;
    color: white;
}

.footer .row > div:first-of-type {
    padding: 0;
}

.revenue .footer a:focus,
.revenue .footer input:focus,
.revenue .footer button:focus {
	outline: #ffffff solid 3px;
}

.normal-link{
    font-weight: normal;
}

.normal-link::after{
    content: url('../Images/svg/arrow-diagonal-regular-WHITE.svg');
    margin-right: .3rem;
}

.bold-link{
    font-weight: bold;
}

/** End footer **/

p#countyinfo{
  margin-top: 2rem;
  margin-bottom: 0;  
}

.collapsible-list-links.examples-list {
    padding-left: 0;
}

.collapsible-list-links.auto-collapsible {
    padding-left: 0;
}

.online-services-home__sign-in-register-links.columns.large-4.medium-12.float-right {
    padding-left: 0;
}

.online-services-home .login-box .button.button::after {
    content: "\00a0";
    background: url('../Images/svg/arrow-right-bold.svg') right center no-repeat;
    padding-right: 1.3rem;
}


/************************************** Content pages styles ********/


/******** Breadcrumb styles ********/

.revenue .breadcrumb {
    /*background-color: #009999; */
    background-color: #008080;
    padding: 1.594rem 0;
    color: white;
    max-height: 74px;
  /*Release 18.02.1 Task ID: 18.02.1.016 */
  	white-space: nowrap;
  	overflow: auto;
    overflow-y: hidden;
  	padding-right: 1rem;
  /*End release 18.02.1*/
}

.revenue .breadcrumb a {
    font-size: 1.125rem;
    color: white;
    text-decoration: underline;
}

.revenue .breadcrumb a:focus,
.revenue .breadcrumb input:focus,
.revenue .breadcrumb button:focus {
	outline: #ffffff solid 3px;
}

@media screen and (max-width: 39.9375em) { /* mobile only */
  .revenue .breadcrumb a {
    font-size: 1rem;
  }
}
.revenue .breadcrumb .row {
    padding-left:1rem
}


.revenue .breadcrumb .separator {
    background: url('../Images/svg/arrow-right-regular-WHITE.svg') right center no-repeat;
    margin-right: .7rem;
    margin-left: .2rem;
    padding-right: 1.3rem;
}

.revenue .breadcrumb :last-child {
    background-image: none;
}

@media screen and (max-width: 40em) {
    .revenue .breadcrumb {
        height: 74px;
        white-space: nowrap;
        padding-right:1rem;
        overflow: auto;
        overflow-y: hidden;
    }
    .revenue .breadcrumb .row > div > :last-child {
        margin-right: 1rem;
    }
}
/** End breadcrumb **/





/********************************************************* Content styles ********/

.revenue .content {
    padding:2rem 0;
}
.revenue .content h1,
.revenue .content h2,
.revenue .content h3,
.revenue .content h4 {
  line-height: 1.15em;
}
.revenue .content p {
    line-height: 1.45em    
}
.revenue .content h1 {
    margin: 0.5rem 0 1rem 0;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.8rem;
}
.revenue .content h1 span { /* Subtitle */
    font-family: 'Fira sans';
    font-size: 1.75rem;
    left: 32px;
    font-style: italic;
    font-weight: normal;
}
.revenue .content h1 span:before {
    content: "\A";
    white-space: pre;    
}
.revenue .content h2 {
    font-weight: 700;
    font-size: 1.75rem;
}
.revenue .content h3 {
    font-weight: 700;
    font-size: 1.5rem;
    padding-top: 1rem;
}
.revenue .content h4 {
    font-weight: 700;
    font-size: 1.11rem;
    padding-top: 1rem;
}

/* Note that we override this for contact detail pages to get IE to render the numerical 1 correctly.
  See selector for:
    .revenue .content .contactDetail p
*/
.revenue .content p
{
    font-size: 1.11rem;
}
    
.revenue .content .contactDetail p
{
    font-size: 1.11rem; /* trick IE into rendering numerical 1 correctly. */
}

.ulSpacing li {
    margin-bottom: 0.3rem;
}

.revenue .content ul,
.revenue .content ol {
    font-size: 1.11rem;
    margin-bottom: 1.25rem;
}

.revenue .content a {
    color: #145B94;
    text-decoration: underline
}
.revenue .content p.error {
    color: #F00;
}


.revenue .content table {
    font-size: .875rem;
    width:100%;

}
.revenue .content table thead,
.revenue .content table tbody, 
.revenue .content table tfoot {
    border: 0;
    background-color: white;
}


.revenue .content table tbody tr:nth-child(odd) {
    background-color: #EFF0F0;
}
.revenue .content table thead tr,
.revenue .content table tbody tr:nth-child(even) {
    background-color: #FAFAFA;  /*white;*/
}

.revenue .content table p {
    font-size: 0.875rem;
}

.revenue table tbody td, table tbody th {
    padding: .6rem;
}

td p{
  margin-bottom:0;
}

.revenue .content .button,
.revenue .content a.button {
    font-size: 1.1rem;
    /*padding: 0 1.7rem;*/
    padding: 0.5rem 1.4rem 0.5rem;
    font-weight: bold;
    clear: both;
    display: block
}
.revenue .content button.button:not(.icon-button)::after,
.revenue .content a.button.button:not(.icon-button)::after {
    content: "\00a0";
    background: url('../Images/svg/arrow-right-bold.svg') right center no-repeat;
    padding-right: 1.3rem;
}
.revenue .content .button.secondary:not(.icon-button)::after,
.revenue .content a.button.secondary:not(.icon-button)::after {
    content:"";
    padding: 0;
}

.revenue .content .input-group button.icon-button a.button {
    padding: .55rem .55rem;
}

@media screen and (max-width: 40em) {
    .revenue .content .button a.button {
        width: 100%
    }
}


.revenue .content .unstyled-list {
    margin: 0;
    padding: 0;
}
.revenue .content .unstyled-list li {
    list-style: none;
    padding: 3px 0;
    line-height:1.125rem;
}
.revenue .content .unstyled-list li a {
    text-decoration: underline;
    display: table-cell;
  	line-height: 1.8rem;
}

.revenue .content .unstyled-list li:before {
    content: "";
}

/* This can be applied to a single listitem (with text 'and' or 'or') so
  that it acts as a bullet-less divider between two other list items */
.andOrListItemSeparator {
  font-weight: bold;
  list-style-type: none;
  padding: 0 0 0 0.75rem;  
}

.andOrListItemSeparator:before {
  content: '' !important;
}

.revenue .content a:focus,
.revenue .content input:focus,
.revenue .content button:focus {
	outline: #008080 solid 3px;
}

/******** section page styles ********/

.revenue .content .section-page ul {
    margin: 0;
    padding: 0;
}
.revenue .content .section-page li {
    padding: .3rem 0;
    list-style: none;
    word-wrap: break-word;
}
.revenue .content .section-page ul a { 
    font-size: 1rem;
}
.revenue .content .section-page p {
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 63.9375em) { /* tablet and mobile only */
  
   .revenue .content .section-page div p {
     margin-bottom: 0;
  } 
  
}


.revenue .content .section-page > div {
    padding-left: 0
}

@media screen and (max-width: 39.9375em) {
    .revenue .content .section-page {
        margin-top: -2rem;
        padding-top: .5rem;
        padding-bottom: 1rem;
     }
}
@media screen and (min-width: 64.063em) {
    .revenue .content .section-page > div {
        padding: 0
    }
} 
/** End section **/




/**** Content List Links (section (list-links), filter and destination pages (collapsible-list-links)) ***/

.revenue ul > li > ul {
  line-height: 2rem;
  margin-top: 0.5rem;
  margin-bottom: 0 !important;
}

.revenue .list-links a,
.revenue .collapsible-list-links > ul > li > a {
    font-size: 1.11rem;
    line-height: 1.4rem;
    text-decoration: none;
    transition: all ease .3s;
}


.revenue .tdm-list-links > ul > li {
    margin-top: .8rem;
    font-size: 1.11rem;
    line-height: 1.4rem;
    text-decoration: none;
    transition: all ease .3s;
    flex-wrap: wrap;
    overflow: hidden;
    white-space: nowrap;
}
.revenue .tdm-list-links > ul > li > span {
  color: #000;
  font-weight:100;
    margin:5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem;
    width: 100%;
}

.revenue .list-links a:hover,
.revenue .collapsible-list-links > ul > li > a:hover,
.revenue .tdm-list-links > ul > li:hover,
.revenue .list-links a:active,
.revenue .collapsible-list-links > ul > li > a:active {
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.3)
}

.revenue .tdm-list-links > ul > li > a {
  text-decoration:none;
  word-break: break-word;
  white-space: normal;
}
.revenue .tdm-list-links > ul{
  margin-left: 0px;
}

.list-links li {
    width: 50%;    
}
.collapsible-list-links > ul > li {
    width: 100%;    
}
.list-links li:nth-child(odd) {
    padding-right: 1rem;
    box-sizing: border-box;
}

.tdm-list-links > ul > li {
    width: 100%;    
    padding-top: 0.4rem;
}

.spanDesTDM {
  margin-bottom:14px;
  display: block;
}
.list-links ul,
.collapsible-list-links .tdm-list-links ul {
    margin:0;
    padding: 0;
}
.list-links li,
.collapsible-list-links .tdm-list-links li {
    margin:0;
    padding: 0;
    list-style: none;
}
.list-links li {
    display: table;
    margin-bottom:0.3rem;
    float: left;
}
.list-links > ul > li > a { 
  background-color: white;
    padding: 0 .8rem;
    height: 4.5rem;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    box-sizing: border-box;
    color: #145B94;
    font-weight: 700;
}

/* Banner styles - table and mobile only */
@media screen and (min-width: 64em) {
  .collapsible-list-links,
  .related-links
  {
    /* padding: 0px 1rem; */
    padding-left: 1rem;
  }
}

/* For anchor tags inside an <li>, this addresses the 2nd line of
  the anchor's' text not vertically aligning with the start of
  the first line  */
.related-topics ul.collapsible-list-links a,
.section-page ul > li > a
{
    display: block;
}

.related-topics, 
.technical-legal, 
.related-documents, 
.feature-articles {
    margin: 1rem 0;
    padding-top: 0 !important;
}

.collapsible-list-links > ul > li > a {
    background-color: white;
    padding: 1rem 2rem 1rem 1rem;
    height: 3.75rem;
    display: flex;
    position: relative;
    align-items: center;
    box-sizing: border-box;
    color: #145B94;
    font-weight: 700;
}

.tdm-list-links > ul > li {
    background-color: white;
    padding: .5rem .8rem;
    margin-bottom: .9rem;
    height: 3.75rem;
    display: flex;
    position: relative;
    align-items: center;
    box-sizing: border-box;
    color: #145B94;
    font-weight: 700;
    width:100%;
  
}
.collapsible-list-links .full-content {
    background-color: #fff;
}

.tmd-list-links {
  overflow: hidden;
    position: relative;
}

.collapsible-list-links .expanded .full-content {
    overflow: hidden;
}
.collapsible-list-links .full-content a {
    text-decoration: underline
}
.collapsible-list-links .full-content h3 {
    font-size: 1.13rem;
    margin-top: 1.5rem;
}
.collapsible-list-links .full-content li {
    padding: .3rem 0;
}

@media screen and (max-width: 63.9375em) {
  .collapsible-list-links .full-content li {
    padding-left: 1rem;
  }

  ul#ultaxonomy li,
  ul#uldate li {
    padding-left: 0;
  }
}



.full-content-custom {
  padding-left:0 !important;
}
.full-content-custom p span {
  margin-right:15px;
}

.collapsible-list-links > ul > li.expanded {
    height: auto;
    display: block;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
    margin-bottom:1rem;      
}

.collapsible-list-links > ul > li.expanded > a:hover,
.collapsible-list-links > ul > li.expanded > a:active {
    box-shadow: none;
}

.collapsible-list-links > ul > li > a:before,
.collapsible-list-links > ul > li.expanded > a:before{
    content: "\00a0";
    padding-right: 1.5rem;
    position: absolute;
    left: calc(100% - 2.5rem);
}
.collapsible-list-links > ul > li.collapsed > a:before {
    background: url('../Images/svg/expando-open.svg') right top no-repeat;
    top: 12px;
    height: 30px;
    transition: transform cubic-bezier(0.39, 0.58, 0.57, 1) .3s, margin 0s;
    -o-transition: transform cubic-bezier(0.39, 0.58, 0.57, 1) .3s, margin 0s;
    -moz-transition: transform cubic-bezier(0.39, 0.58, 0.57, 1) .3s, margin 0s;
    -webkit-transition: transform cubic-bezier(0.39, 0.58, 0.57, 1) .3s, margin 0s;
}
.collapsible-list-links > ul > li.expanded > a:before {
    background: url('../Images/svg/expando-close.svg') right top no-repeat;
    top: 10px;
    height: 30px;
}

.examples-list .full-content{
  padding: 0 .9375rem;
}

.examples-list ul{
  margin-left:0;
}
.collapsible-list-links.examples-list li{
  border-left: 5px solid #025f63;
}

.examples-list .collapsed {
  margin-bottom: 1rem;
  padding-top: 0 !important;
}

/*For auto-collapsible*/

.auto-collapsible .full-content{
  padding: 0 .9375rem;
}

.auto-collapsible ul{
  margin-left:0;
}
.collapsible-list-links.auto-collapsible li{
  border-left: 5px solid #025f63;
}

.auto-collapsible .collapsed {
  margin-bottom: 1rem;
  padding-top: 0 !important;
}

ul.collapsible-list-links,
.collapsible-list-links > ul {
    margin-left: 0;
}
.revenue .content ul li {
    list-style: none;
    padding-top:.4rem;
  word-wrap: break-word;
}

.revenue .content ul li:before {
    content: "●";
    margin-left: -1.3rem;
    padding-right: .7rem;
    /*color: #009999;*/
    color: #008080;
}

.revenue .content ul li > ul > li:before {
    content: "◦";
    /*color: #009999;*/
    color: #008080;
    font-size: 2rem;
    vertical-align:middle;  
}

.revenue .content ul li > ul > li {
    padding-top: 0;  
}

.lichildelements{
  line-height:1.5rem;
}

.revenue .collapsible-list-links ul li:before, 
.revenue .tdm-list-links ul li:before, 
.revenue .list-links ul li:before,
.revenue .section-page ul li:before,
.revenue ul.menu li:before,
.revenue ul.A-to-Z li:before{
    content: "";
    padding: 0;
    margin: 0;
}


@media screen and (max-width: 40em) {
    .list-links {
        margin-top: 1.5rem;
    } 
    .list-links li {
        width: 100%;
    } 
    .list-links li:nth-child(odd) {
        padding-right: 0;
    }
    
    /*
  .collapsible-list-links {
        margin-top: 1rem;
    }
  */
    
    .revenue .list-links a:hover,
    .revenue .collapsible-list-links > ul > li > a:hover {
        box-shadow: none;
        text-decoration: none;
    }
}
/** End content **/




/******** Side boxes and GenericHeroItem styles (destination and hub pages) ********/

.revenue .info-box, .revenue .info-box2 {
    background-color: #ededee;
    border-left: 5px solid #145B94;
    padding: .4rem 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    padding-left:0.9375rem;
} 
.revenue .info-box h1, .revenue .info-box2 h1 {
    font-size: 1.11rem;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
}
.revenue .info-box p, .revenue .info-box2 p,
.revenue .info-box a, .revenue .info-box2 a { 
    font-size: 1rem
} 
.revenue .info-box button, .revenue .info-box2 button {
    margin-bottom: 0;
}
.revenue .info-box a, .revenue .info-box2 a {
    text-decoration: underline; 
}
.revenue .info-box a::after , .revenue .info-box2 a::after {
    content: "\f10b";
    font-family: "foundation-icons";
    padding-left: .5rem;
    position: absolute;
} 

.revenue .info-box2 {
  display:inline-block;
  margin-top: 20px;
  border-left: none;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
/* Note that the GenericHeroItem WebControl can be used on the homepage (instead)*/

.top-section .info-box {
    background-color: #ffffff;
    border-left: 0;
    /* padding: .8rem 2rem; */
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    /* padding-left: 0.9375rem; */
    margin: 2rem auto;
    padding: 1rem;
    padding-left: 1.3rem;
    margin-right: 0 !important;
  	margin-left: -0.9375rem;
}

/****Tablet top section hero item******/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.top-section .info-box {
    	margin-left: -6px !important;
	}
 }

/****Mobile top section hero item******/
@media only screen and (max-width: 40em) { 
	.top-section .info-box {
    	margin-left: 0 !important;
	}
} 

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.revenue #top-bar .input-group {
    	/*margin-left: 73px;*/
    	margin-left: 4.56rem;
    	width: 84%;
	}
}


/** End Side side boxes and GenericHeroItem **/




/******** Hub and Destination pages styles ********/

.hub-destination-pages { 
    background-color: white
} 
.hub-destination-pages .content { 
    padding-top: 1.5rem
} 
.hub-destination-pages .content h1 { 
    margin-top: 0
} 
.hub-destination-pages .collapsible-list-links .full-content,
.hub-destination-pages .collapsible-list-links > ul > li > a {
    background-color: transparent;
    color: #333
}


.hub-destination-pages .collapsible-list-links > ul > li > a:visited {
    color: #333 
}
.hub-destination-pages .collapsible-list-links .full-content,
.hub-destination-pages .collapsible-list-links .full-content li {
    font-size: 1rem;
    line-height: 1.5rem;
}
.hub-destination-pages .collapsible-list-links .full-content a {
    color: #145B94;
}

.hub-destination-pages .collapsible-list-links li.expanded, 
.hub-destination-pages .collapsible-list-links a:active, 
.hub-destination-pages .collapsible-list-links a:hover {
    box-shadow: none !important;
}

.hub-destination-pages .collapsible-list-links > ul > li {
    background-color: #ededee;
}
.hub-destination-pages li.related-topics    { border-left: 5px solid #2fb25c; }
.hub-destination-pages li.related-documents { border-left: 5px solid #7f20d3; }
.hub-destination-pages li.technical-legal   { border-left: 5px solid #fbb816; }
.hub-destination-pages li.archive           { border-left: 5px solid #24c2e8; }
.hub-destination-pages li.feature-articles  { border-left: 5px solid #d880c3; }

.hub-destination-pages table { overflow-x: scroll; }

@media screen and (max-width: 40em) {
    .hub-destination-pages .content {
        padding-top: 1rem;
    }
}
/** End hub-destination-pages **/

/******** Hub page index styles ********/



.hub-index { 
    margin-bottom: 1.7rem;
}
.hub-index ol {
    margin-bottom: 0;
    color: #145B94;
}
.revenue .content .hub-index ol li a{
  font-weight: normal;
}

.revenue .content .hub-index ol li {
    padding:.45rem 0;
    font-size: 1rem;
    font-weight: normal;
} 

.revenue .content .hub-index ol li.selected {
  font-weight:bold;
}
/** End Hub index **/




/******** Documents List (PDFs, etc.) styles ********/


/* 'Eng' superscript-with-arrow suffix for links to other resources that indicate to
  Gaelic users that they content that's linked to is in English, not Gaelic.
  
  Note that there are additional styles for external links that DON'T use this 'Eng'
  indicator, so also see classes like .external-links and .external-links-white.
*/

/* First, trick Contensis into displaying these classes in the styles dropdown */
.eng-external-link--blue { }
.eng-external-link--white { }
.eng-internal-link--blue { }
.eng-internal-link--white { }

/* We'll be positioning the ::after pseudo element using absolute positioning, so the
  anchor itself must have relative positioning, and allow sufficient right margin. */
a.eng-external-link--blue,
a.eng-external-link--white,
a.eng-internal-link--blue,
a.eng-internal-link--white {
  position: relative;
  margin-right: 2.2rem;
}

.eng-external-link--blue::after,
.eng-external-link--white::after,
.eng-internal-link--blue::after,
.eng-internal-link--white::after {
  background-repeat: no-repeat;
  position: absolute;
  top: -0.45rem;
  left: calc(100% + 0.125rem);
  width: 2rem;
  height: 2rem;
}

.eng-external-link--blue::after {
    content: "";
    background-image: url(../Images/svg/eng-suffix-offsite-blue.svg);
}
.eng-external-link--white::after {
    content: "";
    background-image: url(../Images/svg/eng-suffix-offsite-white.svg);
}
.eng-internal-link--blue::after {
    content: "";
    background-image: url(../Images/svg/eng-suffix-onsite-blue.svg);
}

.eng-internal-link--white::after {
    content: "";
    background-image: url(../Images/svg/eng-suffix-onsite-white.svg);
}

ul.documents-list {
    margin: 0;
}
ul.documents-list li {
    list-style: none;
    font-size: 1rem;
    padding: .5rem 1rem .7rem 1rem;
    margin: 0;
    margin-top: 10px;
    background-color: #ededee;
}

.full-content ul.documents-list li {    
    /*padding: 0 .5rem 0 4rem;*/
    margin: 0;
    margin-top: 1rem;
}
.full-content ul.documents-list li:before {
    width: 4rem;
    background-position: top left;
}
.full-content ul.documents-list li:first-of-type {    
    margin-top: 0;
}
 
ul.documents-list li {
    min-height: 76px;
}


ul.documents-list li:before {
    content: '';
}

ul.documents-list li a.pdf,
ul.documents-list li a.csv,
ul.documents-list li a.doc,
ul.documents-list li a.txt,
ul.documents-list li a.xls,
ul.documents-list li a.xml,
ul.documents-list li a.xsd,
ul.documents-list li a.wsdl,
ul.documents-list li a.pptx,
ul.documents-list li a.zip,
ul.documents-list li a
{
  display: block;
}


ul.documents-list li a:before {
  font-weight: bold;
}

ul.documents-list li a:first-of-type {
    font-size: 1.11rem;
}

ul.documents-list li a.show-more {
  margin-top:15px;
}
ul.documents-list li a.show-more, .moreyear {
    background: url(../Images/svg/arrow-down-regular.svg) center right no-repeat;
    padding-right: 20px;
}
ul.documents-list li a.show-less, .lessyear {
    background: url(../Images/svg/arrow-up-regular.svg) center right no-repeat;
    padding-right: 20px;
}

ul.documents-list li p.older-versions {
    margin: 0;
    display: none
} 
ul.documents-list li p.older-versions a { 
    font-size: 1rem
}

ul.documents-list li p.older-versions a:not(.show-less) {
  display: block;
}

ul.documents-list li p.older-versions a:after {
    content: ""
}

span.disabled {
    cursor: no-drop
}

ul.documents-list li.disabled .error {
    font-size: 1rem;
    margin: 0
}

.csv, .doc, .pdf, .txt, .xls, .xml, .xsd, .wsdl, .pptx, .zip { text-decoration: none; }

/* These must be verbosely repeated. The styles don't get applied if you split the content property from the other properties. */
.csv:before {
  content: "[CSV] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}
.doc:before {
  content: "[DOC] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}
.pdf:before {
  content: "[PDF] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}
.pem:before {
  content: "[PEM] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}
.txt:before {
  content: "[TXT] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}
.xls:before {
  content: "[XLS] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}
.xml:before {
  content: "[XML] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}
.xsd:before {
  content: "[XSD] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}
.wsdl:before {
  content: "[WSDL] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}
.pptx:before {
  content: "[PPTX] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}
.zip:before {
  content: "[ZIP] " !important;
  text-transform: uppercase;
  font-size: x-small;
  text-decoration: none;
  position: relative;
  top: -6px;
  margin-right: 2px;
  font-family: arial,sans-serif;
  color: #145B94;
}

/** End Documents List **/


/********* error pages styles **********/

.errorImg{
    height: 12rem;
    width: 12rem;
    margin-left: 5rem;
    padding: .5rem;
    margin-bottom: 2rem;
}


@media screen and (min-width: 40.063em) { /* everything BUT Mobile */
   
} 
@media screen and (max-width: 40em) { /* Mobile only */
   .errorImg{
      height: 50%;
      width: 50%;
      margin-left: 24%;
      padding: 1%;
  }
}
@media screen and (min-width: 40.063em) and (max-width: 64em) { /* Tablet only */
    .errorImg{
        margin-left: 0;
  }
} 
/******* end error page styles *******/


/******** Checkbox custom styles ********/

input[type="checkbox"] {
    margin: 0 5px 0 0;
    height: 20px;
    width: 20px;
    border: 2px solid black;
}
input[type="checkbox"]:before {
    content: " ";
    background-color: white;
    height: 20px;
    width: 20px;
    border: 2px solid black;
    display: block;
    margin: 0;
    padding: 0;
}
input[type="checkbox"]:checked:before {
    content: "\f126";
    color: black;
    font-family: "foundation-icons";
    text-indent: 1px;
}
input[type="checkbox"] + label {
    margin: 0;
    vertical-align: top;
    line-height: 1.3rem;
    font-size: 1.5rem;
}
/** End checkboxes **/


/******** Archive pages styles (Press releases and E-Brief) ********/
.archive h2:not(:first-of-type) {
    margin-top: 1.3rem;
}
.archive small {
    clear: both;
    display: block;
    margin-top: .7rem;
}
.archive a {
    text-decoration: underline;
}

@media screen and (max-width: 40em) {
    .archive h2:first-of-type {
       margin-top: 1.5rem;
    }
}
/** End Archive page and year-selection navigation **/




/******** A to Z navigation (VAT rates) and Year selection navigation (Press releases and E-Brief) ********/
.A-to-Z,
.year-selection,
.year-filter {
    margin: 0;
    padding: 0;
}
.A-to-Z {
    margin: .5rem 0;
    margin-right: -.8rem;
}
.year-selection,
.year-filter {
    margin-right: -.6rem;
    /*margin-bottom: 8em !important;*/
}
.A-to-Z li,
.year-selection li,
.year-filter li {
    list-style: none;
    float: left;
    box-sizing: border-box;
    display: block;
}
.A-to-Z li {
    width: 14.28%;
    padding: 0 .8rem .8rem 0;
}
.year-selection li,
.year-filter li {
    width: 25%;
    /* height: 3em; */
    padding: 0 .6rem .6rem 0;
}

.A-to-Z .button.secondary,
.year-selection .button.secondary,
.year-filter .button.secondary {
    padding: 0;
    margin: 0;
    line-height: 2.9rem;
    width: 100%;
    background-color: #ecedee;
    color: #145B94;
    /*outline: none;*/
}

.A-to-Z .button.secondary {
    font-size: 1.5rem;
}
.year-selection .button.secondary,
.year-filter .button.secondary {
    font-weight: normal;
     font-size: 1.5rem;
    font-weight: bold;
}


.year-selection .button.secondary.active,
.year-filter .button.secondary.active {
    background-color: #595959;
    color: #FFFFFF;
}
#YearList {
  margin-bottom:0;
}

ul#YearList li:before { 
  content:"";
    margin:0;
    padding:0;
}
.A-to-Z .button.secondary:hover,
.A-to-Z .button.secondary:active,
.A-to-Z .button.secondary.active {
    background-color: #595959;
    color: white
}

.A-to-z-Content { display: none }

/** End A to Z and Year selection navigation **/



/**
 * These values will not show up in content, but can be 
 * queried by JavaScript to know which breakpoint is active. 
 * http://foundation.zurb.com/sites/docs/v/5.5.3/media-queries.html
 * https://www.lullabot.com/articles/importing-css-breakpoints-into-javascript
 */
body:before {
    content: "mobile";
    display: none; 
}
@media screen and (min-width: 40.063em) and (max-width: 64em) {
    body:before {
        content: "tablet";
    }
} 
@media screen and (min-width: 64.063em) {
    body:before {
        content: "desktop";
    }
}
.highlight {
    font-weight:600;
}
.revenue .content ul.documents-list li:before {
    content: "";
    font-size: x-small;
    text-decoration: none;
    position: relative;
    top: -6px;
    font-family: arial,sans-serif;
    color: #145B94;
    font-weight: 700;
    padding-right: 0;
    margin-left: 0;
}

#clearSearch {
  display:inline-block;
  margin-top:12px; 
  display:none;
  float:left;
  padding-left: 0.9375rem;
}

ul#ulresults.unstyled-list li {
  line-height:1rem;
}
#vatlists {
  margin-left: 0.3em;
}
.olderVersions {
  font-weight:700;
  font-size:1rem;
}

/******** Search page results styles ********/

#titleResult {
  word-break: break-word;
}

.datepdf {
  font-size: 1.13rem;
  margin-left: 10px;
  color: #145B94;
}

.search-content a {
    text-decoration: underline;
    font-size: 1.13rem;
}

.search-content .collapsible-list-links > ul > li > a {
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
}

.search-content .collapsible-list-links > ul > li {
    list-style-position: inside;
    /*text-indent: -1em;
    padding-left: 1em;*/
}


#refineSearch {
    margin-left:0px;
}

#refineSearch li.expanded {
    padding-left:0px;
    list-style-position: inside;
    /*text-indent: 0px;*/
}
#refineSearch li > a:first-line {
    padding-left: 8px;
}
#refineSearch p{
    margin-bottom: 0.5rem;
}

#refineSearch .moretopic {
  margin-bottom: 2rem;
}

.filter-button-custom {
      padding-left: 20px !important;
}
.result-item {
    margin-top: 1.2rem;
    /*padding-bottom: 1.2rem;*/
}
#listResults .result-item h3{
  margin-bottom: 0;
}

    .result-item p {
        margin-bottom: 0;
        height: 5.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: auto;
    }

#listResults .result-item a {
  line-height: 1px;
}

.result-range {
    font-size: 1.13rem;
}

.result-section {
    color: #595959;
    font-style: italic;
    font-size: 1rem;
}

.result-lastupdated {
    color: #595959;
    font-style: italic;
    font-size: 0.875rem !important;
    display: inline-block;
    margin-top: 0.5rem;
}

.result-occurs {
    color: #FFF;
    background-color: #145B94;
    padding: 3px 8px 0 .5rem;
    min-width: 30px;
    display: inline-block;
    text-align: center;
    height: 20px;
    line-height: 1.2;
    font-size: 0.875em;
    position: relative;
    float: right;
    top: 5px;
    right: 12px;
    font-weight: 700;    
    min-width: 40px;
}

.notFound {
    background-color: #444;
}

[type=radio] + label {
    margin-right: 0;
}

span.filterByResult {
    font-style: italic;
}

.liclikable {
  cursor:pointer;
}

.ui-corner-all {
    border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important; 
}

a.filterButton{
    margin-left: -1px;
}

p#infoTotal{
    margin-top: 35px;
    margin-bottom: 10px;
}

/*

This distributes all lines of  text in the search dropdown evenly, which makes wrapped text for a single
item look exactcly the same as multiple items, so we need a combination of line-height and top/bottom padding.
.ui-menu .ui-menu-item a {
  line-height: 2.5 !important; 
}
*/

/* This addresses the problem described above */
.ui-menu .ui-menu-item a {
  line-height: 1.5 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.ui-menu{
  padding: 0;
}

.ui-state-focus, .ui-widget-content .ui-state-focus{
  border: none;
}

p#filterInfo{
    margin-bottom: 0;
}

/** End Search page **/
/** News section on homepage **/

.news {
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.leftbox-news > a,
.leftbox-news-tablecell > a {
    line-height: 1.8rem;
    font-weight: bold;
    font-size: 1.4rem;
}

/* need bottom margin when this is stacked on top of rightbox-news */
@media screen and (max-width: 63.9375em) {
  .leftbox-news {
    margin-bottom: 1rem;
  }
}

/* enforce min height on left and right news boxes on medium displays and wider */
@media screen and (min-width: 64em) {
  .leftbox-news, .rightbox-news {
    min-height: 15rem;
  }
}

/** End News section on homepage **/

.spinner {
    margin: 20px auto;
    width: 60px;
    height: 50px;
    text-align: center;
    font-size: 15px;
}

    .spinner > div {
        /*background-color: #099;*/
        background-color: #008080;
        height: 100%;
        width: 8px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

/* New loader style */
.r-loader-screen {
  background-color: #ffffff;
  /* z-index: 99; */
  z-index: 3;
  display: block;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  opacity: 1; 
}

.is-entered .r-loader-screen {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 0;
  pointer-events: none; 
}
  
.r-loader {
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background-image: url('/SiteElements/Images/svg/spinner.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: -100%;
  height: 10vw;
  max-height: 75px;
  left: -100%;
  margin: auto;
  position: fixed;
  right: -100%;
  top: -100%;
  width: 10vw;
  max-width: 75px;
}
  
@-webkit-keyframes rotate {
  from {
  -webkit-transform: rotateZ(70deg);
  transform: rotateZ(70deg); }
  to {
  -webkit-transform: rotateZ(430deg);
  transform: rotateZ(430deg); } 
}
  
@keyframes rotate {
  from {
  -webkit-transform: rotateZ(70deg);
  transform: rotateZ(70deg); }
  to {
  -webkit-transform: rotateZ(430deg);
  transform: rotateZ(430deg); } 
}


/* Splash style */

.splash {
    position: fixed;
    width: 100%;
    height: 100%;
    /*background-color: black;
    opacity: 0.4;
    z-index:100; */
    z-index: 4;
}

.waiting {
    width: 120px;
    height: 120px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -60px;
}

.hubarrow {
    width: 18px;
    background-color: transparent;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
}

.line {
    border-top: 1px solid #FFF;
    box-shadow: 0 -2px 2px #CCC;
    width: calc(100% + 10px);
    display: block;
    position: relative;
    left: -10px;
    height: 2px;
    margin-bottom: 5px;
}
#clearFilter {
  	display:none;
	margin-bottom: 1.4rem;
}
#clearFilterDate, #clearFilterTopic {
    float:right;
    display: inline-block;
    margin-right:5px;
}

.content-type {
    text-transform: uppercase;
    font-size: x-small;
    text-decoration: none;
    position:relative;
    top:-6px;
    font-family: arial,sans-serif;
    color:#145B94;
    display:inline-block;
    margin-right:4px;
}

.titlefilter {
    font-size: 1.13rem;
    font-weight: 600;
    margin-left:20px;
}
.FacetSelected {
    background-color:#dbdcde;
    margin-left: -20px !important;
    padding-left: 20px !important;
    pointer-events:none;
}
.taxonomy {
    font-size: 1.13rem;
    width: 80%;
    word-wrap: break-word;
    display: inline-block;
}

.filterDate {
    font-size: 1.13rem;
}

.hideitem {
    display: none !important;
}

.notopic {
    font-size: 1.13rem;
}

.moretopic {
    font-size: 1.13rem;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-right: 8px;
    margin-left:20px;
    display: block;
}


input[type="radio"] {
    display:none;
}

input[type="radio"] {
    color: #292321;
    font-family:Arial, sans-serif;
    font-size:14px;
}
input[type="radio"] + label span {
    display:inline-block;
    width:18px;
    height:18px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}

input[type="radio"] + label span {
     background-color:#FFF;
     border-color: #000;
     border:2px solid #000;
}

input[type="radio"]:checked + label span{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#099990+38,099990+38,ffffff+45&1+60,0+68 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(9,153,144,1) 38%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 68%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(9,153,144,1) 38%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 68%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(9,153,144,1) 38%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#099990', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

input[type="radio"] + label span,
input[type="radio"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}

.ui-autocomplete {
   border: 1px solid #ccc;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.show-on-ie9-only {
  display: none;
}

/* callout.scss */

.callout-title {
  font-weight: bold;
  padding-top: 0.75rem;
}

.callout-title,
.callout-content {
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.75rem;
  background-color: #ecedee;
  border-left: 5px solid #025e63;
}

.callout-content + *:not(.callout-content) {
  margin-top: 1rem;
}
/* end of callout.scss */

/* callout.scss */

.callout-title-red {
  font-weight: bold;
  padding-top: 0.75rem;
}

.callout-title-red,
.callout-content-red {
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.75rem;
  background-color: #ecedee;
  border-left: 5px solid #a51d2b;
}

.callout-content-red + *:not(.callout-content-red) {
  margin-top: 1rem;
}
/* end of callout.scss */

/* top-alert.scss */

.top-alert {
  position: fixed;
  max-width: 100%;
  min-height: 20%;
  padding: 1rem 0;
  color: black;
  font-size: 1.1rem;
  background-color: #ededed;
  border-top: 1px solid #025f63;
  /* z-index:5000; */
  z-index: 7;
  width: 100%;
 
  bottom:0;
  box-shadow: 0px 0px 10px black;
}

.top-alert:not( [style*="display: none"]):first-of-type {
  border-top: 0;
}


.top-alert a {
  color: #145B94 !important;
  text-decoration: underline;
  color: #145B94 !important;
  font-size: 1.1rem !important;
}

.top-alert--javascript-disabled {
  background-color: #fbb816;
}

.top-alert .top-alert__close-link {
  font-size: 1rem;
  float: right;
}
/* end of top-alert.scss */

/* Footnotes. These are just dummy placeholders so that these classes appear in the styles dropdown for content authors. The real CSS classes are in footnote.css */
.footnote {}
.footnote-pointer {}
/* End of footnotes */

.warning {
  color: red;
  font-weight: bold;
}


/*Update to search accordian dropdown in release 18.03.1 feature ID 18.03.1.001*/
.querypdfs {
  font-size:1rem !important;
  display: inline;
  margin-top: 15px;
  margin-bottom: 15px;
  background: url(../Images/svg/arrow-down-regular.svg) center right no-repeat;
  padding-right: 20px;
}

.searchPdfItem {
    line-height: 1.5rem !important;
    font-size: 1rem !important;
}

.search-show-less {
    line-height:2rem !important;
    font-size: 1rem !important;
    background: url(../Images/svg/arrow-up-regular.svg) center right no-repeat;
    padding-right: 20px;
}
.search-show-lee.after, .querypdfs.after {
  content: "";
}
.search-content-type {
    top:1px;
}
.tmploading {
    display:block;
    line-height:2rem;
    color:#145B94;
}
.NoDocument {
    display:block;
    line-height:2rem;
    font-size: 1rem !important;
    color:#145B94;
}
.search-older-versions {
  display:none;
}
/*End of release 18.03.1 feature ID 18.03.1.001*/

.revenue .section-list h2 {
    margin: 0;
    font-size:1.11rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #145B94
}
.revenue .section-list .tile:visited h2 {
    color: #609;
}
.revenue .section-services h2 {
    margin: 0;
    padding: .9rem 0 0 .7rem;
    font-size: 1.11rem;
    font-weight: 700;
    background-color: rgba(2, 95, 99, 0.75);
    color: white;
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    min-height: 3.125rem;
}
.revenue .news h2 {
    font-weight: 700;
    font-size: 1.5rem;
}
.revenue .info-box h2, .revenue .info-box2 h2 {
    font-size: 1.11rem;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
}

.hideh1 {
    display: block;
    position: absolute;
    z-index: -1;
    font-size: 6px !important;
    color: #025f63 !important;
    top: -122px;
}
.hidesearchtext {
    position: absolute;
    font-size: 7px;
    z-index: -1;
    color: #145B94;
}
.shownumber {
    margin-bottom: 10px;
    display: inline-block;
}
.shortdesfilter {
    display: block;
    font-size: 16px;
}
.redMessage {
    color: #EB0000;
    font-weight: 500;
    border: 1px solid #EB0000;
    padding: 23px;
}
.contact-us-table thead{
    white-space: nowrap;
}

.contact-us-table .phone-no{
    white-space: nowrap;
}


.ckbx-style-8 {
  font-size: 24px;
}

.ckbx-style-8 input[type=checkbox] {
  position: absolute;
  opacity: 0;
  font-size: 1.5rem;
}

.ckbx-style-8 label {
  width: 2em;
  height: 1em;
  position: relative;
  cursor: pointer;
  display: block;
}

.ckbx-style-8 label:before {
  content: '';
  position: absolute;
  width: 2em;
  height: 1em;
  left: 0.1em;
  transition: background 0.1s ease;
  background: #F25F5C;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(171, 66, 63, 0.5);
}

.ckbx-style-8 label:after {
  content: '';
  position: absolute;
  width: 1em;
  height: 1em;
  border-radius: 50px;
  left: 0;
  transition: all 0.2s ease;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  background: #fcfff4;
  animation: switch-off .2s ease-out;
  z-index: 2;
}

.ckbx-style-8 input[type=checkbox]:checked + label:before {
  background: #70C1B3;
  box-shadow: inset 0px 1px 1px rgba(84, 152, 140, 0.5);
}

.ckbx-style-8 input[type=checkbox]:checked + label:after {
  animation: switch-on .2s ease-out;
  left: 1.1em;
}
 /* line 2247 change the font-size to 1.5rem */

 .darker {
    width: 100%;
    height: 100%;
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: 9999999; */
    z-index: 8;
    opacity: 0.4;
    display:none;
 }

/* .secondAcknowledgement {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    opacity: 0;
    display:none; 
} */

 .qualtricsmsg {
    display: none;
    clear: left;
 }
 .enablecookiequaltrics {
    display: contents !important;
    display: ruby-base-container !important;
    float:none !important;
 }

 .youtubealert {
    width: 80%;
    background-color: #d0d0d0 !important;
    height: 30%;
    /* z-index: 600; */
    z-index: 6;
    position: absolute;
    top: 38%;
    left: 10%;
    border-radius: 4px;
    box-shadow: 0 0 12px #000;
    border: 0px solid black !important;
    padding: 5px !important;
    opacity: 0.8;
 }
 .stopyoutube {
    width: 100%;
    height:100%;
    max-width: 560px;
    max-height: 315px;
    background: repeating-linear-gradient(
        -55deg,
        #222,
        #222 10px,
        #333 10px,
        #333 20px
        );
    /* z-index: 500; */
    z-index: 5;
    position: absolute;
    opacity: 0.94;
 
 }
 .youtubemsg {
    text-align: center;
    justify-content: center;
    color: black !important;
    display: flex;
    align-items: center;
    height: 100%;
 }
 .btncookie, .btnoutdatedbrowser {
    padding: 0.8rem 2rem !important;
 }

.changelangcookiebanner {
    float: right;
    margin-right:60px;
    clear: both;
}
@media screen and (max-width: 540px) { 
  .changelangcookiebanner {
    margin-right:35px;
  }
}
.fitallsize {
    width: 100% !important;
}

.covid-19 {
    top: 0;
    background-color: #ffe000;
    width: 100%;
}
.covid-19 p {
    font-size: 1.13rem;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 0px;
}
.covid-19 a {
    text-decoration: underline;
    /*color: #0b6fb7; */
    color: #0967AA;
    margin-bottom: 6px;
}

/*New Banner*/

.inner-triangle {
    border-right: 80px solid transparent;
    border-bottom: 80px solid rgba(2, 98, 98, 0.92);
    height: 0px;
    width: 0px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    cursor: pointer;
}


.cookieBanner {
    width: 90%;
    height: 90%;
    max-width: 1300px;
    max-height: 680px;
    background-color: #EDEDED;
    position: fixed;
    box-shadow: 0px 0 4px #0a0a0a;
    padding: 24px;
    /*z-index: 9999999999;*/
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
}

.cookie-overflow{
    overflow: auto;
    height: 90%;
    padding: 15px;
    border-style: ridge;
    border-color: #C8C8C8;
    display: block;
    clear: both;
}


@media only screen and (max-width: 800px) {
  .cookieBanner {
    width: 90%;
    height: 80%;
    max-width: 1300px;
    background-color: #EDEDED;
    position: fixed;
    box-shadow: 0px 0 4px #0a0a0a;
    padding: 24px;
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
}

}
@media only screen and (max-width: 800px) {
    .cookie-overflow {
    overflow: auto;
    height: 86%;
   /* max-height: 90%; */
    padding: 15px;
    border-style: ridge;
    border-color: #C8C8C8;
}
}

 .youtubeCookieBanner {
    width: 90%;
    height: 90%;
    max-width: 900px;
    max-height: 500px;
    background-color: #EDEDED;
    position: fixed;
    box-shadow: 0px 0 4px #0a0a0a;
    padding: 24px;
    /*z-index: 9999999999;*/
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
} 

.qualtricsCookieBanner {
    width: 90%;
    height: 90%;
    max-width: 900px;
    max-height: 560px;
    background-color: #EDEDED;
    position: fixed;
    box-shadow: 0px 0 4px #0a0a0a;
    padding: 24px;
    /*z-index: 9999999999;*/
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
}

.cookie-overflow-dynamic{
    overflow: auto;
    height: 90%;
    padding: 15px;
    border-style: ridge;
    border-color: #C8C8C8;
}

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

.qualtricsCookieBanner {
    width: 90%;
    height: 80%;
    background-color: #EDEDED;
    position: fixed;
    box-shadow: 0px 0 4px #0a0a0a;
    padding: 24px;
    /*z-index: 9999999999;*/
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
}

.youtubeCookieBanner {
    width: 90%;
    height: 80%;
    background-color: #EDEDED;
    position: fixed;
    box-shadow: 0px 0 4px #0a0a0a;
    padding: 24px;
    /*z-index: 9999999999;*/
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
}

.cookie-overflow-dynamic{
    overflow: auto;
    height: 90%;
    padding: 15px;
    border-style: ridge;
    border-color: #C8C8C8;
}

}
.cookie-button {
    background-color: #145B94;
    border-radius: 10px;
    padding: 0.35em 1.2em;
    box-sizing: border-box;
    text-align: center;
    float: right;
    color: white;
    font-size: 21px;
    margin-top: 15px;
}

/*Cookie banner text styling*/

.cookie-title {
    font-size: 21px;
    color:#145B94 !important;
    letter-spacing: 0;
}

.cookie-lang {
    margin-top: -15px;
    float: right;
}

.cookie-lang a {
    font-size: 19px;
    color:#145B94 !important;
    text-decoration: underline !important;

}

.cookie-description {
    font-size: 15px;
    color:#000;
    letter-spacing: 0;
}

.cookie-description-statement {
    font-size: 15px;
    color:#000;
    letter-spacing: 0;
}

.cookie-description-statement a {
    font-size: 15px !important;
    color: #145B94 !important;
}

.cookie-necessary-title {
    font-size: 20px;
    color:#145B94 !important;
    letter-spacing: 0;
}

.cookie-necesssary-description {
    font-size: 14px;
    color:#000;
    letter-spacing: 0;
}

.cookie-toggle-title {
    font-size: 1.13rem;
    color:#145B94 !important;
    letter-spacing: 0;
}

.cookie-toggle-description {
    font-size: 14px;
    color:#000;
    letter-spacing: 0;
}

.cookie-toggle-description a {
    color: #145B94 !important;
    font-size: 15px !important;
}

.cookie-switch {
  position: relative;
  display: flex;
  justify-content: right;
  width: 80px;
  height: 26px;
  float: right;
  margin-right: 24px;
}

.cookie-switch input {
    display: none;
    }

.cookie-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #838383;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 34px;
   height: 1.9rem;
   float: right;
   margin-top: -5px;
}

.cookie-slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .cookie-slider {
  background-color: #C7E7FF;
}

input:focus + .cookie-slider {
  box-shadow: 0 0 1px;
}

input:checked + .cookie-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(48px);
}

/*------ ADDED CSS ---------*/

.cookie-arrow {
    height: 10px;
    width: 10px;
    background-color: #f7f7f7;
    border-radius: 100%;
    display: inline-block;
    margin-top: 7px;
}

html[lang=en-GB] .cookie-slider:after
{
 content:'OFF';
 color: white;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 left: 60%;
 font-size: 0.8rem;
 font-weight: bold;
}

html[lang=ga-IE] .cookie-slider:after
{
 content: 'Múchta';
 color: white;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 55%;
 left: 65%;
 font-size: 0.8rem;
 font-weight: bold;
 white-space: nowrap;
}

html[lang=en-GB] input:checked + .cookie-slider:after
{  
  content:'ON';
  left: 40%;
  color: #145B94;
}

html[lang=ga-IE] input:checked + .cookie-slider:after
{  
  content:'Ar siúl';
  left: 40%;
  color: #145B94;
  white-space: nowrap;
}

.icoInfoStats {
    font-size: 20px;
    margin-right: 15px;
    display: inline-flex;
    float: left;
}
#popover1 {
    display:none;
}

blockquote, blockquote p {
    color: #4F4F4F !important;
}

/* Landing tiles CSS for Customs */
.landingtile {
    background-color: white;
    padding: .7rem;
    padding-top: 1rem;
    min-height: 8rem;
    margin-bottom: 1rem;
    text-decoration: none;
    display: block;
    cursor: pointer;
    transition: all ease .3s;
}

.paddingoverride{
    padding-right: 0;
    float: left !important;
}

.landingtile > strong {
    margin: 0;
    font-size: 1.11rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #145B94;
}

.bigtitles {
    font-size: 1.5rem !important;
}

/** Custom CSS for TaxEducation Site Download Button **/
a.button {
    display: inline-block !important;
    text-decoration: none !important;
    color: #FFFFFF !important;
    padding-right: 48px !important;
}

.revenue .top-section button.button::after,
.revenue .top-section a.button.button::after {
    content: "\00a0";
    background: url('../Images/svg/arrow-right-bold.svg') right center no-repeat;
    background-size: 26.83px 21.6px !important;
    padding-right: 1.3rem;
}

#ButtonInline {
    display: inline-block !important;
    margin-right: 2em !important;
}

.no-style {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

ul.callout-content {
    margin: 0;
    padding-left: 37px;
    list-style: none;
}

/* Centers the #deadlineheroitem-center element with automatic horizontal margins,
   sets minimum height to 90px, and maximum height to 25% of the viewport width */
#deadlineheroitem-center {
    position: relative;
    float: left;
    right: -7%;
    text-align: center;
    min-height: 90px;
    max-height: 25vw;
    }

#searchInput {
 letter-spacing: -1.5px; /* Set the common value once */
}

@media screen and (min-width: 64em) { /* Desktop */
#searchInput {
  font-size: 0.98em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
} 

@media screen and (max-width: 63.9375em) and (min-width: 40em) { /* Tablet only */
#searchInput {
    font-size: 0.80em;
}
}

@media screen and (max-width: 39.9375em) { /* Mobile only */
#searchInput {
  font-size: 0.6em;
}
}

/* Uncomment if required */
@media screen and (max-width: 39.9375em) {
#searchInput {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
}

@media screen and (min-width: 96em) and (max-height: 20em) { 
#searchInput {
  font-size: 0.75em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
}

/* Tablet-only styles for screens between 40em (640px) and 63.9375em (1023px) */
/* Reduces the max-height to 15% of the viewport width for more compact display on tablets */
/*@media screen and (max-width: 63.9375em) and (min-width: 40.00em) { 
    #deadlineheroitem-center {
        margin: 0 auto;
        text-align: center;
        min-height: 90px;
        max-height: 15vw;
    }
}*/

/* Mobile landscape view for screens between 568px and 666px */
/* Sets a more compact maximum height for smaller landscape screens */
/*@media screen and (min-width: 35.5em) and (max-width: 41.625em) { 
    #deadlineheroitem-center {
        margin: 0 auto;
        text-align: center;
        min-height: 90px;
        max-height: 15vw;
    }
} */

a.no-focus-border:focus,
a.no-focus-border:focus-visible,
a.no-focus-border:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}