/* 
Design by: Hailey Day of HeyDay Creative, heydaycreative.com
Client: State Bill Colorado, statebillinfo.com
Developed: Sept 2015

2023, 2024 New design: Circuit Media

COLORS:
Navy	#1D2A5C
Red		#BB141A
Cyan	#157EC1 => #1571C1 in white or #155D94 in blue due to color contrast accessibility 
Green	#2FA142
Tips	#88A5B6

*/

/* -------------------- CUSTOM FONTS -------------------- */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic|Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700|Roboto+Slab:400,700,300,100);

/* -------------------- GENERAL -------------------- */
* {margin: 0; padding: 0;}
body {font: 400 1em/1.25 'Lato', 'Open Sans', Helvetica, sans-serif; color: #222; text-align: center; position: relative; background-color: #fafafa; } /* 15px/20px */
.links{
    text-decoration: underline;
}
.icon-links{
    text-decoration: none;
}

/* -------------------- LAYOUT ------------------ */
#wrapper {text-align: center; margin: 0 auto; width: 100%; background-color: #fff; padding: 0; -webkit-box-shadow: 0px 0px 20px 5px rgba(187,187,187,1); -moz-box-shadow: 0px 0px 20px 5px rgba(187,187,187,1); box-shadow: 0px 0px 20px 5px rgba(187,187,187,1);}
#stage {text-align: left; margin: 0 auto; padding-bottom: 50px;}
.visually-hidden { 
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
    clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
    clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
    white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}

#homepage .content.main {width: 100%;}
.content.main {width: 60%;}
.content.main.full {width: 100%;}
.full.left-page, .full .left-page{
	margin-right: 5%;
}
.content.sidebar {width: 35%;}
.content.main.left, .content.sidebar.left {float: left;}
.content.main.right, .content.sidebar.right {float: right;}

.popup {text-align: center; width: 90%; padding: 20px; margin: auto;}
.popup h2:before {text-align: center; margin: 0 auto 10px;}
.popup table {border: 2px solid #1D2A5C; width: 80%;}
.popup table td {padding: 5px 10px;}
.popup textarea {width: 100%;}

/* Jquery UI classes */
.ui-layout-north {min-height: 0;}
.ui-layout-center {}
.ui-dialog .ui-dialog-titlebar { border: 0; background: #1D2A5C; color:white; font-size: 85%; }
.ui-dialog .ui-dialog-content { font-size: 75%; }
.ui-dialog .ui-dialog-buttonpanel { display: none; }
.ui-dialog .closeButton { float:right; }
.ui-dialog .alert { text-align:left; height: 4em; }

.div-whitebg{
	background-color: #FFFFFF; 
	margin-top: 20px;
	padding: 20px 5%;
}

.marginR5{
    margin-right: 5% !important;
}
.marginTop{
    margin-top: 20px;
}

/* -------------------- Dropdown menu within the page ------------------ */
.page-dropdown {
    display: inline-block;
    position: relative;
    font: 400 0.8em 'Lato', Helvetica, sans-serif;
    color: #444;
    margin-top: -5px;
  }
  #select-btn{
      width: auto;
      font-size: 1em;
      border: 1px solid #DDD;
      color: #000000;
      background-color: #FAFAFA;
      text-transform: capitalize;
  }
  .box-btn {
      display: flex;
      align-items:center;
  }
  .box-btn img{
      margin-left: 10px;
  }
  .page-dropdown-content {
    visibility: hidden;
    margin-top: -5px;
    position: absolute;
    width: 100%;
    overflow: auto;
    border: 1px solid #DDD;
    background-color: #FFFFFF;
    z-index: 1;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
    transition: all 0s;
  }
  .page-dropdown:hover .page-dropdown-content {
    display: block;
    visibility: visible;
    transition-delay: 0.2s;
  }
  .page-dropdown-content a {
    display: block;
    color: #000000;
    padding: 5px;
    text-decoration: none;
  }
  .page-dropdown-content a:visited {
    display: block;
    color: #000000;
    padding: 5px;
    text-decoration: none;
  }
  .page-dropdown-content a:hover {
    color: #FFFFFF;
    background-color: #1d2a5c;
  }

/* -------------------- HEADER ------------------ */
header {clear: both; position: relative; min-height: 80px;}
hr.solid {
	border-top: 10px solid #BB141A;
	margin-top: -1px;
}

/* header .logo img {max-width: 310px;} */

header .logo.public {float: none; margin: 15px auto 10px;}
header .logo.public img {max-width: 450px;}

/* -------------------- Top Navigation Menu ------------------ */
div.topnav{
    text-align: center;
}
div.topnav .topnav-div{
    display: inline-block;
}

.topnav {
    overflow: hidden;
    background-color: #1D2A5C; 
    color: #ffffff;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 18px; 
    font-weight: 500;
}

.topnav a:hover, .dropdown:hover .dropbtn {
    text-decoration: underline;
}

.topnav a:visited {
    color: #ffffff; 
    text-decoration: none;
}

.activeMenu {
    border-bottom: 2px solid white;
}

.topnav .icon {
    display: none;
} 

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    color: white;
    padding: 9px 16px;
    background-color: inherit;
    font-size: 18px; 
    font-weight: 500;
    text-transform: capitalize;
}

.dropbtn:focus-visible, .topnav a:focus-visible{
    outline: 2px solid white;
    outline-offset: -5px;
    border-radius: 8px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #F2F2F2;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
    text-transform: capitalize;
}

.dropdown-content a {
    float: none;
    color: #1D2A5C; 
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    text-transform: capitalize;
}

.dropdown-content a:focus-visible{
    outline: 2px solid black;
    border-radius: 3px;
}

.dropdown-content a:visited {
    color: #1D2A5C; 
    text-decoration: none;
}

.dropdown-content a:hover {
    text-decoration: underline;
} 

/* -------------------- Tab Mode ------------------ */
.tabs {
	padding-top: 30px;
	display: flex;
	flex-direction: row;
	background-color: #FFFFFF;
}

.tab {
	width: 25%;
	height: 0;
	color: #1D2A5C;
	border-bottom: 50px solid #8F9CC7;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-top-left-radius: 5px;
	box-sizing: border-box;
	display: block;
}

.tab:not(:first-child) {
	margin-left: -10px;
	z-index: 0;
}
.tab:not(.activePage) a{
	text-decoration: none;
}

.tab .label{
	padding: 15px;
	text-align: center;
	color: #8F9CC7;
}

.tablink{
	color: #1D2A5C !important;
	font-weight: bold;
}

.activePage {
	border-bottom: 50px solid #CAD0E5;
	z-index: 1 !important;
}
.activePage .tablink{
	color: #1D2A5C !important;
	font-weight: bold;
	border-bottom: 2px solid #1d2a5c;
}
.bg-blue{
	background-color: #CAD0E5;
}

/* -------------------- Pop-up Helper ------------------ */
.helpPopup {
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
}
.popup-content {
	background-color: white;
	margin: 10% auto;
	padding: 20px;
	border: 1px solid #888888;
	width: 50%;
	font-weight: bolder;
}
.popup-content button {
	display: block;
	margin: 0 auto;
}
.show {
	display: block;
}
#closePopup1{
	background-color: transparent;
	color: black;
	text-align: right;
	font-size: 20px;
	width: 100%;
}

/* -------------------- Add New Dossier2 Report ------------------ */
.report {background-color: #F2F2F2; padding: 20px;}
.report, .report tr, .report td, .report thead, .report tbody {display: block!important;}
/* .report tr {float: left!important; width: 50%!important;} */
.report label{font-weight: 400; color: #000000;}
.selections{
	margin-top: 10px;
}
.dossier

/* -------------------- Journals ------------------ */
.journals-calendar{
	background-color: #FFFFFF;
	margin-top: 20px;
}

/* -------------------- Bill Reports ------------------ */
.activeTab{
	text-decoration: underline;
	font-weight: bold;
	background-color: #1571C1 !important;
}

/* -------------------- Bill Center ------------------ */
h1.subpage-titles{
	width: auto;
	margin: 30px 0 0;
}
#bill-center nav.pagination {
	margin: 10px 0; 
}
.h2-blue{
	color: #1D2A5C;
	font: 300 1.5em 'Museo Slab', 'Roboto Slab', Georgia, 'Times New Roman', serif !important; 
	text-transform: capitalize;
	font-weight: bold !important;
}

/* -------------------- Status Sheet ------------------ */
.sub-sections{
	background-color: #ffffff;
	margin-top: 30px;
}
.p-sponsor{
	font-family: 'Museo Slab', 'Roboto Slab', Georgia, 'Times New Roman', serif;
	padding-left: 20px;
	padding-top: 30px;
    color: #1D2A5C;
}
#item-num1, #item-num2, #item-num3{
	text-align: center;
}
#item-num1{
	background-color: #F2F2F2;
	color: #1D2A5C;
}
#item-num2{
	background-color: #1D2A5C;
	color: #ffffff;
}
#item-num3{
	background-color: #BB141A;
	color: #ffffff;
}
.arrow-steps .step {
	font-size: 16px;
	padding: 10px 10px 10px 30px;
	min-width: 180px;
	float: left;
	position: relative;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -17px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 21px solid transparent;
	z-index: 2;
}
.arrow-steps .step#item-num1:after,
.arrow-steps .step#item-num1:before{
	border-left: 17px solid #F2F2F2;
}
.arrow-steps .step#item-num2:after,
.arrow-steps .step:before{
	border-left: 17px solid #1D2A5C;
}
	

.arrow-steps .step:before {
	right: auto;
	left: 0;
	border-left: 17px solid #fff;	
	z-index: 0;
}

.arrow-steps .step:first-child:before {
	border: none;
}

.arrow-steps .step:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.arrow-steps .step span {
	position: relative;
}

.arrow-steps .step span:before {
	opacity: 0;
	content: "✔";
	position: absolute;
	top: -2px;
	left: -20px;
}
/* -------------------- Main Homepage ------------------ */
#header-section-main {
	background-image: url('../_images/mainpage_headerbg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 22%;
	width: 100%;
	display: block;
	padding: 50px 0px;
}

.welcome{
	font: 600 45px 'Museo Slab', 'Roboto Slab', Georgia, 'Times New Roman', serif; 
	color: #1D2A5C; 
	letter-spacing: 1px; 
	padding: 5% 10%;
}
#main-homepage .subpage-titles{
	width: auto;
}
.left-page{
	margin-top: 10px;
    margin-left: 5%;
}
#twitter_div{
	border: 3px solid #88A5B6;
    overflow-y: scroll;
    height: 300px;
}
#div-lwc{
	font-family: 'Museo Slab', 'Roboto Slab', Georgia, 'Times New Roman', serif;
	background-color: #F2F2F2;
	padding: 30px 5% 30px 5%;
	margin: 30px 0 10px 0;
}
#h3-lwc{
	color: #BB141A;
}
.h3-mainpg{
	color: #ffffff;
	background-color: #BB141A;
	margin: 30px 0 10px 0;
	padding-left: 20px;
}
.h2-panel{
	color: #ffffff;
	font-weight: 500;
	background-color: #1D2A5C;
	padding: 10px 5%;
	text-align: center;
}

/* -------------------- Log in page - Log in ------------------ */
#header-section {
	background-image: url('../_images/homepage_headerbg.jpg'); /* Temp background image */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	display: flex;
	padding: 50px 0px;
}

.left-half, .right-half {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}

.left-half p, .right-half p{
	color: #1D2A5C;
	text-align: left;
	font-size: 1.2em;
}

/* -------------------- Log in pgae - Introduction ------------------ */
#about, #contact, #div-work{
	text-align: center;
	padding: 30px 10%;
}
#subscriptions{
	text-align: left;
}
.sec-intro{
	display: flex;
	margin: 30px 0;
}
#contact .sec-intro{
	display: flex;
	margin: 0;
}
.titles{
	font-weight: bold!important;
	text-align: left;
	display: inline-block; 
	text-transform: none;
}
#login2, #login3 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
}
#login4{
	display: block;
	margin-left: 50px;
	margin-right: auto;
	max-width: 100%;
}

/* -------------------- Contact Us ------------------ */
.subpage-titles{
	color: #ffffff;
	background-color: #1D2A5C;
	padding: 10px 5%;
	margin-top: 30px;
	font-weight: 500;
	text-transform: capitalize;
	width: 80%;
}

/* -------------------- Privacy Policy ------------------ */
.h3-privacy{
	color: #BB141A;
}

/* -------------------- FOOTER ------------------ */
footer {clear: both; background-color: #222; color: #AAA; padding: 15px 30px;}

/* -------------------- BASIC STYLING -------------------- */
/* Headings / Paragraphs */
p {padding: 0 0 12px;}
p, h1, h2, h3, h4, h5, h6 {margin: 0;}

h1.tagline {font: 600 45px 'Museo Slab', 'Roboto Slab', Georgia, 'Times New Roman', serif; color: #1D2A5C; letter-spacing: 1px; float: left; padding-left: 5%; padding-top: 10%;} /* 18px */
#homepage h1.tagline{text-transform: none; padding-left: 5%; padding-top: 0%;}
h1 {font: 500 2em 'Museo Slab', 'Roboto Slab', Georgia, 'Times New Roman', serif; color: #1D2A5C; text-transform: capitalize; letter-spacing: 1px; margin: 10px auto 10px; padding: 5px 0 10px;} /* 28px */
h2 {font-size: 1.5em}
h2, /*TEMP*/ .head2 {font: 500 1.5em 'Museo Slab', 'Roboto Slab', Georgia, 'Times New Roman', serif; color: #BB141A; text-transform: capitalize; letter-spacing: 1px; margin-top: 20px; padding: 0 0 10px;} /* 21px */
h3 {font: 500 1.2em 'Museo Slab', 'Roboto Slab', Georgia, 'Times New Roman', serif; color: #1D2A5C; padding: 10px 0;} /* 16px */
h4 {font: 600 20px 'Museo Slab', 'Roboto Slab', Georgia, 'Times New Roman', serif; color: #1D2A5C; letter-spacing: 1px;} 
h5 {}
h6 {}

/* Links */
a {cursor: pointer; color: #1571C1;}
a:visited{color: #1571C1;}
a img {border: none; outline: none; cursor: pointer}
a.more {text-transform: capitalize;}
a.more::after {content: "\f055"; display: inline-block; font: normal normal normal .8em/1 FontAwesome; font-size: inherit; margin: 0 1px 0 3px;}
a.less {text-transform: capitalize;}
a.less::after {content: "\f056"; display: inline-block; font: normal normal normal .8em/1 FontAwesome; font-size: inherit; margin: 0 1px 0 3px;}

/* Lists */
.content ul {padding: 4px 8px 4px 20px; list-style: none;}
.content ul li {margin-bottom: 2px;}
/* .content ul li:before {content: "\f005"; font: normal normal normal .8em/1 FontAwesome; color: #1D2A5C; display: inline-block; margin-right: 8px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} */

.content ol {padding: .5em .6em 1em; counter-reset: step-counter;}
.content ol li {margin-bottom: 1em; counter-increment: step-counter; list-style: none; padding-left: .6em; position: relative;}
.content ol li:before {content: counter(step-counter) "."; font-weight: bold; position: absolute; top: 0; left: -.6em; color: #BB141A;}

/* Extras */
sup, .superscript {font-size: xx-small;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
u, .underline {text-decoration: underline;}

blockquote, .quote {}
.cite {}

hr {margin: 10px 0; clear: both; border: 0; height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
}

/* Clears */
.clear {clear: both;}
.clear:after {visibility: hidden; display: block; content: " "; clear: both; height: 0;}
header:after, #stage:after, footer:after {visibility: hidden; display: block; content: " "; clear: both; height: 0;}

/* General Classes */
.hide {display: none;}
.note {font-style: italic; font-size: 16px;}
.read {font-weight: bold; text-transform: capitalize; color: #BB141A;}
.new {font-weight: bold; text-transform: capitalize; color: #2FA142;}
.defunct {color: #000000; text-decoration: line-through;}
.blank {display: block; text-transform: capitalize; margin: 15px 0;}
.error, .alert, .success {text-align: center; display: block; padding: 10px; background: #fafafa; margin: 10px 0; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; font-weight:bold;}
.error {color: #BB141A;}
.alert {color: #222;}
/* .success {color: #2FA142; text-align:left; } */
.success {color: #008A00; text-align:left; }
.errorAjax {color: #BB141A;}

.breadcrumbs {display: none;}

.democrat, .republican, .independent {text-transform: capitalize; display: inline-block; padding-right: 4px;}
.democrat {color: #1571C1;}
.republican {color: #BB141A;}
.independent {color: #666;}
.democrat:before, .republican:before, .independent:before {border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: inline-block; float: left; color: #FFF; font-weight: bold; width: 8px; height: 8px; padding: 3px 5px 7px; text-align: center; margin-right: 3px; margin-left: 3px; font-size: 11px; line-height: 11px;}
.democrat:before {background: #1571C1; content: "D";}
.republican:before {background: #BB141A; content: "R";}
.independent:before {background: #666; content: "I";}
table .democrat, table .republican, table .independent {font-size: 16px;}

.concerning {font-size: 1em; display: block;}
.icon-unread {display:inline-block; font:normal normal normal .9em/1 FontAwesome; text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; position: relative; top: 1px;}
.icon-unread:before {content:"\f111";color: #BB141A; }

/* -------------------- NAVIGATION -------------------- */

/* Nav: Head */
div.head {background-color: #1D2A5C; color: #FFF; padding: 8px 30px; min-height: 26px; margin-top: 20px; margin-bottom: -10px;}
div.head nav:after {visibility: hidden; display: block; content: " "; clear: both; height: 0;}
div.head nav ul {list-style: none; padding: 0;}

nav.social-media  {text-align: left; float: left;}
nav.social-media li {display: inline-block; margin-right: 5px; padding: none;}
nav.social-media li a {color: #1D2A5C; background-color: #FFF; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 15px; height: 15px; text-align: center; padding: 5px; font:normal normal normal 14px/1 FontAwesome; font-size:1em; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
nav.social-media li a:hover {text-decoration: none; color: #BB141A;}
/* nav.social-media li a.twitter:before {content:"\f099"} */
nav.social-media li a.facebook:before {content:"\f09a"}

nav.admin {text-align: right; font-size: .71em; float: right;}
nav.admin li:first-child::before {content: "";}
nav.admin li::before {content: "\2022"; margin-right: 12px; font-size: inherit; line-height: inherit; top: 0; display: inline; position: relative;}
nav.admin li {text-transform: capitalize; display: inline-block; padding: 5px 2px 5px 10px;}
nav.admin li a {color: #FFF;}


nav.head-menu  {text-align: right; float: right;}
nav.head-menu li {display: inline-block; margin-left: 5px; padding: none;}
nav.head-menu li a {color: #ffffff; display: inline-block; padding: 3px 10px; text-rendering:auto; text-transform: capitalize;}
nav.head-menu li a:hover {text-decoration: underline; }


/* Nav: Primary */
nav.primary {background-color: #1D2A5C; color: #ffffff; font-size: 20px; }
nav.primary ul {list-style: none; padding: 10px 0 0; margin: 0; position: relative; display: inline-block; text-transform: capitalize; font-size: .8em; font-weight: 500;}
nav.primary ul:after {content: ""; clear: both; display: block;}
nav.primary li {color: #ffffff; float: left; padding: 0 0 0 14px;}
nav.primary li a {color: #ffffff; display: inline-block; padding: 5px 2px 17px; border-top: 2px solid transparent;}
nav.primary li a:hover {color: #ffffff; text-decoration: underline;}
nav.primary li a:visited {color: #ffffff; text-decoration: none;}
nav.primary li.active a {color: #ffffff; text-decoration: underline;}

/* Nav: Primary: Drop-Down Menu */
nav.primary ul ul {display: none; font-size: 1em;} /* hides DDM */
nav.primary ul li:hover > ul {display: block;} /* shows DDM on parent <li> hover */
nav.primary ul ul {position: absolute; top: 100%; z-index: 700; float: none; padding: 10px 10px; min-width: 120px; max-width: 170px; text-transform: none; background: #000; background: rgba(0,0,0,.8); }
nav.primary ul ul:before {border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #000; border-bottom: 12px solid rgba(0,0,0,.8); top: -12px; content:""; height: 0; left: 25%; margin-top: 0; margin-left: -12px; position: absolute; width: 0}
nav.primary ul ul li {display: block; float: none; padding: 0; text-align: left;}
nav.primary ul ul li a, nav.primary ul li.active li a {display: block; border-top: none; color: #FFF; padding: 6px;}
nav.primary ul ul li a:hover, nav.primary ul li.active li a:hover {color: #FFF; background-color: #000;}

/* Content Navs */
.content nav ul {padding: 0; list-style: none;}
.content nav ul li {margin-bottom: 0; padding: 0 2px 0 0;}
.content nav ul li:before {content: "\2022"; color: #1D2A5C; font-size: inherit; display: inline-block; margin-right: 6px; position: relative; top: -1px;}

/* Nav: Secondary */
nav.secondary {border-top: 1px solid #155D94; border-bottom: 1px solid #155D94; display: block; margin: 10px 0 20px; padding: 5px 0; font-size: .8em;}
nav.secondary ul {padding: 0; list-style: none;}
/*nav.secondary ul li:first-child::before {content: ""; margin-right: 0;}*/
nav.secondary ul li::before {content: "\2022"; margin-right: 7px; font-size: inherit; display: inline; position: relative; top: -1px;}
nav.secondary ul li {text-transform: capitalize; display: inline-block; padding: 1px 5px 1px 0; margin-bottom: 0;}
nav.secondary a {color: #155D94; }

/* Nav: Pagination */
nav.pagination {margin: 30px 0; text-align: center;}
nav.pagination ul {margin: 0; font-weight: 300;}
nav.pagination ul li {display: inline-block;}
nav.pagination ul li:first-child::before {content: ""; margin-right: 0;}	
nav.pagination ul li a {color: #1D2A5C;}

/* Nav: Info */
nav.info ul {}
nav.info ul li {display: inline-block; border-left: 1px solid #DDD; padding: 0 4px 0 4px;}
nav.info ul li:first-child {border-left: none;} 
nav.info ul li:before {content: "";}

/* Nav: Footer */
nav.foot {color: #AAA; text-align: center; font-size: .8em; padding: 10px;}
nav.foot ul {list-style: none;}
nav.foot li {text-transform: capitalize; display: inline-block; padding: 0 8px;}
nav.foot li a {color: #AAA;}
nav.foot li a:hover {color: #FFF;}

/* -------------------- TABLES -------------------- */
table {border-collapse: collapse; border-spacing: 0; margin: 5px auto 15px;}
table td, table th {padding: 15px; border: none; vertical-align: top; text-align: left;}
table td.right {text-align: right;}
table td.center {text-align: center;}

table.default {clear: both; width: 100%; border: 2px solid #1D2A5C;}
table.default tr {width: 100%; background-color: #FFFFFF;}
table.default tr:nth-child(even) {background: #F2F2F2;}
table.default th {background: #1D2A5C; color: #FFF; text-transform: capitalize; font-size: 16px; font-weight: bold; padding: 5px 5px 5px 15px;}
table.default td {font-size: 16px;}
table.default th a {color: #ECF5FA;}

table.default th.comment {background: #666666; color: #FFF; text-transform: none; font-size: .7em; font-weight: bold; padding-bottom: 6px;}
table.default th.comment a {color: #ECF5FA;}

table.default tr.double {background: #FFF;}
table.default tr.double:nth-child(4n), table.default tr.double:nth-child(4n-1) {background: #F2F2F2;}
table.default tr.double:nth-child(4n-1) td {border-top: 1px solid #DDD;}
table.default tr.double:nth-child(4n) td {border-bottom: 1px solid #DDD;}
table.default td.summary {padding: 10px 15px; line-height: 150%;}
table.default tr.even {background: #F2F2F2 !important;}
table.default tr.odd {background: #FFF !important;}

table.default th.center, table.default td.center {text-align: center;}
table.default th.right, table.default td.right {text-align: right;}
table.default th.left, table.default td.left {text-align: left;}

table.default table tr:nth-child(even) {background: none;}

/* Print Version */
table.default.print tr {border-bottom: 1px solid #DDD;}
table.default.print tr:nth-child(even) {background: none;}
table.default.print .democrat:before, table.default.print .republican:before, table.default.print .independent:before {display: none; content: "";}

table.contact-table{
	background-color: #F2F2F2;
	margin-top: 30px;
	font-weight: 400; 
	font-family: 'Museo Slab', 'Roboto Slab', serif; 
	width: 80%;
}
table.contact-table th{
	padding: 15px 5%;
	color: #000000 !important;
}
table.layout {clear: both; width: 100%; border: none;}
table.layout tr {width: 100%;}
table.layout th {font-weight: 400; font-family: 'Museo Slab', 'Roboto Slab', serif; color: #1571C1;}
table.layout td {}

table.calendar {clear: both; border: 2px solid #1D2A5C; margin: 5px;}
table.calendar td {padding: 2px; text-align: center; vertical-align: top;}
table.calendar td.cal-month {text-transform: capitalize; font-weight: bold; font-size: 1em; text-align: center; background: #1D2A5C; color: #FFF;}
table.calendar .cal-dotw {text-transform: capitalize; font-size: .8em; color: #6a6767;}
table.calendar .cal-dotw td {}


/* .frame, .frame tr, .frame td, .frame thead, .frame tbody {display: block!important;} */
table.frame {width: 50%; margin: 0; padding: 0; background-color: #F2F2F2;}
table.frame tbody {padding: 20px; display: block;}
table.frame td {padding: 0 !important;}
table.frame tr {float: left!important; width: 50%!important;} 
table.frame label{font-weight: 400; color: #000000;}

table.frame1 {background-color: #e7f2f9; border: 2px solid #1D2A5C;}
table.frame1 th {background: #1D2A5C; color: #FFF; text-transform: capitalize; font-size: 1em; font-weight: bold; padding-bottom: 6px;}
table.frame1 td {padding: 4px;}
table.frame1 input[type=text] {min-width: 200px;}
table.frame1 select {min-width: 180px;}

table.col2 {width: 50%;}

table.editor {width: 90%;}
table.editor tr {border-bottom: 2px solid #FFF;}
table.editor td {vertical-align: middle; padding: 4px 8px;}
table.editor tr tr {border-bottom: none;}

/* -------------------- FORMS -------------------- */
.form-group {
    margin-bottom: 10px;
}
label {
    display: inline-block;
}
input {
    display: inline-block;
}
label, legend, .label-text {color: #1D2A5C; font-family: 'Museo Slab', 'Roboto Slab', serif;}
.required {color: #BB141A; font-style: italic;}

/* TEXT INSIDE INPUT */
input, button, input[type=text], input[type=email], input[type=password], textarea {font-family: 'Lato', Helvetica, sans-serif; font-size: .8em; font-weight: normal; color: #444;}
select {font: 400 .8em 'Lato', Helvetica, sans-serif; color: #444; min-width: 60px;}
select:focus-visible{ outline: 2px solid #F37EB5; }

/* PLACEHOLDER TEXT */
input[placeholder], [placeholder], ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder,	:-ms-input-placeholder {color: #A7B1B3;}

/* INPUT: TEXT / EMAIL / PASSWORD / TELEPHONE / TEXTAREA */
input[type=text], input[type=email], input[type=password], input[type=tel], textarea {border: 1px solid #DDD; padding: 3px 10px; }
input[type=text], input[type=email], input[type=password], input[type=tel] {height: 22px; margin: 0 2px 8px 0;}
textarea {display: block; min-width: 300px; min-height: 70px;}

/* sizes */
input.mini {max-width: 70px;}
select.normal {width: 55%;}
input.normal, textarea.normal {width: 50%;}
select.large {width: 90%;}
input.large, textarea.large {width: 85%;}

/* SELECTS */
select {padding: 5px; margin: 0 0 5px; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px;     
    background-image: url("../_images/btn-down-dark.svg");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 99% center; 
    border: 1px solid #DDD; outline: none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}

/* INPUT: RADIO / CHECK */
input[type=radio] {margin: 0 5px 5px 0;}
input[type=checkbox] {margin: 0 5px 5px 0; display: inline;}
table input[type=radio] {margin-bottom: 0;}
input[type=radio]:focus-visible { outline: 2px solid #F37EB5; }

/* INPUT: SUBMIT / BUTTONS */
input[type=submit], input[type=button], button, a.button, input[type=file] {width: auto; text-wrap: none; cursor: pointer;}
input[type=submit], input[type=button], button, a.button {display: inline-block; background-color: #BB141A; color: #FFF; text-transform: capitalize; font-size: .8em; letter-spacing: 1px;}
input[type=submit], input[type=button], button, a.button {border: none; padding: 7px 15px; margin: 5px 0px 5px; font-family: 'Lato', Helvetica, sans-serif; font-weight: 500;}
input[type=submit]:hover, input[type=button]:hover, button:hover, a.button:hover {background-color: #1571C1;}
input[type=submit]:focus-visible, input[type=button]:focus-visible, button:focus-visible, a.button:focus-visible {outline: 3px solid #1D2A5C; border-radius: 3px;} 
a.button{text-decoration: none;}
/*input.block, a.block {display: block;}*/

/* a.button {height: 18px; padding: 8px 22px 4px 20px; margin: 5px 10px 0px 5px;}
a.button:hover {text-decoration: none;} */
/* a.button:after {content: "\f105"; font: normal normal normal .8em/1 FontAwesome; position: relative; right: -5px; bottom: 2px; color: #FFF;} Default > Icon Inside Button */

/* Custom Icon Buttons */
a.button.download:after, a.button.print:after, a.button.excel:after {content: "";}
a.button.download:before, a.button.print:before, a.button.excel:before {font: normal normal normal 13px/13px FontAwesome; position: relative; left: -5px; color: #FFF;}
a.button.download:before {content: "\f01a";}
a.button.print:before {content: "\f02f";}
a.button.excel:before {content: "\f0ce";}
a.button.print, a.button.download {margin: 0px; text-align: center;}

.full-btn{width: 100% !important; padding: 7px 0px !important;}
.half-btn{width: 49% !important;}
.fixed-width{width: 200px;}
.fixed-width2{width: 500px;}
.fixed-width3{width: 250px;}
.btn-Rmargin{margin-right: 10px !important;}

/* Search Button */
input.btn-search {background-color: #BB141A; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 7px 15px;}
.inline-search .btn-search, .box .inline-search .btn-search, .inline-search input[type=text], .box .inline-search input[type=text] {display: inline;}
.inline-search input[type=text], .box .inline-search input[type=text] {width: 60%;}
/* .inline-search .btn-search, .box .inline-search .btn-search {width: 30%;} */

/* Reset/Cancel Button */
input.btn-reset {background-color: #BB141A; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 7px 15px;}
input.btn-cancel {background-color: #BB141A;}

/* Go Button */
input.go, button.go {padding: 0; margin: 0 2px; width: 19px; height: 19px; background: url(../_images/btn-go-dark.png) no-repeat top left; text-indent: -9999px;}
input.go:hover, button.go:hover {background-image: url(../_images/btn-go-hover.png); background-color: transparent;}

/* Add/Plus Button */
/* input.add, button.add {padding: 0; margin: 0 2px; width: 19px; height: 19px; background: url(../_images/btn-add.png) no-repeat top left; text-indent: -9999px; overflow: hidden;}
input.add:hover, button.add {background-image: url(../_images/btn-add-hover.png); background-color: transparent;} */
input.add, button.add {padding: 5px; margin: 10px 2px; background-color: transparent; border: 2px solid white;}
input.add:hover, button.add:hover {background-color: white; color: black; }

/* -------------------- Accessible toogle tip -------------------- */
.toggletip-container {
    position: relative;
    display: inline-block;
}
.toggletip-bubble {
    display: inline-block;
    position: absolute;
    top: 10px;
    width: 300px;
    padding: 0.5rem;
    font-size: 16px;
    background: #f2f2f2;
    color: #000000;
    z-index: 2;
    border-radius: 10px;
}
.tooltipBtn {
    padding: 0!important;
    margin-left: 5px;
} 
.tooltipBtn:hover{
    background-color: transparent!important;
}
.tooltipBtn:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem skyBlue;
}
.h1-toggletip{
    background-color: #1D2A5C;   
}
.h3-toggletip{
    background-color: #BB141A;   
}
.h1-toggletip, .h3-toggletip{
    margin-top: 30px;
}
.h3-toggletip .h3-mainpg, .h1-toggletip .subpage-titles{
    display: inline-block;
    margin: 0px;
}
.h1-toggletip .subpage-titles{
    padding-right: 0;
}
.h1-toggletip button{
    background-color: #1D2A5C;
}
.h3-toggletip .fa-question-circle{
    font-size: 16px!important;
}
.h1-toggletip .fa-question-circle{
    font-size: 20px!important;
}
.fa-question-circle{
    border: 2px solid transparent;
}
.fa-question-circle:hover{
    border: 2px solid lightblue;
}

/* -------------------- JQUERY: Tooltips ------------------  */
#tiptip_holder {display: none; position: absolute; top: 0; left: 0; z-index: 99999;}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}

#tiptip_content {color: #FFF; font-size: .8em; line-height: 150%; text-align: left; padding: 12px 20px; background: #88A5B6; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; max-width: 250px;}
#tiptip_arrow, #tiptip_arrow_inner {position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #88A5B6;}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #88A5B6;}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #88A5B6;}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #88A5B6;}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px; margin-left: -6px; border-top-color: #88A5B6;}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px; margin-left: -6px; border-bottom-color: #88A5B6;}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px; margin-left: -5px; border-right-color: #88A5B6;}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px; margin-left: -7px; border-left-color: #88A5B6;}

h1 a.tooltip, h2 a.tooltip {font-size: 21px;}
a.tooltip {display:inline-block;font:normal normal normal 16px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; color: #88A5B6;}
a.tooltip:before {content:"\f059";}
a.tooltip:hover {text-decoration: none;}

/* -------------------- BOXES ------------------  */
#homepage .box{margin: 20px auto; }
.box {display: block; width: 80%; padding: 0 20px 20px; clear: both; }


/* Search & Login */
.box.login {background-color: #ECF5FA;}
.box.login h2 {color: #FFF; background-color: #1D2A5C; margin: 0 -20px 15px; display: block; width: 100%; padding: 10px 20px; }
.box.login h2:before {content: " "; background: none; width: 0; height: 0; display: none; margin-bottom: 0;}

.box label, .box legend, .box .label-text {display: block; margin-top: 10px;}
.box input[type=text], .box input[type=password] {width: 94%; display: block;}
.box select {width: 100%; display: block;}
.box input.crs, .box select.crs {width: 20%; display: inline-block;}

.login input[type=submit] {text-align: center; margin: 5px auto; display: block; max-width: 180px;}
a.forgot {text-align: center; display: block; color: #1D2A5C}

.inner-box{padding: 20px}
.box.calendar, .box.search, .box.help {background-color: #F2F2F2; padding: 0px}
.box.calendar h2, .box.search h2, .box.help h2 {margin-top: 0;}
.help nav ul {padding: 4px 0; margin-bottom: 15px; list-style: none;}
.help nav ul li {margin: 0; display: block; padding: 8px 2px; border-bottom: 1px dotted #888; text-transform: capitalize; display: block;}
.help nav ul li:before {content: "\f08e"; font:normal normal normal 12px/1 FontAwesome; color: #1D2A5C; display: inline-block; margin-right: 8px;}
.help nav ul li a {color: #222;}
.help nav ul li a:hover {text-decoration: none; color: #1571C1;}

/* Actions Panel */
a i.actions {font-size: 1.5em; text-align: center; margin: auto; display: block;}
a:hover > i.actions {color: #BB141A;}
td.action-cell {position: relative; text-align: center;}
td.action-cell a:hover {text-decoration: none;}
.action-panel {display: none; width: 240px; position: absolute; left: 0; background: rgba(0,0,0,.8); color: #FFF; padding: 10px; z-index: 1000; text-align: left;}
.action-panel:before {border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #000; border-bottom: 12px solid rgba(0,0,0,.8); top: -12px; left: 15%; content:""; height: 0; margin-left: -12px; position: absolute; width: 0}
.action-panel.vertical {left: auto; right: 0;}
.action-panel.vertical:before { left: auto; right: 50%;}
.action-panel.wide {width: 360px;}
.action-panel button {background-color: transparent; position: absolute; right: 0; top: 0; color: #FFF; font-size: 1em; padding: 0; margin: 10px 10px 0px 0px}
.action-panel strong {display: inline-block;}
.action-panel select {width: 89%;}
.action-panel input[type=button]:focus-visible, .action-panel button:focus-visible {outline: 3px solid #F37EB5;}

.action-panel a {color: #FFF;}
.action-panel a:hover {color: #1571C1; background-color: #ffffff;}
td .action-panel ul {padding: 5px;}
td .action-panel ul li {display: block; margin-bottom: 0; padding: 4px;}
td .action-panel ul li:before {content: ""; margin-right: 0;}

/* -------------------- RESPONSIVE -------------------- */
@media only screen 
and (min-width: 320px) 
and (max-width: 1024px) {
    .left-page{
        margin-top: 10px;
        margin-right: 5%;
    }
    .right-page{
		padding: 0 5%;
    }
    .action-panel {right: 0; left: auto;}
    .action-panel::before{right: 15%; left: auto;}
    .action-panel.vertical{width: 300px}

    textarea {min-width: auto; min-height: auto;}

    .page-dropdown-content{
        display: none;
    }

    #defaultlayout-main .default input{
        width: auto;
        font-size: 0.8em;
    }
    .default input{
        width: 50px!important;
    }
    .default .date{
        word-wrap: break-word;
    }
    .default .pos{
        width: 15%;
    }
    table{
        table-layout: fixed;
    }
    div.topnav{
        text-align: left;
    }
    div.topnav .topnav-div{
        display: block;
    }
    .topnav a, .dropdown-content a, .dropdown .dropbtn{
        font-size: 25px;
    }
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
    }
    .topnav a.icon {
        float: right;
        display: block;
    }
    .topnav.responsive {
        position: relative;
    }
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .dropdown-content{
        display: none;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }

    .dropdown .dropdown-content{
        visibility: hidden;
        transition: all 0s;
    }
    
    .dropdown:hover .dropdown-content {
        visibility: visible;
        display: block;
        transition-delay: 0.2s;
    }

    /* input[type=submit], input[type=button], button {border: none; margin: 5px 0 5px; padding: 6px 20px; font-family: 'Lato', Helvetica, sans-serif; font-weight: 500;}
    a.button {height: 18px; padding: 8px 22px 4px 20px; margin: 5px 0 5px;} */
    input[type=submit], input[type=button], button, a.button {border-radius: 0;}
    .fixed-width{width:300px;}
    .fixed-width2{width:700px;}
	.fixed-width3{width: 300px;}

    /* #header-section{
        flex-direction: column;
    }
    #header-section .content.sidebar{
        width: auto;
    }
    #header-section .box.login{
        margin-left: 0;
    } */
    #contact .sec-intro{
        flex-direction: column;
    }
    #subscriptions{
        margin-bottom: 30px;
    }
    #login4 {
        margin-left: 0;
        max-width: 100%;
    }
}
/* Tablets/iPads (landscape) ----------- */
@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) {
	.breadcrumbs {display: block; clear: both; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; padding: 5px; text-transform: capitalize; font-size: .75em; font-weight: 400; margin-bottom: 10px;}
	.breadcrumbs a {color: #1D2A5C; padding: 0 6px 0 0;}
	.breadcrumbs a:before {content:"\00BB"; margin-right: 6px; color: #1D2A5C; font-size: 1.1em;}
	.breadcrumbs a:hover {text-decoration: none; color: #1571C1;}
	.tabs{
		display: none;
	}
    header .logo {float: none; margin-left: auto; margin-right: auto;}
    header .logo img {}
    nav.primary {max-width: 100%; float: none; margin: 20px 0 0 0; color: #ffffff;}

    h2 {font-weight: 400;}
	.box{
		width: 100%;
	}

    .content.main {width: 100%;}
    .content.sidebar {width: 100%;}
    .content .subpage-titles {margin-right: 5%;}
    #homepage .content.sidebar {width: 90%!important}
    .content.main.left, .content.sidebar.left {float: none;}
    .content.main.right, .content.sidebar.right {float: none;}
    #homepage .box.login {margin-top: 0%; margin-left: 10%; width: 80%;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px) {
	.breadcrumbs {display: block; clear: both; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; padding: 5px; text-transform: capitalize; font-weight: 400; margin-bottom: 10px;}
	.breadcrumbs a {color: #1D2A5C; padding: 0 6px 0 0;}
	.breadcrumbs a:before {content:"\00BB"; margin-right: 6px; color: #1D2A5C; }
	.breadcrumbs a:hover {text-decoration: none; color: #1571C1;}
	.tabs{
		display: none;
	}

    body {font-weight: 400;}
    header .logo {float: none; margin-left: auto; margin-right: auto; width: 100%;}
    header .logo img {width: 100%; max-width: 450px;}
    
    nav.head {text-align: center; font-size: 1.5em; padding: 30px auto;}
    nav.primary ul {font-size: 1.2em; color: #ffffff;}
    nav.primary ul ul {max-width: 300px;}
    nav.foot {font-size: 1.2em;}
    
    .content.main {width: 100%;}
    .content.sidebar {width: 100%;}
    .content .subpage-titles {margin-right: 5%;}
    #homepage .content.sidebar {width: 90%!important}
    .content.main.left, .content.sidebar.left {float: none;}
    .content.main.right, .content.sidebar.right {float: none;}
    #homepage .box.login {margin-top: 0%; margin-left: 10%; width: 80%;}
    
    .breadcrumbs {font-size: 1em;}
    .breadcrumbs a:before {font-size: 1em;}
    
    h2 {font-size: 2em; font-weight: 400;}
    h3 {font-size: 1.7em;}

    input[type=submit], input[type=button], button {font-size: 1.25em;}
    a.button {height: auto; padding: 10px 20px; margin: 10px 0;}
    a.button {font-size: 1.25em;}
    
    #tiptip_content {font-size: 1.2em; max-width: 400px;}
}


#scrollButton {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 0;
	z-index: 99;
	background-color: white;
	color: black;
	cursor: pointer;
	padding: 5px;
	opacity: 0.5;
	font-size: 125%;
	border: 1px black solid;
	border-radius: 0;
}

#scrollButton:hover {
	background-color: black;
	color: white;
}

.close {
	float: right;
	cursor: pointer;
	margin-right: 15px;
	font-size: 125%;
}
.close:after {
	content: " ";
	clear: both;
}

.video {
	float: left;
	width: 200px;
	height: 180px;
	bottom: 0;
	text-align: center;
	font-weight: bold;
	padding: 10px;
    margin: 0 2%;
}

.video img {
	width: 200px;
	border: 0;
}

.video_bigger {
	width: 100%;
	height: 200px;
	bottom: 0;
	text-align: center;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

.video_bigger img {
	width:200px;
	border: 0;
}