@charset "UTF-8";

/* CSS Document */
/* This document contains styles extending editor.css
 * and serves as the main struture CSS
 */
/*********************************************************************
[TABLE OF CONTENTS]
	1. BODY & GLOBAL
	2. NAVIGATION
	3. CAROUSEL /#carousel-home
	4. MAIN
		4.1. Home Page / #wrapper-home /#content-home
		4.2. Internal Pages
	5. -
	6. FOOTER   /footer
	7. UI OVERRIDES (Google CSE, Calendar, DataTables)
[END-TABLE OF CONTENTS]
**********************************************************************/
/* -----------------------------------*/
/* >>> TOC 1. - Body & Global Rules (Additions or Overrides to Editor.css) <<< */
/* -----------------------------------*/
/*For Debugging Only*/
/** {
	background-color: rgba(54, 112, 64, 0.039) !important;
}*/
/*End Debugging */

/*iframes not displaying right due to defunct js for 2-column layout - MIRNA - 01.19.2021*/
iframe {
    /*width: auto !important;*/
    max-width: 800px !important;
    /*height: auto !important;*/
}
/*end iframe fix*/

.video-feed iframe {/*added on 6/16/2021 by Mirna*/
    height: 280px !important;
    width: 500px;
}


HTML,
BODY {
  letter-spacing: 0.1rem;
  min-width: 320px;
}

H1 {
  font-size: 2.4rem;
}

H2 {
  font-size: 2rem;
}

H3 {
  font-size: 1.8rem;
}

H4 {
  font-size: 1.6rem;
}

H5 {
  font-size: 1rem;
}

H1,
H2,
H3,
H4,
H5,
H6 {
  line-height: 1.375 !important;
  /*Fix for headers that wrap*/
}

A:focus,
A:hover {
  text-decoration: none;
}

#wrapper-home,
#wrapper-internal {
  /*padding-top:173px;*/
}

#wrapper-home {
  position: relative;
}

.mayor-council A,
.belowCarousel LI A {
  padding: 8px;
  background-color: #314353;
  border-radius: 4px;
  color: #FFF;
  font-weight: lighter;
  display: inline-block;
}

.mayor-council A:hover,
.belowCarousel LI A:hover {
  background-color: #1A2732;
}

/* -----------------------------------*/
/* >>> TOC 2. - NAVIGATION <<< */
/* -----------------------------------*/
HEADER {
  background-color: #314353;
  padding-top: 16px;
}

.navbar .caret {
  margin-left: 8px;
}

HEADER .branding {
  max-width: 320px;
  margin: 0 auto 15px;
  padding: 0 15px;
}

.navbar-default {
  background-color: #1A2732;
  border-color: #1A2732;
  color: #FFF;
}

HEADER .nav-label {
  font-weight: bolder;
  text-transform: uppercase;
  margin-top: 14px;
  margin-left: 14px;
  display: inline-block;
}

.navbar-default .navbar-nav > LI > A {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
}

.navbar-default .navbar-nav > LI > A:hover {
  background-color: #0D141B;
  color: #FFF;
}

.searchContainer.search {
  width: 280px;
  margin: 0 auto;
}

.navbar-default .navbar-nav > .open > A,
.navbar-default .navbar-nav > .open > A:focus,
.navbar-default .navbar-nav > .open > A:hover {
  color: #FFF;
}

.navbar-default .navbar-nav > LI > A:focus,
.navbar-default .navbar-nav > LI > A:hover {
  color: #FFF;
}

HEADER .navbar {
  margin-bottom: 0;
}

HEADER {
  position:relative;
}

.headerBottom {
  position:absolute;
  z-index:2;
  width:100%;
}

.headerBottom .searchContainer {
  margin:0 auto;
  max-width:1170px;
  display:flex;
  flex-flow: row nowrap;
  justify-content:flex-end;

}

.headerBottom .searchContainer .search {
  max-width:500px;
  background-color:#314353;
  padding:12px;
   border:1px solid #fff;
   border-top: 0;
  
}
/* -----------------------------------*/
/* >>> TOC 3. - CAROUSEL <<< */
/* -----------------------------------*/
#carousel-wrapper-outer .container {
  padding-left: 0;
  padding-right: 0;
}

#carousel-wrapper-outer .container > .row {
  margin: 0;
}

#carousel-wrapper-outer .container > .row > .column {
  padding-left: 0;
  padding-right: 0;
}

#carousel-home .carousel-inner {
  padding-bottom: 0;
  background-color: #314353;
}

#carousel-home .item A {
  position: relative;
  display: block;
  font-weight: 400;
}

.carousel-inner .wrapper-img {
  position: relative;
  height: 195px;
  width: 100%;
  margin-bottom: 80px;
  overflow: hidden;
}

.carousel-inner IMG {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: none;
}

#carousel-home .carousel-caption {
  left: 0;
  right: 0;
  bottom: -80px;
  display: block;
  padding: 8px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: visible;
}

#carousel-home .carousel-caption P {
  margin: 0;
  font-size: 1.5rem;
  text-transform: capitalize;
}

#carousel-home .carousel-indicators {
  display: none;
}

#carousel-home .carousel-control .glyphicon-chevron-left,
#carousel-home .carousel-control .glyphicon-chevron-right,
#carousel-home .carousel-control .icon-next,
#carousel-home .carousel-control .icon-prev {
    top: 40%;
}

/* >>> TOC 4. - MAIN <<< */
/* -----------------------------------*/
/* ----------------------------------- */
/*>>> TOC 4.1 Home Page / #wrapper-home /#content-home*/
/* -----------------------------------*/
#wrapper-home H2 {
  text-transform: uppercase;
}

.belowCarousel {
  background: url('../images/bg_bridgeport_skyline.jpg') center center / cover no-repeat fixed;
  position: relative;
  z-index: 0;
}

.belowCarousel:after {
  background-color: rgba(61, 153, 202, 0.908);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
}

.belowCarousel,
.belowCarousel H2,
.belowCarousel A {
  color: #FFF;
}

.belowCarousel UL {
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.belowCarousel LI {
  margin: 0 4px 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.belowCarousel LI A {
  width: 100%;
}

.feed.news {
  padding: 0 15px;
}

.viewMore {
  text-align: right;
}

.viewMore A {
  color: inherit;
}

.viewMore A:before {
  content: '\f138';
  font-family: fontAwesome;
  display: inline-block;
  margin-right: 4px;
}

.midContent {
  background-color: #E4E9EF;
}

.feed.news .column.one {
  margin-bottom: 16px;
}

.feed.news A {
  color: currentColor;
}

.feed.news .NEWS_FEED_DISPLAY_ROW_TITLE {
  background-color: transparent;
  padding: 0;
  margin-left: 24px;
  margin-bottom: 16px;
}

.events.feed A {
  color: currentColor;
}

.events.feed UL.eventlist {
  list-style: none;
  padding-left: 0;
}

.events.feed UL.eventlist LI {
  margin-bottom: 16px;
  margin-left: 24px;
}

.events.feed UL.eventlist LI:before,
.feed.news .NEWS_FEED_DISPLAY_ROW_TITLE:before {
  content: '\f138';
  font-family: fontAwesome;
  display: inline-block;
  margin-left: -24px;
  position: absolute;
}

.midContent .column.one,
.midContent .column.two {
  margin-bottom: 24px;
}

.midContent a {
   color: #1C4D7F;
}

.tab-pane#twitter {
  height:288px;
  overflow:scroll;
}

h2 .nav.nav-tabs {
  border-bottom:0;
}

.mayor-council {
  padding: 0 15px;
  padding-bottom: 24px;
}

.mayor-council .column.one {
  padding-top: 18px;
}

.mayor-council .column.one .img-holder {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.mayor-council .column.one IMG {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mayor-council .column.two {
  padding: 15px;
}

.mayor-council A {
  margin-top: 16px;
}

/* -----------------------------------*/
/* >>> TOC 4.2 - Internal Pages /#wrapper-internal <<< */
/* -----------------------------------*/
#content-internal IMG[src^="/images"],
#content-internal IMG[src^="data:image"] {
  max-width: 100%;
}

#content-internal > .row {
  position: relative;
}

MAIN {
  padding-top: 24px;
  padding-bottom: 24px;
}

ASIDE {
  background-color: #E7E8E9;
  padding-top: 24px;
  padding-bottom: 24px;
}

.blank ASIDE {
  background-color: #FFF;
}

.portal--text {
  display: none;
}

.breadcrumb {
  font-size: small;
  background-color: transparent;
  color: #192731;
  border-radius: 0;
  margin-bottom: 0;
  padding: 12px 0px 0;
}

.breadcrumb A {
  color: inherit;
}

.page-title {
  margin-top: 0;
}

UL.cardList {
  padding-left: 0;
  list-style: none;
}

UL.cardList LI {
  padding: 12px;
  border-bottom: 1px solid #666;
  margin-bottom: 0;
}

UL.cardList LI:last-child {
  border-bottom: 0px;
}

UL.cardList LI:nth-child(even) {
  background-color: #E1E1E1;
}

#content-internal ASIDE > .wrapper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column-reverse nowrap;
  flex-flow: column-reverse nowrap;
}

#content-internal ASIDE > .wrapper-inner .dupTo {
  margin-bottom:16px;
}

#dupFrom {
  display: none !important;
}

#dupFrom + BR {
  display: none;
}

/*.dupTo .ContentTemp_MainCol .wrapper-inner,#dupTo .ContentTemp_SideCol .wrapper-inner{(* border-bottom: 1px solid #C2C2C2; *)margin-bottom:16px;padding-bottom:16px;}*/
/*.dupTo>.row:first-child{display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column-reverse wrap;flex-flow:column-reverse wrap;}*/
.NEWS_FEED_DISPLAY_ROW_HEADER_TEXT {
  margin-right: 6px;
}

/*QNotify Form Signup for Stay Informed Page*/
#ctl33_ctl04_ctl00 LABEL {
  margin-left: 5px;
}

/*Severe Weather Update RSS Feed*/
DIV[data-id="13928"] .NEWS_FEED_DISPLAY_RSS {
  display: none;
}

/*Following overrides old table styles before responsive re-design*/
#dupTo TD.ContentTemp_MainCol,
#dupTo TD.ContentTemp_SideCol {
  display: none !important;
}

#dupTo .ContentTemp_MainCol .wrapper-inner > :first-child,
#dupTo .ContentTemp_SideCol .wrapper-inner > :first-child {
  margin-top: 0;
  padding-top: 0;
}

TD.ContentTemp_MainCol,
TD.ContentTemp_SideCol {
  width: 100% !important;
  display: block !important;
}

TD.ContentTemp_MainCol IMG,
TD.ContentTemp_SideCol IMG {
  max-width: 100% !important;
}

TD.ContentTemp_SideCol {
}

TD.ContentTemp_MainCol {
  border-bottom: 1px dashed #CCCCCC;
  /*padding-bottom: 20px;*/
}

#content-internal IMG[style*="float: left"],
#content-internal IMG[style*="float:left"] {
  margin: 6px 6px 6px 0;
  /* border: 2px solid #07233C; */
}

#content-internal IMG[style*="float: right"],
#content-internal IMG[style*="float:right"] {
  margin: 6px 6px 6px 0;
  /* border: 2px solid #07233C; */
}

/*end old table overrides*/
/* -----------------------------------*/
/* >>> TOC 6. - FOOTER <<< */
/* -----------------------------------*/
FOOTER {
  background-color: #1A2732;
  color: #FFF;
  padding-top: 36px;
  padding-bottom: 24px;
  font-size: smaller;
}

FOOTER A {
  color: #FFF;
}

FOOTER A:hover {
  text-decoration: underline;
  color: currentColor;
}

FOOTER .branding {
  margin-bottom: 24px;
}

FOOTER .branding A {
  margin-bottom: 16px;
  display: block;
}

FOOTER .branding--seal {
  margin-bottom: 16px;
}

FOOTER .branding--seal IMG {
  width: 90px;
  height: auto;
}

FOOTER .branding--name IMG {
  width: 200px;
  height: auto;
}

.footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.footer-links > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.footer-links UL {
  list-style: none;
  padding-left: 0;
}

.footer-links LI {
  margin-bottom: 18px;
}

FOOTER H3 {
  color: #FFF;
  font-size: 1.6rem;
}

.socialIcons UL {
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: 2.8rem;
}

.socialIcons LI {
  margin-right: 24px;
}

.socialIcons .fa-facebook-square:hover {
  color: #3B5998;
}

.socialIcons .fa-twitter-square:hover {
  color: #1DA1F2;
}

.socialIcons .fa-youtube-square:hover {
  color: #CD201F;
}

.newsletter.column INPUT[type=text] {
    color: #000;
}

.copyright {
  margin-top: 18px;
}

table[id$="ctl04_ctl00"] td:first-of-type {
    display: flex;
    flex-flow: row wrap;
    margin-top: 8px;
}

table[id$="ctl04_ctl00"] label:first-of-type {
    width: 90%;
    padding-left: .5rem;
}

input[type="checkbox"] {
    width: 5%;
}

input[id$="DisplayBox"] {
    width: 238px;
}

.newsletter input[type="submit"] {
    background: none;
    border: 1px solid #FFF;
    border-radius: 4px;
    font-family: inherit;
    margin-top:8px;
    width:80px;
    padding:8px;
}

.newsletter input[type="submit"]:hover {
    background: #2D7BCC;
}

FOOTER .copyright .svg-logo.qscend .svg-qscend {
    width: 185px;
    height: 15px;
    vertical-align: middle;
}

@media (min-width: 48em) {
  /*min-width: 768px*/
  /* -----------------------------------*/
  /* >>> TOC 1. - Body & Global Rules <<< */
  /* -----------------------------------*/
  H1 {
    font-size: 2.8rem;
  }
  
  H2 {
    font-size: 2.4rem;
  }
  
  H3 {
    font-size: 2rem;
  }
  
  H4 {
    font-size: 1.8rem;
  }
  
  H5 {
    font-size: 1.2rem;
  }
  
  /* -----------------------------------*/
  /* >>> TOC 2. - NAVIGATION <<< */
  /* -----------------------------------*/
  HEADER {
    padding-top: 0;
  }
  
  .navbar-toggle {
    background-color: #07233C;
    border: 1px solid transparent;
    height: 40px;
    width: 40px;
    border-radius: 50%;
  }
  
  .navbar-header .nav-label {
    display: none;
  }
  
  .headerTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    max-width: 1170px;
    margin: 0 auto;
  }
  
  HEADER .branding {
    margin: 0 8px 0 0;
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  HEADER .branding A {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 0;
  }
  
  HEADER .branding--seal,
  HEADER .branding--text {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  
  HEADER .branding--seal {
    margin-right: 8px;
  }
  
  HEADER .branding--text IMG {
    width: 150px;
  }
  
  HEADER .branding--seal IMG {
    height: 60px;
    margin-top: 1.8rem;
    margin-right: 1rem;
  }

  HEADER .branding--text IMG {
    height: 100px;
  }
  .nav--linkWrapper .mega-menu.nav > li:last-child {
    margin-right: 30px;
  }
  .nav--linkWrapper {
    margin-right:200px;
  }

  .translateContainer {
    padding-top: 36px;
    width:400px;
  }

  .searchButton {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    color: #FFF;
    font-size: 2.4rem;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 56px;
  }
  
  .searchButton:hover {
    cursor: pointer;
  }
  
  .navbar-default {
    background-color: transparent;
    border: 0;
    color: #FFF;
  }
  
  .navbar-default > .container,
  #qnavbar-collapse-1.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  
  .yamm.navbar > .container {
    width: auto;
  }
  
  .headerTop #nav-main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  
  .navbar-default UL.mega-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  
  .navbar-default UL.mega-menu > LI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100px;
    border-left: 1px solid #FFF;
  }
  
  .navbar-default UL.mega-menu > LI > A {
    padding: 12px;
  }
  
  .navbar-default UL.mega-menu > LI:last-child,
  .searchButton {
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
  }
  
  .navbar-default UL.mega-menu > LI > A.mega-menu-link {
    font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .searchButton:hover {
    cursor:pointer:
	}

  .headerTop .searchContainer {
    display: none;
  }
  
  /* -----------------------------------*/
  /* >>> TOC 3. - CAROUSEL <<< */
  /* -----------------------------------*/
  #carousel-wrapper-outer > .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  
  .carousel-inner .wrapper-img {
    height: 450px;
  }
  
  #carousel-home .carousel-inner .item A IMG {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none;
  }

  #carousel-home .carousel-caption P {
    font-size: 1.8rem;
  }
  
  /* >>> TOC 4. - MAIN <<< */
  /* -----------------------------------*/
  /* ----------------------------------- */
  /* >>> TOC 4.1 - Home Page /#content-home /#wrapper-home <<< */
  /* -----------------------------------*/
  .breadcrumb A {
    color: #F99B1B;
  }
  
  .belowCarousel {
    text-align: center;
    padding-top: 36px;
    padding-bottom: 36px;
  }
  
  .belowCarousel UL {
    margin-top: 24px;
    width: 80%;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .belowCarousel LI {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
  
  .belowCarousel UL A {
    padding: 12px;
  }
  
  .feed.news {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .feed.news .column.one {
    background-color: #F99B1B;
    width: 300px;
    color: #FFF;
    margin-bottom: 0;
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  
  .feed.news .column.one,
  .feed.news .column.two {
    padding: 25px 15px;
  }
  
  .feed.news .column.one .viewMore {
    color: initial;
  }
  
  /* .feed.news H2 {
    color: #FFF;
  } */
  
  .feed.news H2,
  .midContent H2 {
    margin-top: 0;
  }
  
  .midContent .events.feed,
  .midContent .column.two {
    margin-bottom: 0;
  }
  
  .midContent .viewMore {
    margin-bottom: 16px;
  }
  
  .midContent .events.feed P {
    font-weight: bolder;
  }
  
  .midContent {
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #ABBDCD;
  }
  
  .midContent .column.two .socialFeed {
    border: 6px solid #E4E9EF;
    background-color: #54738F;
    position: relative;
    z-index: 0;
  }
  
  .midContent .column.two .socialFeed:after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    background-image: url(../images/bg-tile.png);
    opacity: 0.37;
    z-index: -1;
  }
  
  .midContent .column.two .socialFeed .wrapper-facebook {
    margin: 0 auto;
    width: 340px;
  }
  
  .viewMore {
    font-size: smaller;
  }
  
  .mayor-council {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 0;
  }
  
  .mayor-council .column.one {
    width: 300px;
    height: 239px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .mayor-council .column.one .img-holder {
    height: auto;
  }
  
  .mayor-council .column.one IMG {
    height: 100%;
    width: auto;
  }
  
  .mayor-council .column.two {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  
  .mayor-council H2 {
    margin-top: 0;
  }
  
  /* -----------------------------------*/
  /* >>> TOC 4.2 - Internal Pages /#wrapper-internal <<< */
  /* -----------------------------------*/
  .portal {
    position: relative;
    overflow: hidden;
  }
  
  .portal-banner {
    background: center center / cover no-repeat;
    position: absolute;
    width: 100%;
  }
  
  .portal-details {
  }
  
  .portal-details .shaded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(26, 39, 50, 0.80);
    color: #FFF;
  }
  
  .portal-banner,
  .portal-details .shaded {
    height: 200px;
  }
  
  .shaded:after {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    width: 999px;
    background-color: inherit;
  }
  
  .portal--text {
    display: block;
    font-weight: bolder;
    text-transform: uppercase;
  }
  
  .breadcrumb {
    color: #FFF;
  }
  
  #dupTo .ContentTemp_SideCol .wrapper-inner {
    border-bottom: 0;
    margin-bottom: 16px;
    padding-bottom: 0;
  }
  
  .non-bsContainer {
    background-color: #E7E8E9;
  }
  
  .blank .non-bsContainer {
    background-color: #FFF;
  }
  
  .wrapper-mainContent > .container {
    background-color: #FFF;
  }
  
  .wrapper-mainContent > .container > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  ASIDE {
    font-size: 1.4rem;
  }
  
  #content-internal ASIDE > .wrapper-inner {
    /*-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;*/
  }
  
  /* -----------------------------------*/
  /* >>> TOC 6 - FOOTER <<< */
  /* -----------------------------------*/
  FOOTER .container > .row:first-of-type {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  
  FOOTER .container > .row:first-of-type > .column {
    margin-bottom: 16px;
  }
  
  FOOTER .contact {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 20%;
    border-right: 1px solid #414141;
  }
  
  FOOTER .branding--name IMG {
    max-width: 100%;
  }
  
  FOOTER .footer-links {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 80%;
  }
  
  FOOTER .socialIcons {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 20%;
    border-right: 1px solid #414141;
  }
  
  .socialIcons UL {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0;
  }
  
  .socialIcons LI {
    margin-right: 12px;
    line-height: initial;
  }
  
  FOOTER .newsletter {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 50%;
  }
  
  FOOTER .newsletter H3 {
    margin-top: 0;
  }
  
  .copyright {
    text-align: center;
  }
}

@media (min-width: 62em) {
  /*min-width: 992px*/
  /* -----------------------------------*/
  /* >>> TOC 1. - Body & Global Rules (Additions or Overrides to Editor.css) <<< */
  /* -----------------------------------*/
  /* -----------------------------------*/
  /* >>> TOC 2. - NAVIGATION <<< */
  /* -----------------------------------*/
  .navbar-default UL.mega-menu > LI > A {
    padding: 30px;
  }
  
  .navbar-default UL.mega-menu > LI > A.mega-menu-link {
    /*font-size: 1.3rem;*/
  }

   HEADER .branding--seal IMG {height: 70px;margin-top: 1.5rem;}

   HEADER .branding--text IMG {
     width: 275px;
   }
  
  /* >>> TOC 3. - CAROUSEL <<< */
  /* -----------------------------------*/
  /* -----------------------------------*/
  /* >>> TOC 4. - MAIN <<< */
  /* -----------------------------------*/
  /* -----------------------------------*/
  /* >>> TOC 4.1 - Home Page /#content-home /#content-home<<< */
  /* -----------------------------------*/
  .belowCarousel UL {
    width: 85%;
  }
  
  .feed.news .column.one,
  .mayor-council .column.one {
    width: 33%;
  }
  
  .feed.news .column.one .wrapper-inner {
    float: right;
    width: 100%;
    max-width: 336px;
  }
  
  .feed.news .column.two {
    width: 67%;
  }
  
  .feed.news .column.two .wrapper-inner,
  .mayor-council .column.two .wrapper-inner {
    width: 100%;
    max-width: 772px;
  }
  
  /* -----------------------------------*/
  .mayor-council .column.one IMG {
    height: auto;
    width: 100%;
  }
  
  /* >>> TOC 4.2 - Internal Pages /#wrapper-internal <<< */
  /* -----------------------------------*/
  .portal-banner,
  .portal-details .shaded {
    height: 260px;
  }
  
  .portal--text {
    font-size: x-large;
  }
  
  #dupTo .ContentTemp_MainCol .wrapper-inner {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  #dupTo > .row:first-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  /*Following Overrides old table styles before responsive design*/
  TD.ContentTemp_MainCol,
  TD.ContentTemp_SideCol {
    display: table-cell !important;
  }
  
  TD.ContentTemp_MainCol {
    width: 70% !important;
    padding-right: 8px !important;
  }
  
  TD.ContentTemp_SideCol {
    padding-left: 8px !important;
  }
  
  TD.ContentTemp_MainCol {
    border-bottom: 0px;
  }
  
  /* end overrides*/
  /* -----------------------------------*/
  /* >>> TOC 6. - FOOTER <<< */
  /* -----------------------------------*/
  FOOTER {
    padding-top: 60px;
  }
  
  FOOTER .container > .row:first-of-type > .column {
    margin-bottom: 16px;
    border-right: 1px solid #414141;
  }
  
  FOOTER .contact {
    width: 20%;
  }
  
  FOOTER .footer-links {
    width: 45%;
  }
  
  FOOTER .socialIcons {
    width: 10%;
  }
  
  .socialIcons UL {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .socialIcons LI {
    margin-right: 0;
    margin-bottom: 16px;
  }
  
  FOOTER .newsletter {
    width: 25%;
    border-right: 0 !important;
  }
  
  FOOTER .newsletter H3 {
    margin-top: 0;
  }
  
  .copyright {
    text-align: center;
  }
}

@media (min-width: 75em) {
  /*min-width: 1200px*/
  /* -----------------------------------*/
  /* >>> TOC 1. - Body & Global Rules (Additions or Overrides to Editor.css) <<< */
  /* -----------------------------------*/
  /* -----------------------------------*/
  /* >>> TOC 2. - NAVIGATION <<< */
  /* -----------------------------------*/
  #qnavbar-collapse-1 UL.nav > LI > A {
    font-size: 2rem;
  }
  
  /* -----------------------------------*/
  /* >>> TOC 3. - CAROUSEL <<< */
  /* -----------------------------------*/
  .carousel-inner .wrapper-img {
    height: 575px;
  }
  /* -----------------------------------*/
  /* >>> TOC 4. - MAIN <<< */
  /* -----------------------------------*/
  /* -----------------------------------*/
  /* >>> 4.1 - Home Page /#content-home /#content-home <<< */
  /* -----------------------------------*/
  /* -----------------------------------*/
  /* >>> 4.2 - Internal Pages /#wrapper-internal <<< */
  /* -----------------------------------*/
  /* -----------------------------------*/
  /* >>> TOC 6. - FOOTER  <<< */
  /* -----------------------------------*/
}

@media (min-width: 100em) {
  /*min-width: 1600px*/
  /* -----------------------------------*/
  /* >>> TOC 3. - CAROUSEL <<< */
  /* -----------------------------------*/
  /* -----------------------------------*/
  /* >>> TOC 4. - MAIN <<< */
  /* -----------------------------------*/
  /* -----------------------------------*/
  /* >>> 4.1 - Home Page /#content-home /#content-home <<< */
  /* -----------------------------------*/
  /* -----------------------------------*/
  /* >>> 4.2 - Internal Pages /#wrapper-internal <<< */
  /* -----------------------------------*/
  /*.portal-details{width:31.75%;}*/
  .portal--text {
    font-size: xx-large;
  }
}

/* -----------------------------------*/
/* >>> qYAMM <<< */
/* -----------------------------------*/
.yamm.navbar-default .navbar-nav > .open > A,
.yamm.navbar-default .navbar-nav > .open > A:focus,
.yamm.navbar-default .navbar-nav > .open > A:hover {
  background-color: #0D141B;
  text-transform: uppercase;
}

.yamm .yamm-content {
  padding-top: 0;
}

.yamm UL.dropdown-menu UL {
  padding: 0px;
  list-style: none;
  text-transform: none;
  /*color:#07233C;*/
}

.yamm UL.dropdown-menu LI > UL {
  /*padding-left: 10px;*/
}

.yamm UL.dropdown-menu LI > UL A {
  color: #FFF;
  font-weight: normal;
}

.yamm-content .mega-menu-sub .mega-menu-sub .mega-menu-link {
  padding-left: 8px;
  display: inline-block;
  margin-bottom: 9px;
}

.yamm UL[class*='col-'] > LI > A {
  display: none;
}

.yamm UL[class*='col-'] > LI > UL > LI > A {
  display: block;
  color: #FFF;
  margin-top: 12px;
  margin-bottom: 6px;
  /*border-bottom:1px solid currentColor;*/
  font-weight: normal;
  text-transform: uppercase;
}

.yamm UL.dropdown-menu UL.col-none,
.yamm UL.dropdown-menu UL.mm-column {
  margin-bottom: 16px;
}

@media (min-width: 48em) {
  /*min-width: 768px*/
  .yamm UL.dropdown-menu UL[class*='col-'] {
    padding: 0px 15px;
  }
  
  .yamm-content .mega-menu-sub .mega-menu-sub .mega-menu-link {
    padding-left: 6px;
  }
  
  .yamm UL.dropdown-menu LI > UL A {
    color: #688A9E !important;
  }
  
  .yamm-content > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  
  .yamm-content .col-flex {
    border-right: 1px solid #698CA1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .yamm-content .col-flex:last-child {
    border-right: 0;
  }
}

@media (min-width: 62em) {
  /*min-width: 992px*/
}

@media (min-width: 75em) {
  /*min-width: 1200px*/
  /* -----------------------------------*/
  /* >>> TOC 4.1 - Home Page /#content-home /#content-home<<< */
  /* -----------------------------------*/
  .homeTabs .tab-content .tab-pane {
    min-height: 425px;
  }
  
  .welcomeMessage {
    height: 467px;
  }
}

/* -----------------------------------*/
/* >>> File Browser Tweak <<< */
/* -----------------------------------*/
#FB .FolderPreText,
#FB_FB_APPanel .FolderPreText,
#FB1_FB1_APPanel .FolderPreText,
#FB2_FB2_APPanel .FolderPreText,
#FB3_FB3_APPanel .FolderPreText,
#FB4_FB4_APPanel .FolderPreText,
#FB5_FB5_APPanel .FolderPreText,
#FB .FB_Footer,
#FB_FB_APPanel .FB_Footer,
#FB1_FB1_APPanel .FB_Footer,
#FB2_FB2_APPanel .FB_Footer,
#FB3_FB3_APPanel .FB_Footer,
#FB4_FB4_APPanel .FB_Footer,
#FB5_FB5_APPanel .FB_Footer,
#FB SPAN,
#FB_FB_APPanel SPAN,
#FB1_FB1_APPanel SPAN,
#FB2_FB2_APPanel SPAN,
#FB3_FB3_APPanel SPAN,
#FB4_FB4_APPanel SPAN,
#FB5_FB5_APPanel SPAN,
#FB H2,
#FB_FB_APPanel H2,
#FB1_FB1_APPanel H2,
#FB2_FB2_APPanel H2,
#FB3_FB3_APPanel H2,
#FB4_FB4_APPanel H2,
#FB5_FB5_APPanel H2 {
  display: none;
}

/* File Icon */
#FB_FB_APPanel IMG,
#FB1_FB1_APPanel IMG,
#FB2_FB2_APPanel IMG,
#FB3_FB3_APPanel IMG,
#FB4_FB4_APPanel IMG,
#FB5_FB5_APPanel IMG {
  margin-right: 8px;
}

/* File Container */
#FB_FB_APPanel LI,
#FB1_FB1_APPanel LI,
#FB2_FB2_APPanel LI,
#FB3_FB3_APPanel LI,
#FB4_FB4_APPanel LI,
#FB5_FB5_APPanel LI {
  list-style-type: none !important;
  margin: 8px 0 0 -40px;
  display: block;
  background-color: hsla(203, 22%, 84%, 0.17);
  /**ADJUST HUE**/
  padding: 10px 16px 6px 16px;
  border: 1px solid hsl(203, 22%, 84%);
  /**ADJUST HUE**/
}

UL.FB_FileListUL {
  margin-left: 20px;
}

#FB_FB_APPanel LI:hover,
#FB1_FB1_APPanel LI:hover,
#FB2_FB2_APPanel LI:hover,
#FB3_FB3_APPanel LI:hover,
#FB4_FB4_APPanel LI:hover,
#FB5_FB5_APPanel LI:hover {
  background-color: hsla(34, 100%, 65%, 0.17);
  /**ADJUST HUE**/
  cursor: default;
  border: 1px solid hsla(34, 100%, 65%, 0.39);
}

/* Link */
#FB_FB_APPanel LI A,
#FB1_FB1_APPanel LI A,
#FB2_FB2_APPanel LI A,
#FB3_FB3_APPanel LI A,
#FB4_FB4_APPanel LI A,
#FB5_FB5_APPanel LI A {
  text-decoration: underline;
}

/* Link */
#FB_FB_APPanel LI A:hover,
#FB1_FB1_APPanel LI A:hover,
#FB2_FB2_APPanel LI A:hover,
#FB3_FB3_APPanel LI A:hover,
#FB4_FB4_APPanel LI A:hover,
#FB5_FB5_APPanel LI A:hover {
  text-decoration: underline;
}

/* Description text */
#FB_F > UL > LI > DIV > DIV,
#FB1_F > UL > LI > DIV > DIV,
#FB2_F > UL > LI > DIV > DIV,
#FB3_F > UL > LI > DIV > DIV,
#FB4_F > UL > LI > DIV > DIV,
#FB5_F > UL > LI > DIV > DIV {
  font-size: 14px;
  color: #555;
  margin: 6px 0 0 28px;
  display: block;
}

/* -----------------------------------*/
/* >>> Emergency Alert  <<< */
/* -----------------------------------*/
#EmergencyAlert {
  background-color: red;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  color: #FFF;
  padding: 10px 0;
  z-index: 1;
  margin-bottom: ;
}

#EmergencyAlert P {
  font-size: 16px;
  line-height: 1.2;
  color: #FFF;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

#EmergencyAlert A {
  color: #FFF;
}

#EmergencyAlert A:hover {
  color: #FFD609;
}

/* Zebra list table */
.ContentTemp_Zebra {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid hsl(203, 60%, 80%);
  background-color: hsl(203, 100%, 97%);
  margin: 20px 0;
}

.ContentTemp_Zebra TH {
  /* Column headings */
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid hsl(203, 60%, 80%);
  border-left: 1px solid hsl(203, 60%, 80%);
  background-color: hsl(203, 100%, 90%);
}

.ContentTemp_Zebra TBODY TD {
  border-left: 1px solid hsl(203, 60%, 80%);
  padding: 8px;
  vertical-align: top;
}

.ContentTemp_Zebra TR:nth-child(even) {
  /* Needs jquery fallback */
  background-color: hsl(203, 100%, 99%);
}

.ContentTemp_Zebra TBODY P {
  margin: 0 0 4px 0;
}

/* -----------------------------------*/
/* >>> Google CSE<<< */
/* -----------------------------------*/
/* Fixes Issues with IMG Max Width Conflict*/
#GeoRSSMap IMG[src*="google"],
#GeoRSSMap IMG[src*="maps.gstatic"] {
  max-width: none !important;
}

/* end of IMG Max Width Conflict fix */
.gsc-control-cse.gsc-control-cse-en {
  background-color: transparent;
  border: 0;
  padding: 0;
}

INPUT#gsc-i-id1 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
}

.search INPUT.gsc-search-button-v2 {
  margin-left: -12px;
  margin-top: 5px;
}

INPUT.gsc-search-button,
INPUT.gsc-search-button:hover,
INPUT.gsc-search-button:focus {
  border-color: #07233C !important;
  background-color: #07233C !important;
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E);
  background-image: linear-gradient(top, #ffb14e, #ffb14e);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#ffb14e', EndColorStr='#ffb14e');
}

BODY.btdc INPUT.gsc-search-button,
BODY.btdc INPUT.gsc-search-button:hover,
BODY.btdc INPUT.gsc-search-button:focus {
  border-color: #00432E !important;
  background-color: #00432E !important;
}

.search .gsc-input-box {
  height: 27px;
  width: 100%;
  border: 1px solid #07233C;
  border-radius: 4px 0 0 4px;
}

.search [type="image"] {
  position: relative;
  box-sizing: content-box;
}

.search .cse INPUT.gsc-search-button,
INPUT.gsc-search-button {
  border-radius: 0px 4px 4px 0px !important;
}

/* Modal background Color */
.gsc-modal-background-image.gsc-modal-background-image-visible {
  background-color: #2F4865;
}

BODY.btdc .gsc-modal-background-image.gsc-modal-background-image-visible {
  background-color: #00432E;
}

/* Autocomplete font matching */
TABLE.gsc-completion-container {
  font-family: inherit;
}

.gsc-modal-background-image {
  position: fixed !important;
  top: 0px;
  left: 0px;
  height: 130%;
  width: 100%;
  z-index: 100001;
  background-color: #2F4865;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  display: none;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

/* Google Results Page Tweaks */
.search .gsc-selected-option-container {
  width: 100px !important;
}

.search .gsc-table-result,
.search-results .gsc-thumbnail-inside,
.search-results .gsc-url-top {
  padding-left: 0;
}

.search .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background-color: #2F4865 !important;
  /* Match to theme main color */
  color: #FFF !important;
}

.search .gsc-results .gsc-cursor-box .gsc-cursor-page {
  background-color: #FFF;
  color: #2F4865;
  /* Match to theme main color */
  border: 1px solid #A3DA95;
  /* Match to theme accent colors */
  padding: 3px;
}

.search .gsc-table-result {
  margin-left: 10px;
}

#gs_tti50 INPUT {
  height: 1.5em !important;
}

.search .gsc-webResult.gsc-result.gsc-promotion {
  border-color: #336699;
  background-color: #F7FBF6;
  padding: 10px;
}

.search INPUT.gsc-input {
  font-size: 13px;
  color: #000;
}

.search .gsc-results-wrapper-overlay {
  height: 85%;
  padding: 30px 10px 10px;
  width: 90%;
  top: 5%;
  left: 5%;
}

@media (min-width: 68em) {
  /*min-width: 1600px. Used to be 1328px*/
  /*Resets to default Google CSE declarations*/
  .search .gsc-results-wrapper-overlay {
    height: 80%;
    padding: 30px;
    width: 70%;
    top: 5%;
    left: 12%;
  }
}

/* -----------------------------------*/
/* >>> CALENDAR  <<< */
/* -----------------------------------*/
.calendar SELECT#ctl17_C_DDC_D {
  margin-right: 4px;
}

.calendar TABLE.GLOW_STYLE {
  margin-top: 10px;
}

TABLE.GLOW_STYLE TR TH {
  text-align: center;
  padding: 3px;
}

TABLE.GLOW_TITLE TD {
  background-color: #FCF3E1;
  font-weight: 700;
  padding: 7px;
}

TABLE.GLOW_TITLE {
  background-color: #FCF3E1;
  font-weight: 700;
  padding: 7px;
}

.calendar .GLOW_NEXTPREV A {
  color: #113251 !important;
  font-weight: 700;
  font-size: 20px;
}

/* -----------------------------------*/
/* >>> SLICKNAV  <<< */
/* -----------------------------------*/
#wrapper-internal ASIDE #sidebarLinks {
  background-color: #1A2732;
  /*border-bottom:12px solid #057AB4;*/
  border-radius: 0;
}

#wrapper-internal ASIDE .slicknav_menu {
  background-color: transparent;
}

#wrapper-internal ASIDE .slicknav_nav {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

#wrapper-internal ASIDE .slicknav_nav UL {
  list-style: none;
  padding-left: 5px;
  background-color: #314353;
}

#wrapper-internal ASIDE .slicknav_menu A.slicknav_btn {
  border-bottom: 1px solid #E7E8E9;
  background-color: #1A2732;
  border-radius: 0;
  display: block;
  float: left;
  font-weight: 600;
  margin: 0px 0px 4px 0px;
  padding: 8px 10px;
  text-transform: uppercase;
  width: 100%;
}

#wrapper-internal ASIDE .slicknav_menu .slicknav_menutxt {
  color: #FFF;
  text-shadow: none;
}

#wrapper-internal ASIDE .slicknav_menu .slicknav_icon {
  display: none;
}

#wrapper-internal ASIDE .slicknav_nav .slicknav_row,
#wrapper-internal ASIDE .slicknav_nav A {
  color: #FFF;
}

#wrapper-internal #sidebarLinks .slicknav_nav LI > A {
  padding: 6px;
  margin: 0 4px;
  border-bottom: 1px solid transparent;
}

#wrapper-internal #sidebarLinks .slicknav_nav LI > A:hover {
  border-bottom: 1px solid #E7E8E9;
}

.slicknav_nav .mega-menu-link {
  display: block;
}

#wrapper-internal #sidebarLinks .slicknav_nav LI UL A {
  /* padding-left: 14px; */
}

#wrapper-internal #sidebarLinks .slicknav_arrow {
  color: #FFF;
  font-weight: bold;
}

.slicknav_collapsed.slicknav_parent .slicknav_row,
.slicknav_open.slicknav_parent .slicknav_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* SubNav Background*/
#sideLinks .mega-menu-sub {
  background: red;
  border-left: 1px solid #C6C6C0;
  border-radius: 0 0 0 7px;
}

/*Hides default Nav produced by Mega Menu*/
ASIDE #menu2.mega-menu {
  display: none;
}

/* -----------------------------------*/
/* >>> DATATABLES <<< */
/* -----------------------------------*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #02324A !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #00314B;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00314B 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #00314B 0%, #111 100%);
  /* W3C */
}

.pagination > .active > A,
.pagination > .active > A:focus,
.pagination > .active > A:hover,
.pagination > .active > SPAN,
.pagination > .active > SPAN:focus,
.pagination > .active > SPAN:hover {
  z-index: 2;
  color: #FFF;
  cursor: default;
  background-color: #177CB2;
  border-color: #177CB2;
}

/* -----------------------------------*/
/* >>> QCONTENT EDITOR ICON <<< */
/* -----------------------------------*/
.q-cp-live-edit {
  /*z-index: 5;*/
}

/* -----------------------------------*/
/* >>> QContent Form Overrides <<< */
/* -----------------------------------*/
/* Form Tweaks */
INPUT#BS.uc-form-submit {
  background-color: #177CB2;
  color: #FFF;
  margin-top: 12px;
  padding: 6px 12px;
  border: 0px;
  border-radius: 4px;
}

INPUT#BS.uc-form-submit:hover {
  background-color: #032E47;
}

.uc-form-container BUTTON,
.uc-form-container INPUT,
.uc-form-container SELECT,
.uc-form-container TEXTAREA {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: inherit;
  line-height: inherit;
}

.uc-form-container INPUT[type="checkbox"],
.uc-form-container INPUT[type="radio"] {
  box-sizing: border-box;
  margin: 10px 6px 2px 4px;
  padding: 0;
}

.ui-datepicker {
  background: #EEE;
  border: 1px solid #DDD;
  padding: 8px;
}

.ui-datepicker-title {
  text-align: center;
  margin: 0 0 8px 0;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  background: #CCC;
  display: inline-block;
  padding: 4px 12px;
  margin: 0 0 8px 0;
  border-radius: 4px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  color: #FFF;
  background: #666;
  cursor: pointer;
}

.ui-datepicker-next {
  float: right;
}

.ui-datepicker-month,
.ui-datepicker-year {
  font-size: 1.25em;
  font-weight: 700;
  display: inline-block;
}

.ui-datepicker TH,
.ui-datepicker TD {
  border: 1px solid #666;
}

.ui-datepicker TH {
  color: #FFF;
  background: #999;
  padding: 2px;
}

.ui-datepicker TD {
  background: #EEE;
  border: 1px solid #999;
}

.ui-datepicker TD A {
  color: #333;
  background: #FFF;
  padding: 4px 8px;
  display: block;
  text-align: center;
  text-decoration: none;
}

.ui-datepicker TD A:hover {
  color: #FFF;
  background: #666;
}

/* -----------------------------------*/
/* >>> Slick Gallery (None Responsive) <<< */
/* -----------------------------------*/
.slick-photo-gallery {
  margin: 0px auto;
}

.slick-example-gallery IMG {
  width: auto;
  height: 382px;
  max-width: 575px;
  max-height: none;
  margin: 0 auto;
}

.slick-top {
  height: 40px;
  background: #143350;
  max-width: none;
  margin: 0;
  padding: 4px 10px;
}

.slick-photo-gallery P {
  padding: 10px;
}

.thumb-example-gallery .slick-slide IMG {
  max-width: 110px;
  height: 140px;
}

.thumb-example-gallery.slick-initialized.slick-slider {
  margin-bottom: 40px;
}

.slicknav_nav .slicknav_arrow {
  font-size: 1em;
  margin: 0 0 0 1em;
  color: #777;
}

/* -----------------------------------*/
/* >>> Slick Gallery (Responsive) <<< */
/* -----------------------------------*/
.slick-gallery .slick-next::before,
.slick-gallery .slick-prev::before {
  padding: 10px;
  height: 50px;
  width: 50px;
  background-color: #FFFFFF;
  font-size: 33px;
  border-radius: 50%;
  position: absolute;
  margin: 0 auto;
}

.slick-prev {
  left: 6px !important;
}

.slick-next {
  right: 56px !important;
}

.slick-gallery DIV:not(.thumb).slick-slider {
  background-color: rgba(0, 0, 0, 0.095);
}

.slick-gallery DIV:not(.thumb).slick-slider IMG {
  height: 210px !important;
  width: auto !important;
  margin: 0px auto;
}

.slick-gallery .thumb .slick-slide {
  height: 107px;
  overflow: hidden;
  margin: auto !important;
  background-color: rgba(0, 0, 0, 0.095);
}

.slick-gallery .thumb .slick-slide IMG {
  height: 136px !important;
  /** width: 147px; FIX THUMBNAIL VariableWidth **/
  margin: 0px auto;
  border: 1px solid transparent;
  border-width: 0px 1px;
}

.slick-gallery BUTTON {
  visibility: hidden;
}

@media (min-width: 48em) {
  /*768px*/
  .slick-gallery DIV:not(.thumb).slick-slider IMG {
    height: 263px !important;
  }
  
  .slick-gallery BUTTON {
    visibility: visible;
  }
}

@media (min-width: 62em) {
  /*992px*/
  .slick-gallery DIV:not(.thumb).slick-slider IMG {
    height: 604px !important;
  }
  
  .slick-gallery .thumb .slick-slide {
    height: 134px;
  }
  
  .slick-gallery .thumb .slick-slide IMG {
    /** height: 134px !important;
                            																																																								                                            width: 175px;  FIX THUMBNAIL VariableWidth **/
  }
}

/* -----------------------------------*/
/* >>> News Feed Items  <<< */
/* -----------------------------------*/
.NEWS_FEED_DISPLAY_TITLE {
  color: #02324A;
  font-weight: bold;
}

.NEWS_FEED_DISPLAY_ROW_TITLE,
.wrapper_news .ulevents LI {
  padding: 10px;
  background: #F6F6F6;
  margin-bottom: 6px;
}

#wrapper-internal .NEWS_FEED_DISPLAY_LINK_ARCHIVE {
  background-color: #1279BB;
  padding: 8px;
  color: #FFF;
  font-size: 1.4rem;
  margin-top: 1rem;
  display: inline-block;
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity 
*/
/* -----------------------------------*/
/* >>> Forms  <<< */
/* -----------------------------------*/
/*Fix for long URL strings*/
MAIN .ContentTemp_MainCol TABLE A {
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  /*white-space: normal;*/
}

/* -----------------------------------*/
/* >>> Knowledge Base  <<< */
/* -----------------------------------*/
SPAN#KBUC_KBR A {
  color: #298BC7;
}

A.login_link {
  color: #298BC7;
}

.qapf_wrapper H1 {
  margin: 8px 0 24px 8px;
}

/* -----------------------------------*/
/* >>> CALENDAR  <<< */
/* -----------------------------------*/
.calendar .GLOW_NEXTPREV A {
  font-weight: 700;
  font-size: 20px;
}

/*Large Calendar*/
TABLE.GLOW_STYLE {
  margin-top: 8px;
}

TABLE.GLOW_STYLE TR TH {
  text-align: center;
  padding: 4.5px;
  background-color: #177CB2;
  color: #FFF;
  font-weight: lighter;
}

TABLE.GLOW_TITLE TD {
  background-color: #06223C;
  font-weight: 700;
  padding: 7px;
  text-transform: uppercase;
  color: #FFF;
}

TABLE.GLOW_TITLE {
  background-color: #FCF3E1;
  font-weight: 700;
  padding: 7px;
}

TABLE.GLOW_STYLE .GLOW_NEXTPREV A {
  border-bottom: 0px;
}

/* TriMonth Calendar */
/*Hide 2 future months*/
TABLE[id$='_TM'] > TBODY > TR:nth-child(n+2) {
  display: none;
}

TABLE[id$='_TM'] TD.GLOW_NORMAL,
TABLE[id$='_TM'] TD.GLOW_WEEKEND,
TABLE[id$='_TM'] TD.GLOW_OTHER_MONTH,
TABLE[id$='_TM'] TABLE.GLOW_STYLE > TBODY > TR > TH {
  border: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

TABLE[id$='_TM'] TD.GLOW_TODAY {
  height: auto !important;
  width: auto !important;
  padding-top: 10px;
  background-color: #307CCC;
  color: #FFF;
  border: 0;
}

TABLE[id$='_TM'] TD.GLOW_TODAY A.GLOW_LINK {
  color: #FFF;
}

/*Specific Day Event display (requires .calendar-event wrapper)*/
.calendar-event.slide {
  display: block !important;
  height: 100% !important;
  overflow: visible !important;
}

.calendar-event .rootGroup SPAN.text {
  margin-top: 10px;
  border: none !important;
}

.calendar-event .rootGroup {
  border: none !important;
}

.calendar-event .rootGroup .link {
  background: 0 0 !important;
}

.calendar-event .rootGroup .selected .text,
.calendar-event .rootGroup .text {
  font-weight: 400;
  font-family: inherit;
  font-size: 14px;
  background: #003260 !important;
  color: #FFF;
  padding: 5px 8px;
  border-radius: 5px;
  margin-bottom: 10px;
  display: inline-block !important;
}

.calendar-event .image {
  display: none;
}

.calendar-event .q-event-row TD {
  display: inline-block;
}

.calendar-event .q-event-row TD:first-of-type {
  padding-right: 8px;
  padding-bottom: 10px;
}

.calendar-event .rootGroup .expanded {
  background: 0 0 !important;
}

.calendar-event .panelbar .group {
  display: block !important;
}

.calendar-event .rootGroup .text,
.calendar-event .selected .text {
  font-weight: 400 !important;
  cursor: text !important;
}

.calendar-event .link {
  cursor: text !important;
}

.calendar-event .RadPanelbar_Default {
  white-space: normal;
}

.q-event-data P {
  text-align: left !important;
}

SPAN#ctl24_C {
  display: block !important;
}

/* ------------------------- MASTER CALENDAR ----------------------- */
/* ---------------------------------------------------------------- */
.MASTERCAL_STYLE {
  width: 270px;
  font-size: 13px;
  margin: 20px 0 20px 20px;
}

TABLE.MASTERCAL_STYLE {
  background: transparent !important;
  border: 1px solid #00344F !important;
}

TABLE.MASTERCAL_STYLE > TBODY > TR:nth-child(1) > TD {
}

.MASTERCAL_TITLE {
  background: #FFF;
  font-weight: bold;
  color: #033649;
  font-size: 13px;
}

.MASTERCAL_NEXTPREV A {
  color: #FFF !important;
  text-decoration: none;
  font-size: 15px;
  display: block;
  text-align: center;
}

.MASTERCAL_NEXTPREV:first-child {
  border-right: 1px solid #C5C6C0;
}

.MASTERCAL_NEXTPREV:last-child {
  border-left: 1px solid #C5C6C0;
}

.MASTERCAL_STYLE TH {
  border: none !important;
  font-size: 9px;
  text-transform: uppercase;
  color: #FFF;
  background: #1F89C9;
  font-weight: normal;
  text-align: center;
  height: 30px;
}

TR .MASTERCAL_OTHER_MONTH {
}

.MASTERCAL_TITLE TD {
  padding: 5px 0px !important;
  background-color: #02354E;
  color: #FFF;
  font-weight: normal;
}

TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_OTHER_MONTH,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_NORMAL,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_WEEKEND,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_TODAY {
  font-size: 13px;
  font-weight: normal;
  border: 0px solid #C5C6C0;
  color: #000;
  padding: 1px !important;
  text-align: center !important;
  background-color: #FFF;
  height: 30px !important;
  vertical-align: middle;
}

TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_OTHER_MONTH A,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_NORMAL A,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_WEEKEND A,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_TODAY A {
  clear: both;
  display: block;
  position: relative;
  color: #FFF;
  background-color: #033649;
  font-weight: normal !important;
  vertical-align: middle;
  line-height: 30px;
}

TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_OTHER_MONTH:hover,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_NORMAL:hover,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_WEEKEND:hover,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_TODAY:hover {
  color: #FFF !important;
  font-weight: bold !important;
  background: #033649;
  -webkit-transition: all .25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_OTHER_MONTH:hover A,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_NORMAL:hover A,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_WEEKEND:hover A,
TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_TODAY:hover A {
  color: #FFF !important;
}

.MASTERCAL_OTHER_MONTH TD,
.MASTERCAL_TODAY TD,
.MASTERCAL_WEEKEND TD,
.MASTERCAL_SELECTED TD,
.MASTERCAL_NORMAL TD {
  text-align: left;
  font-size: 13px;
}

TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_OTHER_MONTH {
  background: #FFFFFF !important;
  color: #999;
}

TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_TODAY {
  color: #FFF;
  background: #1087CC;
  font-weight: bold;
}

.MASTERCAL_TODAY A {
  color: white !important;
  font-size: 13px;
  background: #000 !important;
}

.MASTERCAL_SELECTED {
  border: none;
  background: #002850;
  color: #FFF;
  vertical-align: middle;
  line-height: 44px;
}

.MASTERCAL_SELECTED A {
  color: #FFF;
}

TABLE.MASTERCAL_STYLE > TBODY > TR > TD.MASTERCAL_WEEKEND {
  color: #000;
  font-weight: normal;
  background-color: #F1F1F1;
}

A:visited.MASTERCAL_LINK {
  text-decoration: none;
}

A:link.MASTERCAL_LINK {
  text-decoration: none;
}

.GLOW_NORMAL TABLE A,
.GLOW_WEEKEND TABLE A {
  background-color: #088ABB;
  display: block;
  padding: 3px;
  text-decoration: none;
  color: #FFF !important;
  margin-bottom: 2px;
}

.GLOW_NORMAL TABLE A:hover,
.GLOW_WEEKEND TABLE A:hover {
  background-color: #054E6A;
}

.GLOW_TODAY {
  background-color: #E5E5E5;
  color: #000;
}

/* ------------------------- SMALL CALENDAR ----------------------- */
/* ---------------------------------------------------------------- */
.SMALLCAL_STYLE {
  width: 240px;
}

TABLE.SMALLCAL_STYLE {
}

TABLE.SMALLCAL_STYLE > TBODY > TR:nth-child(1) > TD {
}

.SMALLCAL_TITLE {
  background: #FFF;
  font-weight: bold;
  color: #033649;
  font-size: 13px;
}

TD.SMALLCAL_NEXTPREV {
  padding: 0px;
}

.SMALLCAL_NEXTPREV A {
  color: #FFF !important;
  text-decoration: none;
  font-size: 15px;
  display: block;
  text-align: center;
}

.SMALLCAL_NEXTPREV:first-child {
  border-right: 1px solid #C5C6C0;
}

.SMALLCAL_NEXTPREV:last-child {
  border-left: 1px solid #C5C6C0;
}

.SMALLCAL_STYLE TH {
  border: none !important;
  font-size: 9px;
  text-transform: uppercase;
  color: #FFF;
  background: #177CB2;
  font-weight: normal;
  text-align: center;
  height: 30px;
}

TR .SMALLCAL_OTHER_MONTH {
}

.SMALLCAL_TITLE TD {
  padding: 5px 0px;
  background-color: #07233C;
  color: #FFF;
  font-weight: normal;
}

TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_OTHER_MONTH,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_NORMAL,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_WEEKEND,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_TODAY {
  font-size: 13px;
  border: 0px solid #C5C6C0;
  color: #000;
  padding: 1px;
  background-color: #FFF;
  height: 30px !important;
  vertical-align: middle;
}

TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_OTHER_MONTH A,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_NORMAL A,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_WEEKEND A,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_TODAY A {
  clear: both;
  display: block;
  position: relative;
  color: #177CB2;
  /*background-color: #033649;*/
  font-weight: bold;
  vertical-align: middle;
  line-height: 30px;
}

TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_OTHER_MONTH:hover,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_NORMAL:hover,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_WEEKEND:hover,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_TODAY:hover {
  color: #FFF;
  font-weight: bold !important;
  background: #07233C;
  padding: 1px;
  box-sizing: border-box;
  -webkit-transition: all .25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_OTHER_MONTH:hover A,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_NORMAL:hover A,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_WEEKEND:hover A,
TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_TODAY:hover A {
  color: #FFF !important;
}

.SMALLCAL_OTHER_MONTH TD,
.SMALLCAL_TODAY TD,
.SMALLCAL_WEEKEND TD,
.SMALLCAL_SELECTED TD,
.SMALLCAL_NORMAL TD {
  text-align: left;
  font-size: 13px;
}

TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_OTHER_MONTH {
  background: #FFFFFF !important;
  color: #999;
  height: 0px !important;
}

TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_TODAY {
  color: #FFF;
  background: #00344F;
  font-weight: bold;
}

.SMALLCAL_TODAY A {
  color: #FFF !important;
  background: #177CB2 !important;
}

.SMALLCAL_SELECTED {
  border: none;
  background: #002850;
  color: #FFF;
  vertical-align: middle;
  line-height: 44px;
}

.SMALLCAL_SELECTED A {
  color: #FFF;
}

TABLE.SMALLCAL_STYLE > TBODY > TR > TD.SMALLCAL_WEEKEND {
  color: #000;
  font-weight: normal;
  background-color: #F1F1F1;
}

A:visited.SMALLCAL_LINK {
  text-decoration: none;
}

A:link.SMALLCAL_LINK {
  text-decoration: none;
}

.GLOW_STYLE .GLOW_OTHER_MONTH {
  height: 0 !important;
  padding: 0 !important;
}

/*Calendar select styling*/
[name="ctl23$C$DDC$D"],
[name="ctl23$C$ctl03$ctl00"] {
  margin: 10px;
}

/* -----------------------------------*/
/* >>> DataTable  <<< */
/* -----------------------------------*/
TABLE.dataTable {
  width: 100% !important;
}