#view-source {
position: fixed;
display: block;
right: 0;
bottom: 0;
margin-right: 40px;
margin-bottom: 40px;
z-index: 900; }


a {
color: #0f4880;
text-decoration: underline; 
}

a:visited{
color: #804180;
}

a:hover {
background-color: #0f4880;
color: white;
}




.mdl-layout--fixed-drawer {
height: unset; }

.mdl-layout--fixed-drawer label.mdl-button.mdl-js-button.mdl-button--icon i {
color: #ffffff; }

.mdl-layout--fixed-drawer p {
font-size: 12pt; }

.mdl-layout--fixed-drawer p.spc-heading {
font-size: 34px;
line-height: 40.8px; }

.mdl-layout--fixed-drawer h1 {
font-family: 'Roboto', sans-serif;
font-size: 36pt;
letter-spacing: -0.5;
line-height: 1.1;
font-weight: bold; }

.mdl-layout--fixed-drawer h2 {
font-family: 'Roboto', sans-serif;
font-size: 26pt;
letter-spacing: 0.15;
margin: 0px 0;
line-height: 1.2; }

.mdl-layout--fixed-drawer h3 {
font-size: 16pt;
line-height: 1.3;
font-weight: bold; }

.mdl-layout--fixed-drawer h4 {
font-size: 16pt;
line-height: 1.3; }

.mdl-layout--fixed-drawer h5 {
font-size: 20pt; }

.mdl-layout--fixed-drawer li {
font-size: 12pt; }

.mdl-layout--fixed-drawer .material-icons {
color: #35515F; }

.mdl-layout--fixed-drawer .material-icons.tax-icons {
height: auto;
width: 42px;
margin-left: unset;
margin-right: 8px !important; }

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) .mdl-layout__header {
margin-left: 0px;
width: 100%; }

.mdl-layout--fixed-drawer a.mdl-button.mdl-js-button.mdl-js-ripple-effect {
background-color: #FFEB3B;
color: #333;
margin-right: 10px; }

.mdl-layout--fixed-drawer a.mdl-button.mdl-js-button.mdl-js-ripple-effect.green-button {
background-color: #087F23;
color: #ffffff;
margin-top: 10px; }
.mdl-layout--fixed-drawer a.mdl-button.mdl-js-button.mdl-js-ripple-effect.green-button:hover{
	background-color: #005100;
}
.mdl-layout--fixed-drawer a.mdl-button.mdl-js-button.mdl-js-ripple-effect.green-button .material-icons {
margin-left: 10px;
font-size: 18px; }

.mdl-layout--fixed-drawer .mdl-layout__header {
position: fixed;
z-index: 7;
cursor: pointer; }

@media screen and (min-width: 1024px) {
.mdl-layout--fixed-drawer .mdl-layout__header .mdl-layout__drawer-button {
display: none; }
 }

.mdl-layout--fixed-drawer .mdl-layout__header .mdl-layout__header-row {
background-color: #35515F; }

.mdl-layout--fixed-drawer .mdl-layout__header .mdl-layout__header-row .mdl-layout-title {
color: #ffffff; }

.mdl-layout--fixed-drawer .mdl-layout__header .mdl-textfield__input {
color: #ffffff; }

.mdl-layout--fixed-drawer .mdl-layout__drawer {
position: fixed;
/*top: 64px; fix another way*/ }

.mdl-layout--fixed-drawer .mdl-layout__drawer .mdl-navigation {
padding-top: 80px; }

.mdl-layout--fixed-drawer .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
padding: 20px 16px;
width: 208px !important;
color: #333 !important;
text-overflow: ellipsis;
overflow: hidden;
height: 1.2em;
white-space: nowrap; }

.mdl-layout--fixed-drawer .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
background: #e0e0e0; }

.mdl-layout--fixed-drawer .mdl-layout__drawer .mdl-navigation .mdl-navigation__link i {
color: #35515F;
font-size: 30px; }

.mdl-layout--fixed-drawer .mdl-layout__drawer .mdl-navigation .mdl-navigation__link span {
overflow: hidden;
text-overflow: ellipsis;
white-space: normal; }

.mdl-layout--fixed-drawer .mdl-layout__drawer .mdl-navigation .mdl-navigation__link .small-icons {
margin-left: 9px;
margin-right: 10px !important; }

.mdl-layout--fixed-drawer .mdl-layout__drawer .mdl-navigation hr {
border-width: 2px; }

.mdl-layout--fixed-drawer .mdl-layout__content {
margin-top: 64px; }

@media screen and (max-width: 1024px) {
.mdl-layout--fixed-drawer .mdl-layout__content {
margin-top: 58px; }
 }

.mdl-layout--fixed-drawer .mdl-layout__content main {
min-height: calc(100vh - 196px); }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-grid {
align-items: start; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card {
padding: 12px !important;
min-height: unset; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card .mdl-card-header-cont {
display: flex;
width: 100%; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card .mdl-card-header-cont .mdl-card-head-icon {
padding-top: 6px; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card .mdl-card-header-cont .mdl-card__title {
-webkit-align-items: unset;
-ms-flex-align: unset;
align-items: unset;
flex-direction: column;
padding: 6px 0;
line-height: normal;
width: 100%; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card .mdl-card__title-text {
color: #333;
font-size: 16pt;
font-family: 'Roboto', sans-serif;
letter-spacing: 0;
line-height: normal;
font-weight: bold;
width: 100%; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card .mdl-card__subtitle-text {
line-height: 20px;
font-size: 12pt;
width: 100%; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card .mdl-card__supporting-text {
color: #333;
font-size: 16px;
font-family: 'Roboto', sans-serif;
letter-spacing: 0;
padding-top: 0px;
padding: 10px 0; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card .mdl-card__title-text {
-webkit-align-self: flex-start;
-ms-flex-item-align: end;
align-self: flex-start; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card .mdl-card__actions {
padding: 8px 0; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card .material-icons {
color: #ffffff; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.voter-card {
min-height: unset; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.voter-card .mdl-card__title {
padding: 0px;
margin: 0 auto; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.voter-card .mdl-card__title h2.mdl-card__title-text {
margin: 10px auto;
font-weight: bold; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.voter-card .mdl-card__title h2.mdl-card__title-text.number-count {
font-weight: bold;
font-size: 50px;
color: #35515F;
margin: 0px auto; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.voter-card .mdl-card__supporting-text {
width: 100%; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.youtube-card {
padding: 0px !important; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.yellow-card {
padding: 8px;
background: #FFFF72; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.yellow-card a {
display: block;
margin-right: 0px !important;
text-align: left; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.yellow-card a i {
padding-right: 3px; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.yellow-card .mdl-card__supporting-text {
text-align: center;
font-size: 13px;
width: 100%; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.yellow-card .material-icons {
color: #333; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.yellow-card .mdl-button {
padding: 0px 6px;
font-size: 12px; }

.mdl-button.mdl-shadow--2dp.mdl-js-button.mdl-js-ripple-effect:hover {
background-color: #c8b900;
color: black;
}

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.link-card span {
margin-bottom: 10px;
display: inline-block; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.link-card li {
padding-top: 20px;
margin: 0px; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.link-card li a {
color: #333; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.mdl-links-card {
min-height: unset; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.mdl-links-card .mdl-card__supporting-text {
padding: 5px;
width: 100%; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.mdl-links-card a {
padding: 10px 0;
display: flex;
align-items: center;
text-decoration: none;
text-transform: uppercase;
/*color: #35515F;*/
font-size: 14px;
font-weight: unset; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.mdl-links-card a i {
margin-right: 10px; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.side-image-card .mdl-card-header-cont {
justify-content: space-between; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.side-image-card .mdl-card-header-cont .mdl-card-side-image img {
height: 160px;
width: auto; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.full-width-image-card .mdl-card-full-width-image {
margin-top: 10px; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.full-width-image-card .mdl-card-full-width-image img {
margin-left: -12px;
width: calc(100% + 24px); }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.item-list-card hr {
width: calc(100% + 24px);
margin-left: -12px; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.item-list-card .mdl-card__title-text {
font-size: 14pt;
font-weight: normal; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.item-list-card i {
margin-right: 0.5em;
color: gold !important;
font-size: 30px; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.item-list-card .item-list-header {
margin-bottom: 0.5em;
margin-left: 0.2em; }

.mdl-layout--fixed-drawer .mdl-layout__content main .mdl-card.item-list-card .mdl-card-header-cont {
margin-left: 0.5em; }

.mdl-layout--fixed-drawer .mdl-layout__content main td.list-date.small {
min-width: 150px; }

.mdl-layout--fixed-drawer .mdl-layout__content main table.category {
line-height: 25px; }

.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer {
color: #ffffff;
background-color: #35515F;
flex-flow: column wrap;
padding: 12px 16px; }

.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .mdl-grid {
display: inline-flex;
margin: 0; }

.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .mdl-grid .middle {
text-align: center; }

.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .mdl-grid .mdl-cell.right {
text-align: right; }

@media screen and (max-width: 839px) {
.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .mdl-grid .mdl-cell.right {
text-align: center; }
 }

.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .bottom-footer-section {
text-align: center;
justify-content: center; }

.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .mdl-mega-footer__link-list {
margin: 0px; }

.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .mdl-mega-footer__social-btn {
background-color: unset; }

/*.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .mdl-mega-footer__social-btn i.fa {
color: #ffffff;
font-size: 30px; }*/

/*.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .mdl-mega-footer__social-btn i.fa-youtube-play {
transform: scale(1, 1.2); }*/

.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .mdl-mega-footer__social-btn svg.svg-inline--fa {
    color: #ffffff;
    font-size: 30px;
}

.mdl-layout--fixed-drawer .mdl-layout__content .mdl-mini-footer .mdl-mega-footer__social-btn svg.svg-inline--fa.fa-youtube {
transform: scale(1, 1.2); }

.mdl-layout--fixed-drawer .accordionGroup {
float: left;
box-sizing: border-box; }

.mdl-layout--fixed-drawer .accordionGroup .accordionItem {
float: left;
display: block;
width: 100%;
box-sizing: border-box;
font-family: 'Open-sans',Arial,sans-serif; }

.mdl-layout--fixed-drawer .accordionGroup .accordionItem.close {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 10px; }

.mdl-layout--fixed-drawer .accordionGroup .accordionItemHeading {
cursor: pointer;
border: 1px solid #ddd;
padding: 10px;
background: #fafafa;
color: #000;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
line-height: 30px;
font-size: 20px;
font-weight: 500;
letter-spacing: .02em; }

.mdl-layout--fixed-drawer .accordionGroup .close .accordionItemQuestion {
height: 0px;
transition: height 1s ease-out;
-webkit-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
float: left;
display: block; }

.mdl-layout--fixed-drawer .accordionGroup .open .accordionItemQuestion {
padding: 20px;
background-color: #fafafa;
border: 1px solid #ddd;
border-top: unset;
width: 100%;
margin: 0px 0px 10px 0px;
display: block;
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: top;
-o-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: -webkit-transform 0.4s ease-out;
-o-transition: -o-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease;
box-sizing: border-box; }

.mdl-layout--fixed-drawer .accordionGroup .close .accordionItemContent {
height: 0px;
transition: height 1s ease-out;
-webkit-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
float: left;
display: block;
box-sizing: border-box; }

.mdl-layout--fixed-drawer .accordionGroup .open .accordionItemContent {
padding: 20px;
background-color: #fafafa;
border: 1px solid #ddd;
width: 100%;
margin: 0px 0px 10px 0px;
display: block;
box-sizing: border-box; }

.mdl-layout--fixed-drawer .accordionGroup .open .accordionItemHeading {
margin: 0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background-color: #fafafa;
border-bottom: unset;
color: black; }

.mdl-layout--fixed-drawer .accordionGroup a.accordionItemExtra {
margin-bottom: 20px;
font-size: 18px;
text-decoration: none;
height: 100px;
line-height: 100px; }

.mdl-layout--fixed-drawer .accordionGroup a.accordionItemExtra > i {
color: #40c4ff !important;
vertical-align: middle;
margin-right: 10px; }

.mdl-layout--fixed-drawer .accordion {
position: relative;
width: 100%;
overflow: hidden; }

.mdl-layout--fixed-drawer .accordion-content {
max-height: 0;
overflow: hidden;
background: #eaeaea;
-webkit-transition: max-height .35s;
-o-transition: max-height .35s;
transition: max-height .35s; }

.mdl-layout--fixed-drawer .accordion {
background: #eaeaea; }

.mdl-layout--fixed-drawer .accordion input {
position: absolute;
opacity: 0;
z-index: -1; }

.mdl-layout--fixed-drawer .accordion input:checked ~ label {
background: #eaeaea; }

.mdl-layout--fixed-drawer .accordion input:checked ~ .accordion-content {
max-height: none;
padding: 0em 4em 1em 3em; }

.mdl-layout--fixed-drawer .accordion label {
position: relative;
display: block;
padding: 0em 2em 0em 2em;
font-weight: bold;
cursor: pointer;
border-top: 1px solid #D6D6D6;
line-height: 21pt;
margin-bottom: 0px; }

.mdl-layout--fixed-drawer .accordion:last-child {
border-bottom: 1px solid #D6D6D6;
margin-bottom: 60pt; }

.mdl-layout--fixed-drawer .accordion label::after {
position: absolute;
right: 0;
top: 25px;
display: block;
width: 3em;
height: 3em;
text-align: center;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
line-height: 14px;
font-size: 12pt;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

.mdl-layout--fixed-drawer .accordion > input[type=checkbox] + label::after {
content: "\f067"; }

.mdl-layout--fixed-drawer .accordion > input[type=checkbox]:checked + label::after {
content: "\f068"; }


.iframe-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0; }


.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }


@supports (-ms-ime-align: auto) {
.demo-content {
max-width: 80%; }

.mdl-cell {
margin: 5px; }
 }


.mdl-layout-title {
display: flex;
align-items: center; }


.banner-alert {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 30px;
padding-left: 30px; }

.banner-alert .banner-content {
padding: 1em 0;
max-width: 80%;
font-size: 12pt;
font-family: 'Roboto', 'Helvetica', sans-serif; 
}

.banner-alert .banner-buttons .mdl-button {
margin-top: 0px !important;
background-color: unset !important; }


.banner-alert .banner-buttons .mdl-button.green-button {
background-color: #087F23 !important; }

.banner-alert .banner-buttons .mdl-button.green-button:hover {
background-color: #005100 !important; }

.hasTooltip {
  display:none;
}

#categorylist_header_title {
  display:none;
}

#categorylist_header_date {
  display:none;
}

.visually-hidden {
  display:none;
}

.list-title {
  text-align: left;
}
/*20240924 - Khoa - Visually hidden #adminForm*/
/*#adminForm {
  display:none;
}*/

/*** Skip to main content link 06/16/25 ***/
a.skip-link {
  position: absolute;
  left: -999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
  display: block; 
}

a.skip-link:focus,
a.skip-link:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid yellow;
  text-align: center;
  font-size: 1.2em;
  z-index: 9999;
}

/* Button and Links Focus 6/18/25*/
a:focus,
button:focus,
[tabindex]:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 2px solid #005fcc; /* Customize color */
  outline-offset: 2px;
  border-radius: 4px; 
}

:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
  border-radius: 4px;
}

:focus:not(:focus-visible) {
  outline: none;
}