@charset "utf-8";
/* CSS Document - Custom styles that overwrite the template CSS code*/
body {
    color: #000;
    line-height: 1.50;
}
/* Updated 8/26/20 for 2020 redesign */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #043951;
}
/*em {
	font-weight: bold;
}*/
.container dd {
    margin-bottom: .75em;
}
/* Updated 8/21/20 and 8/27/20 for 2020 redesign */
.main-content {
    background: whitesmoke;
    padding-bottom: 0;
}

main a:not(.btn) {
    color: #007BB5;
}

.required-label, .text-danger {
    color: #962c04 !important;
}

main a:not(.btn):hover {
    color: #34415e;
    text-decoration: underline;
    transition: all 0.5s;
}

.profile-banner {
    background: #FFFFFF;
}

.section-primary, .card-primary {
    background: #000;
}

    .section-primary img {
        border: none;
    }

.section-understated, .card-understated {
    background: #7e8074;
}

.fixed + .main-content {
    padding-top: 0 !important;
}

.section-default, .card-default {
    background-color: whitesmoke;
}

.card {
    border: 1px solid #ffc411 !important;
    color: #000;
}

span.fillable {
    background-color: #000 !important;
    font-size: .9em;
    color: #D9E0FB !important;
    padding: .1em;
}

span.file {
    color: #000;
    font-size: 1.3em;
    vertical-align: middle;
}

.bottomright {
    position: absolute;
    bottom: 2em;
    right: 2em;
}

.bottomleft {
    position: absolute;
    bottom: 2em;
    left: 2em;
}
/********************************************
Styles Below Added by CDTFA Web Services Unit
********************************************/
/*** For Print ***/
@media print {
    .noPrint {
        display: none;
    }

    em {
        font-weight: normal;
    }

    .alert, .alert-cdtfa .alert-dismissable {
        display: none;
    }

    #main-content {
        padding-top: 0 !important;
    }

    div.toggle_container, div.tabs, div.tabs1 {
        display: block !important;
    }
    /* expands accordion div's so full text prints see /info/outreach.htm/info/outreach.htm */
    a:link:after, a:visited:after {
        content: " ("attr(href) ") ";
        font-size: 90%;
    }
    /* Prints urls with text links */
    a[href^="/"]:after {
        content: " (www.cdtfa.ca.gov"attr(href) ") ";
    }
    /* Prints absolute urls for relative paths */
    div[id^="collapse"].collapse {
        display: block;
        height: auto;
        color: black;
    }
    /* Prints all collapsible contents */
    .panel-group.responsive {
        /*display: none !important;*/
    }
    /* Hide panels */
    .tab-content.responsive, .tab-content.responsive > .tab-pane {
        display: block !important;
    }
    /* Show tab content */
    .tab-content > .tab-pane:not(:nth-of-type(1)) {
        border-top: 1px dashed black;
    }
    /* Show border to distinguish between tab content */
    body {
        overflow: visible !important;
    }
}
/*** Main Content ***/
body {
    background-color: whitesmoke;
}

hr.blue {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(79, 96, 99, 0), rgba(79, 96, 99, .75), rgba(79, 96, 99, 0));
}

.section {
    background: whitesmoke; /* Added for 2020 redesign */
}

.main-content {
    min-height: 300px;
    /*padding-bottom: 40px;  Added for 2020 redesign */
}

.white {
    color: #FFFFFF !important;
}

.no-border {
    border: 0 !important;
}

.row.boxes {
    margin: inherit;
}

@media (max-width:767px) {
    .table-responsive > .responsive {
        width: 800px !important;
        max-width: 800px !important;
    }
}
/*** Panel - Updated 8/26/20 for 2020 redesign ***/
.panel-standout > .panel-heading {
    color: #ffc411;
    background-color: #043951;
    border-color: #15839e;
    border-bottom-color: #ffc411;
}

.panel-standout.highlight .panel-heading .triangle {
    border-top: 12px solid #ffc411;
}

.panel-standout {
    border-color: #15839e;
    background: #FFFFFF;
}

.row.panel-height {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[id^="panel"] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.matching {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

main .panel {
    width: 100%;
}
/*** Section Panel column -- .two-thirds ***/
@media (max-width: 767px) {
    .two-thirds {
        margin-bottom: 20px;
    }
}
/*** After Hyperlink Icons ***/
[class^="ca-gov-icon-"].after-icon {
    font-size: 1.5em;
    color: #ffc411;
}
/*** Body Icons ***/
main .fa {
    color: #000;
}
/*** Table Link Icons ***/
th a:not(.close) {
    text-decoration: underline;
    color: #024767 !important;
}

a span.fa.fa-file-excel-o {
    font-size: 1.3em;
    color: green;
    text-decoration: none;
}

a span.fa.fa-file-pdf-o {
    font-size: 1.3em;
    color: red;
    text-decoration: none;
}
/* For Animated Main Content Buttons - Updated 8/25/20 and 8/26/20 for 2020 redesign */
a.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 1em;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-default, .section-impact.btn-default {
    color: #FFFFFF !important;
    background-color: #043951 !important;
    border-color: #043951 !important;
    -webkit-transition: all 0.5s !important;
    transition: all 0.5s !important;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, .section-impact.btn-default {
        color: #FFFFFF !important;
        background-color: #043951 !important;
        border-color: #043951 !important;
    }

.btn-primary {
    color: #043951 !important;
    background-color: #ffc411;
    border-color: #ffc411;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #043951 !important;
        background-color: #f5aa02 !important;
        border-color: #f5aa02 !important;
    }

.btn-secondary {
    color: #043951 !important;
    background-color: transparent;
    border-color: #15839e;
    border-width: 2px !important;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
        color: #043951 !important;
        background-color: #e2e6ea !important;
        border-color: #15839e !important;
    }

.btn-third {
    color: #ffc411 !important;
    background-color: transparent !important;
    border-color: #ffc411 !important;
    border-width: 1px !important;
}

    .btn-third:hover, .btn-third:focus, .btn-third:active, .btn-third.active, .open > .dropdown-toggle.btn-third {
        color: #ffc411 !important;
        background-color: transparent !important;
        border-color: #ffc411 !important;
    }

.btn-btlg {
    color: #FFFFFF !important;
    background-color: #043951 !important;
    border-color: transparent !important;
    border-top-left-radius: .15em;
    border-bottom-left-radius: .15em;
    font-size: 1.4rem;
    padding: 2px 2px;
}

main .btn-default span, main .btn-secondary span, main .btn-primary span, .btn-default span, .btn-secondary span, .btn-primary span /*, .utility-header .btn-primary span*/ {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

    main .btn-default span:after, main .btn-secondary span:after, main .btn-primary span:after, .btn-default span:after, .btn-secondary span:after, .btn-primary span:after /*, .utility-header .btn-primary span:after*/ {
        content: '\f101';
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        opacity: 0;
        top: 0;
        right: -10px;
        transition: 0.5s;
    }

main .btn-default:hover span, main .btn-secondary:hover span, main .btn-primary:hover span, .btn-default:hover span, .btn-secondary:hover span, .btn-primary:hover span /*, .utility-header .btn-primary:hover span*/ {
    padding-right: 25px;
}

    main .btn-default:hover span:after, main .btn-secondary:hover span:after, main .btn-primary:hover span:after, .btn-default:hover span:after, .btn-secondary:hover span:after, .btn-primary:hover span:after /*, .utility-header .btn-primary:hover span:after*/ {
        opacity: 1;
        right: 0;
    }

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.banner-link .btn-secondary {
    border-width: 1px !important;
}
/*** Bullets - Updated 8/25/20 and 9/4/20 for 2020 redesign ***/
.alert-cdtfa ul {
    padding-left: 40px;
}

div.alert ul li:before, main ul li:before, ul.arrow li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    color: #f5aa02;
    width: .9em;
    margin-left: -.9em;
    vertical-align: inherit;
    font-size: 1.2em;
    font-weight: normal;
    display: inline-block;
    list-style-type: none !important;
    line-height: 1.2rem; /* Updated for 2020 redesign */
    padding-bottom: 0; /* Updated for 2020 redesign */
    margin-top: -4px !important; /* Updated for 2020 redesign */
}

div.alert ul li:before {
    content: "\e669";
    color: black;
    font-size: 0.6em;
    padding-bottom: 1px;
}

div.alert ul li, main ul li, main ul li ul li, ul.arrow li {
    list-style-type: none;
    vertical-align: middle;
    line-height: 1.4em !important; /* Updated for 2020 redesign */
    margin-bottom: 5px;
}

    main ul li ul li {
        margin-left: .4em;
    }

        main ul li ul li:before {
            content: "\f101";
            width: 1.2em;
            margin-left: -1.2em;
        }

main ol li ul li:before {
    content: "\f101";
    width: 1em;
    margin-left: -1em;
}

main ol.small li, main ul.small li {
    font-size: 87%;
}

main ol.symbols {
    list-style-type: none;
}

    main ol.symbols li:nth-child(1n):before {
        width: 1.5em;
        margin-left: -1.5em;
        list-style-type: none;
        display: inline-block;
    }

    main ol.symbols li:nth-child(1):before {
        content: '\002A';
    }

    main ol.symbols li:nth-child(2):before {
        content: '\002A\002A';
    }

    main ol.symbols li:nth-child(3):before {
        content: '\002A\002A\002A';
    }

    main ol.symbols li:nth-child(4):before {
        content: '\2020';
    }

    main ol.symbols li:nth-child(5):before {
        content: '\2020\2020';
    }

main ul ul {
    margin-top: 10px;
    padding-left: 1em;
}

.list-unstyled li:before {
    content: none;
}

li.numeric-bullets {
    list-style-type: decimal !important;
}

    li.numeric-bullets:before {
        content: "" !important;
    }

li ol li {
    list-style-type: inherit;
}

    li ol li:before {
        display: none;
    }

ul.clean {
    list-style-type: none;
    padding-left: 0;
}

    ul.clean li {
        padding-bottom: 10px;
    }

        ul.clean li:before {
            display: none;
        }

        ul.clean li ul li {
            background: none;
            list-style-type: none;
            padding: 0 0 5px 18px;
        }

    ul.clean.inline li {
        display: inline-block;
        line-height: inherit;
        padding-right: 5px;
    }

    ul.clean.checkbox {
        font-size: 1.3em;
    }

ul.blue li:before {
    color: #000;
}
/*** Questions/Answers Style ***/
.qa {
    margin: 8px 0 24px 0;
    padding: 15px;
    background: #f2f2f2;
    border-radius: .45em;
}
/*** List-Group - Updated 8/25/20 for 2020 redesign ***/
.list-group li {
    position: relative;
    padding: 10px 15px;
    margin-bottom: -1px;
    border: 1px solid #15839e;
}

    .list-group li:before {
        content: "";
    }

    .list-group li:last-child {
        margin-bottom: 15px;
    }

@media (min-width:1280px) {
    .list-group li.col-lg-6:nth-child(even) {
        border-left: none;
    }

    .list-group li.col-lg-4:nth-child(3n), .list-group li.col-lg-4:nth-child(3n-1) {
        border-left: none;
    }

    .list-group li.col-lg-3:nth-child(4n), .list-group li.col-lg-3:nth-child(4n-1), .list-group li.col-lg-3:nth-child(4n-2) {
        border-left: none;
    }
}

@media (min-width:992px) {
    .list-group li.col-md-6:nth-child(even) {
        border-left: none;
    }

    .list-group li.col-md-4:nth-child(3n), .list-group li.col-md-4:nth-child(3n-1) {
        border-left: none;
    }

    .list-group li.col-md-3:nth-child(4n), .list-group li.col-md-3:nth-child(4n-1), .list-group li.col-md-3:nth-child(4n-2) {
        border-left: none;
    }
}

@media (min-width:768px) {
    .list-group li.col-sm-6:nth-child(even) {
        border-left: none;
    }

    .list-group li.col-sm-4:nth-child(3n), .list-group li.col-sm-4:nth-child(3n-1) {
        border-left: none;
    }

    .list-group li.col-sm-3:nth-child(4n), .list-group li.col-sm-3:nth-child(4n-1), .list-group li.col-sm-3:nth-child(4n-2) {
        border-left: none;
    }
}
/*** Ordered list ***/
ol.alpha-lc {
    list-style-type: lower-alpha;
}

ol.roman-lc {
    list-style-type: lower-roman;
}
/*** Mobile List ***/
@media (max-width: 767px) {
    ul, ol {
        margin-bottom: 0;
    }
}
/* Images */
.img-right, .img-left {
    margin-bottom: 15px;
    display: table-cell !important;
}

@media (max-width: 767px) {
    .img-mobile {
        display: none;
    }
}
/*main img {
	border: 1px solid #313A3C;
}*/
figure {
    background-color: transparent;
    border: none;
}

figcaption {
    text-align: center;
}
/* Tabs - Updated 8/26/20 for 2020 redesign */
.nav-tabs > li > a {
    margin-right: 2px;
    height: 55px;
    line-height: 2em;
    border-radius: 4px 4px 0 0;
    border: 1px solid #15839e;
    background: #ffc411;
    font-weight: bold !important;
    color: #043951 !important;
}

    .nav-tabs > li > a:hover {
        color: #000;
    }

.nav-tabs {
    border-bottom: 1px solid #15839e;
}

    .nav-tabs > li:before {
        content: normal !important;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus {
        color: #043951;
        border: 1px solid #15839e;
        background: #FFFFFF;
        border-bottom-color: #FFFFFF;
        cursor: default;
    }

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #f5aa02;
}

.tab-content {
    border: 1px solid #15839e;
    background: #FFFFFF;
    padding: 40px;
    z-index: 2;
    border-radius: 0px 0px 4px 4px;
    margin-top: -1px;
}

.responsive-tabs-container .tab-pane {
    margin-bottom: 15px;
}

.responsive-tabs-container .accordion-link {
    display: none;
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #ffc411;
    border-radius: 3px;
    border: 2px solid #15839e;
    color: #043951;
}

    .responsive-tabs-container .accordion-link:hover {
        color: #043951;
    }

    .responsive-tabs-container .accordion-link:focus {
        text-decoration: none;
    }

@media (max-width: 767px) {
    .responsive-tabs-container.accordion-xs .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-xs .accordion-link {
        display: block;
    }
}

@media (max-width: 991px) {
    .tab-content {
        border-radius: 4px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .responsive-tabs-container.accordion-sm .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-sm .accordion-link {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .responsive-tabs-container.accordion-md .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-md .accordion-link {
        display: block;
    }
}

div.active:focus {
    outline: none;
}
/*** Multiline Tabs ***/
.multiline > li {
    width: 145px;
}

    .multiline > li > a {
        height: 90px;
        line-height: 1.3em;
    }

    .multiline > li.active > a, .multiline > li.active > a:hover, .multiline > li.active > a:focus {
        height: 90px;
    }

@media (max-width:991px) {
    .panel-title a br {
        content: ' ';
        display: none;
    }

        .panel-title a br:after {
            content: ' ';
        }
}
/*** responseive tabs from v 5.0 ***/
.panel-default > .panel-heading {
    background-color: #043951;
}

.panel-group .panel-heading .panel-title a:hover {
    background-color: #1f4e63;
}

.panel .panel-heading:hover::after {
    color: white !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1280px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm, .panel-group.responsive.visible-xs.visible-sm {
        display: block !important;
    }

    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    .hidden-lg {
        display: none !important;
    }
}
/*** News Release ***/
.nr-contact {
    text-align: left;
    margin-top: 10px;
}

.responsive-tabs-container.accordion-lg .nav-tabs {
    display: none;
}

.responsive-tabs-container.accordion-lg .accordion-link {
    display: block;
}

.nav > li:before {
    content: none;
}
/* Toggle - Updated 8/25/20 for 2020 redesign */
.toggle, .toggle > a {
    display: block;
    position: relative;
    margin-left: 13px;
}

    .toggle a:hover, .toggle a:focus {
        text-decoration: none !important;
    }

    .toggle > a:before {
        content: "\f0fe";
        font-family: 'Font Awesome 5 Pro';
        color: #f5aa02;
        margin-top: 1px;
        position: absolute;
        top: 0;
        left: -25px;
    }

    .toggle > a[aria-expanded="true"]:before {
        content: "\f146 "; /* fa-minus-circle */
        color: #f5aa02;
    }

    .toggle.small {
        font-size: 1.1em !important;
    }

.collapse, .collapsing, .collapse.show {
    margin-left: 26px !important;
    padding-top: .05em !important;
}

.pull-text {
    padding-left: 26px;
}

p.pull-text {
    margin: 0 0 0.7rem 0;
}

.toggle {
    -webkit-margin-after: .5em !important;
    -webkit-margin-before: .5em !important;
    font-size: 1.54rem !important;
}
/*** FormsPubs ***/
.formspubs-notice {
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eaeaea));
    background: -webkit-linear-gradient(to top, #fefefe 0%, #eaeaea 100%);
    background: -o-linear-gradient(to top, #fefefe 0%, #eaeaea 100%);
    background: -ms-linear-gradient(to top, #fefefe 0%, #eaeaea 100%);
    background: linear-gradient(to top, #fefefe 0%, #eaeaea 100%);
    border: 1px solid #c8c8c8;
    -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
    margin: 1em 0 1em 0;
    overflow: hidden;
    text-align: center;
}
/*** Responsive Video ***/
.YouTubeWrapper {
    position: relative;
    padding-top: 25px;
    padding-bottom: 56.25% !important; /* 16:9 */
    margin-bottom: .75em;
    height: 0;
}

    .YouTubeWrapper iframe, .YouTubeWrapper .fb-page, .YouTubeWrapper .twitter-timeline {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
/*** News Release ***/
@media (min-width: 768px) {
    .nr-contact {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .nr-contact {
        text-align: left;
        margin-top: 10px;
    }
}
/*** Service Tiles ***/
.service-tile .teaser {
    background: #043951;
    background: -webkit-linear-gradient(top, rgba(50, 58, 69, 0.9) 0%, rgba(50, 58, 69, 0.9) 30%, #043951 100%);
    background: linear-gradient(to bottom, rgba(50, 58, 69, 0.9) 0%, rgba(50, 58, 69, 0.9) 30%, #043951 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc323a45', endColorstr='#043951', GradientType=0);
}

[data-state="open"].service-tile:after {
    border-top: 15px solid #043951;
}

.service-tile .teaser .title a {
    color: #FFFFFF !important;
}

    .service-tile .teaser .title a:hover {
        color: #FFFFFF !important;
    }

.service-tile .teaser .title:hover, .service-tile:focus .teaser .title {
    color: #FFFFFF;
}

.card {
    background-color: #ffffff;
    border: 1px solid #137791;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; /* Added for 2020 redesign */
}

div.card.card-default .card-header {
    background: #137791;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

    div.card.card-default .card-header a:hover {
        text-decoration: underline;
    }

    div.card.card-default .card-header a {
        color: #FFFFFF;
    }

img.card-img-top {
    border: 0;
}
/* border classes */
.bordtop {
    border-top: thin solid #808080;
}

.bordbot {
    border-bottom: thin solid #808080;
}

.bordleft {
    border-left: thin solid #808080;
}

.bordright {
    border-right: thin solid #808080;
}

.border {
    border: thin solid #808080;
}
/* accessible footnotes */
/* see https://www.sitepoint.com/accessible-footnotes-css/ for reference */
article {
    counter-reset: footnotes;
}

ol.small {
    counter-reset: footnotes;
}
    /* Updated on 8/26/20 for 2020 redesign ***/
    ol.small :target {
        background: #FFECB5;
        border: 1px solid #15839e;
        padding: .6em;
        border-radius: .45em;
    }

a[aria-describedby^="note"] {
}

    a[aria-describedby^="note"]::after {
        counter-increment: footnotes;
        content: '['counter(footnotes) ']';
        vertical-align: super;
        font-size: 0.75em;
        margin-left: 2px;
        color: #015881 !important;
        pointer-events: auto;
    }

    a[aria-describedby^="note"]:hover::after {
        text-decoration: underline !important;
    }

    a[aria-describedby^="note"].asterisk::after, a[aria-describedby^="note"].asterisk2::after, a[aria-describedby^="note"].asterisk3::after, a[aria-describedby^="note"].dagger::after, a[aria-describedby^="note"].double::after {
        counter-increment: none;
    }

    a[aria-describedby^="note"]:focus::after {
        outline: thin dotted;
        outline-offset: 2px;
    }

    a[aria-describedby^="note"].asterisk:after {
        content: '\002A' !important;
    }

    a[aria-describedby^="note"].asterisk2:after {
        content: '\002A\002A' !important;
    }

    a[aria-describedby^="note"].asterisk3:after {
        content: '\002A\002A\002A' !important;
    }

    a[aria-describedby^="note"].dagger:after {
        content: '\2020' !important;
    }

    a[aria-describedby^="note"].double:after {
        content: '\2020\2020' !important;
    }
/*** Filtered Results - Updated 8/26/20 for 2020 redesign ***/
/* used on seminar page */
.results div[visible='false'], .no-result {
    display: none;
}

.results div[visible='true'] {
    display: block;
}

input[type="text"] {
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 5px;
    width: 100%;
}

.filter h2 {
    background: #ffc411;
    border-radius: 4px;
    border: 2px solid #15839e;
    padding: 5px;
}

.filter p {
    background: none;
    margin-left: 2.4em;
}

    .filter p:before {
        font-family: "CaGov";
        font-size: 1.5em;
        color: #15839e;
        margin-left: -1.5em; /* Updated 9/4/20 for 2020 redesign */
        float: left;
        margin-top: -0.25em;
    }

    .filter p.date:before {
        content: "\e60a";
    }

    .filter p.loc:before {
        content: "\e081";
    }

    .filter p.reg:before {
        content: '\6c';
    }

    .filter p.lang:before {
        content: '\f1ab';
        font-family: "Font Awesome 5 Pro";
    }

    .filter p.info:before {
        content: '\e905';
    }
/*** Icons ***/
.circle-icon {
    background: #1d2127;
    width: 7rem;
    height: 7rem;
    text-align: center;
    line-height: 7rem;
    padding: 1.5rem;
    border-radius: 50%;
    font-size: 3.5rem;
    text-decoration: none;
}

.block-icon {
    display: block;
    margin-bottom: .7rem;
    margin-top: 1.5rem;
}

.icon-link {
    text-decoration: none !important;
    font-size: 1.25rem;
    transition: all ease .3s;
}

    .icon-link:hover, .icon-link:focus {
        color: #FDB81E !important;
    }
/*** Footer ***/
.section-impact, .card-impact {
    background: #043951;
    color: #ffffff;
}

.global-footer .copyright {
    background: none !important;
    padding: 15px 0 0 !important;
    color: #043951 !important;
}

.global-footer {
    background: #043951;
    padding-top: 0;
}

    .global-footer .socialsharer-container {
        float: none !important;
    }

hr.gold {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(235, 193, 161, 0), rgba(235, 193, 161, 0.75), rgba(235, 193, 161, 0));
    margin-top: 40px;
}
/*** Section-Default ***/
.section-default h1, .section-default h2, .section-default h3, .section-default h4 {
    color: #043951;
}
/*** Section-Impact ***/
.section-impact, .card-impact {
    background: #043951;
}

    .section-impact a:not(.btn), .card-impact a:not(.btn) {
        color: #FFFFFF !important;
    }

        .section-impact a:not(.btn):hover, .card-impact a:not(.btn):hover, .section-impact a:not(.btn):focus, .card-impact a:not(.btn):focus {
            color: #FFFFFF !important;
        }
/*** Profile Banners ***/
.profile-banner {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80ffffff', GradientType=0);
    border: 1px solid #ffc411;
    margin-bottom: 15px;
    clear: both;
}

.banner-subtitle {
    color: #000;
    font-size: 14.4px;
    font-size: 0.9rem;
    font-weight: bold;
    margin: 0 30px .2em 0;
    padding: 4px 35px 2px 10px;
    background: -webkit-linear-gradient(left, rgba(210, 164, 130, 0.7) 0%, rgba(210, 164, 130, 0) 100%);
    background: linear-gradient(to right, rgba(210, 164, 130, 0.7) 0%, rgba(210, 164, 130, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#20000000', endColorStr='#00000000', GradientType='1');
}

.banner-title {
    color: #000;
}

#profile.profile-banner {
    margin-top: 1.8em;
}

img.profile-pic {
    width: 100px;
}
/*** Top Level Links ***/
.first-level-link, .first-level-link:hover, .first-level-link:focus {
    color: #000;
}
/*** Close Button ***/
.close {
    color: #000 !important;
    opacity: 1;
    font-size: 1.5em !important;
    filter: alpha(opacity=50);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    text-shadow: none;
}

    .close:hover, .close:focus {
        color: #000;
        opacity: 1;
    }
/*** Icon Container ***/
.iconcontainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.iconbox {
    background: #FFFFFF;
    background-color: #FFFFFF;
    border: 1px solid #043951;
    padding: 40px 25px;
    text-align: right;
    display: block;
    margin-top: 80px;
    margin-bottom: 15px;
}

.section-impact .featureinfo h2 {
    color: #000;
}

.iconbox-icon {
    background-color: #043951;
    border: 6px solid #fafcfa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    margin-top: -100px;
}

    .iconbox-icon span {
        color: #ffc411;
        font-size: 42px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 25px;
        text-align: center;
        vertical-align: middle;
    }

.featureinfo > p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.08em;
    line-height: 1.42857143;
    color: #333333;
    padding-top: 4px;
    text-align: left;
    margin-bottom: 20px;
}

.featureinfo > ul {
    text-align: left;
}

    .featureinfo > ul > li > a:not(.btn) {
        color: #007BB5 !important;
    }

    .featureinfo > ul > li {
        color: #333333;
    }

        .featureinfo > ul > li > a:not(.btn):hover, .featureinfo > ul > li > a:not(.btn):focus {
            color: #34415e !important;
            text-decoration: underline;
        }

.section-impact h1, .card-impact h1, .section-impact h2, .card-impact h2, .section-impact h3, .card-impact h3, .section-impact h4, .card-impact h4, .section-impact h5, .card-impact h5, .section-impact h6, .card-impact h6 {
    color: #ffc411;
    font-weight: normal;
}

.row.panel-height {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

main .iconbox {
    width: 100%;
}
/*** Return to Top Button ***/
.return-top {
    color: #ffc411;
    background: rgb(49, 58, 60);
}
/*** News Section ***/
.news-heading-icon {
    background-color: #ffc411;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    margin-bottom: .83em;
    border: 8px solid #043951;
    margin-top: -64px;
}

    .news-heading-icon span {
        color: #000;
        font-size: 42px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 35px;
        text-align: center;
        vertical-align: middle;
    }

#latest-news .container {
    border: 1px solid #ffc411;
    margin-top: 70px;
    background: #FFFFFF;
}

    #latest-news .container a:not(.btn) {
        color: #007BB5 !important;
    }

        #latest-news .container a:not(.btn):hover {
            color: #34415e !important;
        }

    #latest-news .container p {
        color: #000 !important;
    }

.news-item {
    padding: 0 40px;
}

@media (min-width: 1280px) {
    #latest-news .container {
        width: 1250px;
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    #latest-news .container {
        width: 940px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #latest-news .container {
        width: 720px;
    }
}

@media (max-width: 767px) {
    #latest-news .container {
        margin-right: 15px;
        margin-left: 15px;
    }
}
/*** Homepage Banner ***/
.slide-text {
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin: 0 auto;
    font-size: 1em;
    font-stretch: normal;
    text-align: left;
    top: auto;
    border: none;
    border-radius: 0px;
    background-color: rgba(62, 75, 77, .8);
    padding-right: 150px;
}

    .slide-text .title {
        font-size: 1.8em !important;
        color: #FFFFFF;
    }

.header-slideshow-banner .banner-control.active {
    color: rgba(0, 0, 0, 0.9);
    background-color: rgba(235, 193, 161, .7);
    border: transparent;
}

.header-slideshow-banner .banner-control {
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    color: rgb(255, 255, 255);
    background: #043951;
    background-color: #043951;
}

    .header-slideshow-banner .banner-control:hover {
        background-color: rgba(79, 96, 99, .95);
    }

    .header-slideshow-banner .banner-control.active {
        display: block;
        color: #043951;
        background-color: #ffc411;
        border: transparent !important;
    }

@media (max-width: 767px) {
    .header-slideshow-banner {
        display: none;
    }
}
/*** Accordion Panel Default ***/
.panel-default > .panel-heading {
    color: #f5aa02;
    background-color: #043951;
    border-color: #043951;
}

.panel-default {
    border-color: #043951;
}

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: transparent;
    }

    .panel-default > .panel-heading a:not(.btn) {
        color: #f5aa02 !important;
    }

.accordion .panel-heading .panel-title a.collapsed:after, .panel-group .panel-heading .panel-title a.collapsed:after, .service-tile-content .panel-heading .panel-title a.collapsed:after {
    content: "\59";
}

.accordion .panel-heading .panel-title a:after, .panel-group .panel-heading .panel-title a:after, .service-tile-content .panel-heading .panel-title a:after {
    content: "\58";
    font-family: 'CaGov';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    color: #f5aa02;
    font-size: 1.5em !important;
}

.accordion .panel-heading .panel-title a:hover, .panel-group .panel-heading .panel-title a:hover, .service-tile-content .panel-heading .panel-title a:hover, .accordion .panel-heading .panel-title a:focus, .panel-group .panel-heading .panel-title a:focus, .service-tile-content .panel-heading .panel-title a:focus {
    outline: dotted 1px #FFFFFF;
}

.panel-collapse.collapse, .panel-collapse.collapsing, .panel-collapse.collapse.in {
    margin-left: 0 !important;
    background-color: #ffffff !important;
}

@media (max-width:991px) {
    .panel-heading .panel-title a {
        color: #FFFFFF !important;
    }
}
/*** Note - Updated 8/26/20 for 2020 redesign ***/
.label-info {
    background-color: #043951;
}

.label {
    color: #FFFFFF;
}
/*** Page Alert ***/
.alert-info {
    background-color: #FFFFFF;
    border-color: #043951;
    color: #000;
}

.alert-severe {
    background: #ffa42f;
}

div.alert p a, div.alert p a:hover {
    color: #000 !important;
    text-decoration: underline !important;
}
/*** Table - Updated 8/25/20 to reflect redesign ***/
.table tbody tr > th.row {
    display: table-cell;
}

.table.table-default > thead > tr > th, .table.table-default > tr > th, .table.table-default > tbody > tr > th {
    background: #ffc411;
    border: 2px solid #15839e !important;
    color: #043951;
}

.table-default caption {
    border-bottom: 0 !important;
}

.table.table-default > tbody > tr > td, .table.table-default > tr > td {
    background: #FFFFFF;
    border: 2px solid #15839e;
    color: #043951;
}

.table.table-striped > thead > tr > th, .table.table-striped > thead {
    background: #ffc411;
    border: 2px solid #15839e;
    color: #043951;
    font-weight: bold;
}

.table.table-striped > tbody > tr > td {
    background: #FFFFFF;
    border: 2px solid #15839e;
}

.table.table-striped > tbody > tr:nth-child(even) > td {
    background: #FFF0C3;
}

.table.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: white;
    color: #043951;
}

.table.table-striped > tbody > tr:nth-child(even) > th {
    background-color: #FFF0C3 !important;
    color: #043951;
}

.table.table-striped > tbody > tr > th {
    font-weight: inherit;
    border: 2px solid #15839e !important;
}

.table.table-striped th {
    border: 2px solid #15839e;
    font-weight: normal;
    color: #043951;
}

.table > thead:first-child > tr:first-child > th {
    border-top: 2px solid #15839e;
    color: #043951;
}

.whitebk {
    background: #FFFFFF !important;
}
/*** Data Tables ***/
table.dataTable.table.table-default thead > tr > th {
    background-repeat: no-repeat;
    background-position: center right;
}

    table.dataTable.table.table-default thead > tr > th:nth-child(3), table.dataTable.table.table-default thead > tr > th:nth-child(5) {
        padding-right: 18px;
    }

    table.dataTable.table.table-default thead > tr > th.sorting_asc {
        background-image: url(/images/sort_asc.png);
    }

    table.dataTable.table.table-default thead > tr > th.sorting_desc {
        background-image: url(/images/sort_desc.png);
    }

    table.dataTable.table.table-default thead > tr > th.sorting {
        background-image: url(/images/sort_both.png);
    }

table.dataTable {
    border-collapse: collapse;
}

#formTable_filter {
    float: right;
}

    #formTable_filter input {
        margin-left: 8px;
        padding-left: 5px;
        border: 1px solid #6c7a89;
        border-radius: 4px;
        margin-bottom: 5px;
    }

.table tbody tr td {
    vertical-align: middle !important;
}

.dataTable th.text-center.sorting, .dataTable th.text-center.sorting_asc, .dataTable th.text-center.sorting_desc {
    padding-right: 3em;
}

.dataTable thead tr th:hover {
    cursor: pointer !important;
}

#datatable_filter input {
    margin-left: 8px;
    padding-left: 5px;
    margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
    #datatable_filter {
        float: right;
    }
}

@media screen and (max-width: 767px) {
    #datatable_filter {
        text-align: center;
    }

    .dataTables_wrapper {
        width: 100% !important;
        margin-bottom: 16.5px !important;
        overflow-y: hidden !important;
        overflow-x: auto !important;
        -ms-overflow-style: -ms-autohiding-scrollbar !important;
        border: 1px solid #ddd !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .dataTables_wrapper {
        padding-top: 10px;
    }

        .dataTables_wrapper > .dataTable {
            margin-bottom: 0 !important;
        }

            .dataTables_wrapper > .dataTable > thead > tr > th, .dataTables_wrapper > .dataTable > tbody > tr > th, .dataTables_wrapper > .dataTable > tfoot > tr > th, .dataTables_wrapper > .dataTable > thead > tr > td, .dataTables_wrapper > .dataTable > tbody > tr > td, .dataTables_wrapper > .dataTable > tfoot > tr > td {
                white-space: nowrap !important;
            }
}
/*** Worksheet Tables ***/
.table-worksheet > thead > tr > th {
    border-bottom: thin solid black;
}

.table-worksheet > tbody > tr > th, .table-worksheet > tbody > tr > td {
    border-top: thin solid black;
    vertical-align: bottom;
    font-weight: normal;
}

.table-worksheet tr th:first-child, .table-worksheet tr td:first-child {
    border-left: none;
}

.table-worksheet tbody {
    border-bottom: thin solid black;
}

    .table-worksheet tbody tr td {
        border-left: thin solid black;
    }

.th {
    font-weight: bold;
    background: #ffc411;
    border: 2px solid #15839e !important;
    border-bottom: none !important;
    text-align: left;
    padding: 8px;
    color: #043951;
}

.td {
    font-weight: normal;
    background: #FFFFFF !important;
    border: 2px solid #15839e !important;
    border-bottom: none !important;
    text-align: left;
    padding: 8px;
}

.text-center {
    text-align: center !important;
}

borderx {
    border-left: 2px solid #043951 !important;
    border-right: 2px solid #043951 !important;
    border-top: none !important;
    border-bottom: none !important;
}
/*** Form Elements - Updated 8/26/20 for 2020 redesign ***/
input[type="text"], textarea.form-control, select.form-control, input[type="email"], input[type="tel"] {
    border: 1px solid #043951 !important;
    border-radius: 4px;
}

input[type="radio"], input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

input[type="text"] + label {
    color: #000;
}

input[type="checkbox"] + label {
    display: block;
    padding-left: 15px;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    padding-left: 25px;
}

.form-check-input {
    margin-left: -.5rem;
}

input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    cursor: pointer;
    vertical-align: middle;
}

input[type="checkbox"] + label:before {
    position: absolute;
    top: 5px;
    left: 6px;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: '';
    border: 1px solid #043951;
}

input[type="radio"] + label:after, input[type="checkbox"] + label:after {
    position: absolute;
    display: none;
    content: '';
}

input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before {
    animation-name: none;
}

input[type="radio"]:checked + label:after, input[type="checkbox"]:checked + label:after {
    display: block;
}

input[type="radio"] + label:before {
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: '';
    border: 1px solid #043951;
}

input[type="radio"] + label:after {
    top: 8px;
    left: 6px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #043951;
}

input[type="radio"]:checked + label:before {
    border: 1px solid #043951;
}

input[type="checkbox"] + label:before {
    border-radius: 3px;
}

input[type="checkbox"] + label:after {
    top: 6px;
    left: 11px;
    box-sizing: border-box;
    width: 5px;
    height: 11px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #FFFFFF;
    border-top: 0;
    border-left: 0;
}

input[type="checkbox"]:checked + label:before {
    border: #043951;
    background: #043951;
}

input[type=radio]:focus + label:before, input[type=checkbox]:focus + label:before {
    box-shadow: 0 0 10px 2px #15839e;
}

[role="tooltip"] {
    display: none;
    border-radius: 4px;
    padding: 0.25em;
    margin: 0;
    background: #FFECB5;
    border: 1px solid #15839e;
    width: 100%;
    z-index: 2;
}

input:focus + [role="tooltip"] {
    display: block;
    top: 100%;
}
/*** DataTables ***/
input[type="text"]#searchCounty, input[type="text"]#searchLocation {
    padding-left: 5px;
}
/*** Industry Banners ***/
#industry-banner {
    background-size: cover;
    background-position: right;
    margin-bottom: 25px;
    height: 450px;
    position: relative;
}

    #industry-banner h1 {
        color: #FFFFFF;
        background-color: rgba(4, 57, 81, .8);
        padding: 15px;
        margin-right: 15px;
        position: absolute;
        top: 22%;
        border-radius: 4px;
        font-size: 60px;
    }

        #industry-banner h1 span {
            font-size: 40px;
            font-family: 'Times New Roman', Times, serif;
            line-height: 1em;
        }

@media (max-width: 767px) {
    #industry-banner {
        display: none;
    }

        #industry-banner h1 {
            display: none;
        }

    ul.utility-links li:nth-child(3) {
        display: none;
    }
}

@media (min-width: 768px) {
    h1#industry {
        display: none !important;
    }
}
/*** Alert Banner ***/
.alert-cdtfa {
    color: #000;
    margin-bottom: 0 !important;
    background-color: #ffc411;
}

.alert a:not(.close) {
    text-decoration: underline;
    color: #024767 !important;
}

.alert-cdtfa a:not(.close) {
    text-decoration: underline;
    color: #024767 !important;
}

.alert-heading {
    background: #043951;
    color: #FFFFFF;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 5px;
    width: 70px;
}

.alert-cdtfa ul ~ p, .alert-cdtfa ol ~ p {
    margin-left: 40px;
}

button#more, button#less {
    display: none;
    background: #043951;
    color: white !important;
}

@media (max-width:767px) {
    .alert {
        height: auto;
    }

        .alert.short {
            height: 145px;
            overflow: hidden;
        }

        .alert.alert-cdtfa:not(.short) {
            padding-bottom: 35px;
        }

    #read {
        width: 100%;
        position: absolute;
        top: 110px;
        padding: 5px 0;
        background-color: #ffc411;
        background-color: #ffc411cc;
    }

    .alert.alert-cdtfa:not(.short) #read {
        top: unset;
    }

    #read.hide {
        display: none !important;
    }

    .alert.alert-cdtfa.short #less {
        display: none;
    }

    .alert.alert-cdtfa:not(.short) #less {
        display: block;
    }

    .alert.alert-cdtfa.short #more {
        display: block;
    }

    .alert.alert-cdtfa:not(.short) #more {
        display: none;
    }
}

@media (min-width: 768px) {
    header .alert-cdtfa {
        padding-left: 290px;
        background-image: url("/images/AlertBlueArrow2.png");
        background-repeat: no-repeat;
        background-position: left;
        margin-left: -2px;
        min-height: 109px;
    }

    .alert-heading {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
}
/*** Forms and Pubs ***/
.pubdate {
    font-size: 1.5em;
}
/*** Fixing Google Search Styles ***/
/* Moved from search-results-standalone.htm to apply to all search results including other Custom Searches */
.gsc-control-cse {
    border-color: #15839e !important; /* Updated for 2020 redesign */
    border-radius: 4px;
    background-color: transparent !important; /* Updated for 2020 redesign */
    padding: 20px !important;
}

.gsc-result-info {
    margin: 0 !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.gsst_a .gscb_a {
    line-height: 30px;
}

.cdtfa-custom-search input[type="text"] {
    border: none !important;
}

.gsc-results {
    width: 100%;
}

.gsc-above-wrapper-area {
    border-bottom: 2px solid #ffc411 !important; /* Updated for 2020 redesign */
}

.gsc-webResult.gsc-result {
    background-color: #ffffff; /* Updated for 2020 redesign */
    border: 1px solid #ffffff !important; /* Updated for 2020 redesign */
    border-bottom: #15839e solid 1px !important; /* Updated for 2020 redesign */
}

div.gs-visibleUrl.gs-visibleUrl-short {
    display: none !important;
}

div.gs-visibleUrl.gs-visibleUrl-long {
    display: block !important;
}

.gsc-url-top {
    display: block !important
}

.gsc-thumbnail-inside {
    display: block !important;
}

.gsc-table-result .gs-title, .gs-visibleUrl.gs-visibleUrl-long {
    display: none !important;
}

.gsc-table-result .gs-visibleUrl.gs-visibleUrl-long {
    display: none !important;
}

div#___gcse_1 {
    background-color: none !important;
}
/*** Law Guides ***/
.uline {
    text-decoration: underline;
}

.break {
    border-top: 1px dotted #999;
    padding-bottom: 0px;
    margin-top: 10px;
    height: 10px;
}

.index-head {
    font-size: 1.6em;
    font-weight: bold;
}

th#regulation, th#annotation {
    width: 15%;
}

table.annotations td.extra-titles {
    background-color: rgba(235, 193, 161, .1);
}

img.deletion {
    border: none !important;
}
/** Building Updates Start **/
.extendo-table .collapse, .extendo-table .collapsing, .extendo-table .collapse.in {
    /* Adjusting the spacing between tables, and removed left spacing to keep table flush with the toggle */
    padding-left: 0px;
    padding-top: 2px;
}

.extendo-table {
    margin-bottom: 6px;
}

    .extendo-table .toggle {
        -webkit-margin-after: 0 !important;
        -webkit-margin-before: 2px !important;
        background: #137791;
        color: #ffffff;
        border: 2px solid #137791;
        margin-left: 0px;
        font-size: 1.125rem !important;
        font-weight: bold;
        line-height: 1.1;
        border-radius: 4px;
    }

        .extendo-table .toggle > a {
            /* Matches Toggle color, adds padding, shifts text to give +/- icon room*/
            color: #ffffff !important;
            padding: 15px;
            margin-left: 18px;
        }

            .extendo-table .toggle > a:focus, .extendo-table .toggle > a {
                padding-left: 5px !important;
                margin-left: 25px !important;
            }

                .extendo-table .toggle > a:before {
                    /* Makes the +/- icon match the A tag styles */
                    color: #ffffff;
                    padding: inherit;
                }
/*  bu-button is for the SSI panel at the top right of every Building Updates page */
.bu-button-left, .bu-button-right {
    text-align: center;
    margin: 2px;
}

a.btn.btn-primary.m-b-sm.bu-button-left, a.btn.btn-primary.m-b-sm.bu-button-right {
    width: 100%;
}
/** Building Updates End **/
.global-header {
    position: relative;
    padding: 0;
    background: #FFFFFF;
}

a {
    color: #0171a5 !important;
}

#header {
    position: relative;
}

#skip-to-content:focus-within {
    clip: unset;
    border: thin dashed #ffc411;
}

#skip-to-content a {
    color: black !important;
    left: 100% !important;
}

.utility-links .btn.btn-primary:focus {
    outline: thin dotted white;
    outline-offset: 2px;
}
/* Media Services asked for a new video icon start */
.video-link:before {
    background-image: url("/images/video-icon.png");
    background-size: 100%;
    display: inline-block;
    content: "";
    position: relative;
    top: 8px;
    width: 28px;
    height: 28px;
}

h2 > .video-link:before {
    width: 36px;
    height: 36px;
}

h3 > .video-link:before {
    width: 32px;
    height: 32px;
}

h4 > .video-link:before {
    width: 30px;
    height: 30px;
}
/* Media Services asked for a new video icon end */
/************ NEW FOR 2020 REDESIGN ************/
/*** Search ***/
@media (min-width: 768px) {
    .full-width-nav .featured-search {
        width: 30%;
    }

        .full-width-nav .featured-search input.search-textfield {
            border-color: #15839e !important;
            height: 44px !important;
        }

    .color-teal {
        color: #15839e;
    }

    .search-container.featured-search.in.fixed-hide.active.focus {
        display: none;
    }
}

.search-container.featured-search {
    background: none;
}

.full-width-nav #head-search.fixed-hide:not(.active) {
    margin-top: 0;
}

.featured-search .container #Search .gsc-search-button {
    height: 44px !important;
    top: -3px !important;
}
/*** Search Mobile ***/
.search-container.featured-search.active {
    background-color: rgba(021, 131, 158, .6)
}

@media (max-width: 767px) {
    .full-width-nav .featured-search input.search-textfield {
        border: 1px solid !important;
        border-color: #15839e !important;
        border-radius: 4px;
        margin-top: .3rem;
    }

    .featured-search.active .container #Search .gsc-search-button {
        padding-top: .5rem;
    }

    .gsc-clear-button {
        background-image: none !important;
    }

    .search-container #Search .close-search .ca-gov-icon-close-mark {
        color: #043951;
    }

    .search-container #Search .close-search {
        padding-top: 10px !important;
    }
}

.featured-search.active .container #Search .gsc-search-button {
    color: #15839e;
}
/*** Navigation ***/
@media (min-width: 768px) {
    .dropdown .second-level-nav > li {
        height: auto;
    }

    .main-navigation.dropdown .sub-nav {
        min-width: 100%;
    }

    .second-level-nav > li {
        border-bottom: 2px solid #ffffff;
    }

    a.second-level-link {
        display: block !important;
    }

    #tax-resources.second-level-nav.flex.with-border a:first-child {
        border-left: none !important;
    }

    #tax-resources.second-level-nav.flex.with-border a {
        border-left: 1px solid #15839e;
        border-right: none !important;
        border-top: none;
        border-bottom: none;
    }

    #tax-resources > a.second-level-link:hover {
        background-color: transparent !important;
    }

    #tax-resources > a.second-level-link {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width: 767px) {
    .second-level-nav > li {
        border-right: none;
        border-bottom: 1px solid #15839e;
    }

    .first-level-link, .first-level-btn {
        border-bottom: 1px solid #ffc411;
    }

    nav#navigation.collapse, .collapsing, .collapse.in {
        padding-left: 0 !important;
    }

    #navigation.collapse, #navigation.collapsing, #navigation.collapse.show {
        margin-left: 0 !important;
    }
}

.has-sub .rotate {
    color: #15839e;
}

.second-level-nav.flex a:hover {
    background: #fff;
    color: #043951 !important;
    transition: all 0.5s !important;
}

.top-level-nav .nav-item {
    font-size: 20px;
    font-size: 1.25rem;
}

.first-level-link, .first-level-btn {
    color: #043951;
}

.sub-nav {
    background: whitesmoke;
}

.second-level-link [class^="fas fa-"], .second-level-link [class^="fa fa-"], .second-level-link [class^="far fa-"], .second-level-link [class^="fal fa-"], .second-level-link [class^="fad fa-"], .second-level-link [class^="fab fa-"] {
    color: #043951 !important;
    width: 1.6em;
}

a.second-level-link {
    color: #043951 !important;
}

@media (min-width: 768px) {
    .nav-item:hover, .nav-item:focus, nav-item-search:hover, nav-item-search:focus {
        background-color: whitesmoke;
    }

    .border-left-subnav {
        border-left: 4px solid #ffffff !important;
    }

    .border-bot-subnav {
        border-bottom: 4px solid #ffffff !important;
    }

    .nav-item .first-level-link.has-sub .carrot, .first-level-btn .carrot {
        font-size: 1.4rem;
        color: #15839e;
    }

    .full-width-nav .main-navigation .top-level-nav .first-level-btn.has-sub .carrot {
        bottom: 13px;
    }

    .top-level-nav .nav-item .sub-nav {
        top: 100%;
        box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.4);
    }

    .sub-nav {
        border-top: 3px solid #ffc411 !important;
    }

    .border-right-blue {
        border-right: 1px solid #15839e !important;
    }

    .second-level-nav.flex.with-border a:first-child {
        border-left: 1px solid #15839e;
    }
}

@media (max-width: 767px) {
    #navigation {
        border-bottom: none;
    }

        #navigation.show {
            border-bottom: 3px solid #FFC411;
        }

        #navigation.collapsing {
            border-bottom: 3px solid #FFC411;
        }
}
/*** Mobile Controls ***/
.mobile-controls {
    border-bottom: 2px solid #ffc411;
}
/*** Info Box ***/
.bg-primary-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #15839e, #043951);
}

.btn-outline-highlight, .btn-outline-highlight:focus, .btn-outline-highlight:not(:disabled):not(.disabled):active, .btn-outline-highlight:not(:disabled):not(.disabled).active {
    color: #ffc411 !important;
    background-color: transparent;
    border: 2px solid #ffc411;
}

    .btn-outline-highlight:hover, .btn-outline-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-highlight {
        color: #043951 !important;
        background-color: #f5aa02;
        border-color: #f5aa02;
    }

.button-bottom {
    position: absolute !important;
    bottom: 5% !important;
    left: 50% !important;
    transform: translate(-50%, -5%) !important;
}
/*** Header ***/
@media (min-width: 768px) {
    .global-header {
        border-bottom: 3px solid #ffc411 !important;
    }
}
/*** Utility Header ***/
.utility-header .flex-row .social-media-links .header-cagov-logo img {
    left: 0;
    height: 45px;
}

@media (min-width: 768px) {
    .utility-header {
        background: #043951;
        color: #ffffff;
    }

        .utility-header .social-media-links [class^="fab fa-"] {
            color: #FFFFFF !important;
            font-size: 24px;
            font-size: 2rem;
        }

        .utility-header .flex-row .social-media-links a {
            margin: 0 0 0 10px;
        }
}

.btn-light, a.btn-light {
    color: #043951 !important;
}

.utility-header {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

@media (min-width: 992px) {
    .utility-header .settings-links {
        margin-right: 16px;
        padding-right: 0;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .utility-header .settings-links {
        margin-right: 16px;
    }
}

@media (max-width: 767px) {
    .utility-header .settings-links {
        margin-right: 20px;
    }

    .social-media-links [class^="fab fa-"] {
        display: none !important;
    }
}
/*** Branding ***/
.branding .header-organization-banner img {
    width: 100%;
    max-width: 350px;
    max-height: 90px;
    object-fit: contain !important;
    object-position: left;
}

.branding .header-organization-banner {
    line-height: 79px;
}

@media (max-width: 767px) {
    .branding .header-organization-banner {
        line-height: 93px;
    }
}
/*** Accessibility Page ***/
.dl-horizontal dt {
    width: 230px;
    white-space: normal;
    margin-bottom: 5px;
    text-align: left;
    float: left;
    width: 160px;
    clear: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
/*** Accessibility Settings ***/
a.settings {
    color: #FFFFFF !important;
}

    a.settings:hover {
        color: #ffc411 !important;
    }
/*** Back to Top Button ***/
.return-top {
    color: #043951;
    background: #ffc411;
}

    .return-top:hover {
        background: #f5aa02;
        transition: all 0.5s;
    }
/*** PowerBI/Twitter ***/
@media (max-width: 991px) {
    #powerBI {
        border-right: 0;
    }
}

@media (min-width: 992px) {
    #powerBI {
        padding-right: 3rem;
        border-right: 1px solid #15839e;
    }

    #twitter {
        padding-left: 3rem;
    }
}

#powerBI iframe {
    border: 2px solid #eaeaea !important;
}

#twitter-widget-0 {
    border: 2px solid #eaeaea !important;
}

@media (min-width: 1200px) and (max-width: 1279px) {
    #twitter-widget-0 {
        height: 309.63px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #twitter-widget-0 {
        height: 259px !important;
    }
}

@media (max-width: 767px) {
    #twitter-widget-0 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
/*** News List ***/
@media (max-width: 767px) {
    #news-right {
        margin-top: -25px;
    }
}

.u-floatLeft {
    display: none !important;
}
/*** Footer ***/
@media (max-width:767px) {
    #acc-cert-button {
        margin-right: 0 !important;
    }
}

.section-impact a:not(.btn) {
    color: #FFFFFF !important;
}

.section-impact a:not(.btn), .card-impact a:not(.btn) {
    background-image: linear-gradient(to right, #FFFFFF 50%, transparent 50%);
    background-repeat: repeat-x;
    background-size: 2px 1px;
    background-position: center bottom 4%;
    background-origin: padding-box;
    text-decoration: none !important;
}

.btn-xs.btn-outline-highlight, .btn-xs.btn-outline-highlight:focus, .btn-xs.btn-outline-highlight:active, .btn-xs.btn-outline-highlight.active {
    color: #ffc411 !important;
    background-color: transparent;
    border: 1px solid #ffc411;
}

    .btn-xs.btn-outline-highlight:hover, .open > .dropdown-toggle.btn-xs.btn-outline-highlight {
        color: #043951 !important;
        background-color: #f5aa02;
        border: 1px solid #f5aa02;
    }

.copyright {
    font-size: .9rem;
}

.social-media-footer a {
    background-image: none !important;
    font-size: 1.4rem !important;
}

.social-media-footer [class^="fab fa-"] {
    font-size: 2rem !important;
}

ul.icon-footer-list {
    margin-top: 14px;
}

ul li.contact-cdtfa:before {
    content: "\f879";
    font-family: "Font Awesome 5 Pro";
    color: #FFFFFF;
    width: 1.5em;
    margin-left: -2.1em;
    vertical-align: top;
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
    list-style-type: none !important;
    padding-bottom: 5px;
}

ul li.contact-cdtfa {
    list-style-type: none;
    vertical-align: middle;
    line-height: 1.1em;
    margin-bottom: 5px;
}

    ul li.contact-cdtfa span {
        display: inline-block;
    }

ul li.mail:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Pro";
    color: #FFFFFF;
    width: 1.5em;
    margin-left: -2.1em;
    vertical-align: top;
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
    list-style-type: none !important;
    padding-bottom: 5px;
}

ul li.mail {
    list-style-type: none;
    vertical-align: middle;
    line-height: 1.1em;
    margin-bottom: 5px;
}

ul li.office-loc:before {
    content: "\f041";
    font-family: "Font Awesome 5 Pro";
    color: #FFFFFF;
    width: 1.5em;
    margin-left: -2.1em;
    vertical-align: top;
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
    list-style-type: none !important;
    padding-bottom: 5px;
}

ul li.office-loc {
    list-style-type: none;
    vertical-align: middle;
    line-height: 1.1em;
    margin-bottom: 5px;
}

ul li.cdtfa-directory:before {
    content: "\f2c2";
    font-family: "Font Awesome 5 Pro";
    color: #FFFFFF;
    width: 1.5em;
    margin-left: -2.1em;
    vertical-align: top;
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
    list-style-type: none !important;
    padding-bottom: 5px;
}

ul li.cdtfa-directory {
    list-style-type: none;
    vertical-align: middle;
    line-height: 1.1em;
    margin-bottom: 5px;
}
/*** Bootstrap Columns ***/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1280px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}
/*** Footnotes ***/
.fixed + div :target:before {
    height: 0;
    margin: 0;
}
/*** List Group ***/
.list-group {
    display: block;
}
/*** Tabs ***/
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px;
}

.nav-tabs > li > a.active, .nav-tabs > li > a.active:hover {
    border: 1px solid #15839e;
    border-bottom: #FFFFFF !important;
}
/*** Caption ***/
caption {
    text-align: center;
    caption-side: top;
    color: black;
}
/*** Table Worksheet ***/
table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}
/*** New Buttons ***/
.btn-outline-light {
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF;
}

    .btn-outline-light:hover {
        color: #043951 !important;
        background-color: #FFFFFF;
        border: 2px solid #FFFFFF;
    }
/*** Modal ***/
.modal-backdrop {
    z-index: 1;
}

.modal-footer {
    border-top: none !important;
    background-color: #137791;
}

.modal-header {
    border-bottom: none !important;
    background-color: #137791;
}

h3.modal-title {
    color: #ffffff;
}

.modal-header button.close {
    color: #ffffff !important;
}
/*** Forms ***/
legend {
    color: #043951;
    margin-bottom: 22px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
/*** Rules ***/
.yellow-rule {
    border-top: 1px solid #ffc411;
}
/*** TRA Icons ***/
ul.tra-icons li.videocamera:before {
    content: "\f03d";
    color: #ffc411;
    font-family: "Font Awesome 5 Pro";
    width: 1.6em;
    margin-left: -1.6em;
}

ul.tra-icons li.piechart:before {
    content: "\f64e";
    color: #ffc411;
    font-family: "Font Awesome 5 Pro";
    width: 1.6em;
    margin-left: -1.6em;
}

ul.tra-icons li.briefcase:before {
    content: "\f0b1";
    color: #ffc411;
    font-family: "Font Awesome 5 Pro";
    width: 1.6em;
    margin-left: -1.6em;
}

ul.tra-icons li.scale:before {
    content: "\f516";
    color: #ffc411;
    font-family: "Font Awesome 5 Pro";
    width: 1.6em;
    margin-left: -1.6em;
}
/*** Responsive Panels for Tabs ***/
.accordion .panel-heading .panel-title a:hover, .accordion .panel-heading .panel-title a:focus, .panel-group .panel-heading .panel-title a:hover, .panel-group .panel-heading .panel-title a:focus, .service-tile-content .panel-heading .panel-title a:hover, .service-tile-content .panel-heading .panel-title a:focus {
    background: #043951;
}

.panel-group.responsive.visible-xs.visible-sm > .panel.panel-default {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
/*@media (min-width: 1280px){
.container {
    max-width: 1200px;
}
	}*/
/*** Google Custom Search ***/
td.gsc-search-button::before {
    content: none;
}

td.gsc-clear-button {
    background-image: none !important;
}

.gsc-clear-button {
    padding-top: 22px !important;
}

.gsc-search-button {
    margin-left: 5px !important;
}

.gsc-search-button-v2 {
    padding: 10px 10px !important;
    border-color: #137791 !important;
    background-color: #137791 !important;
    border-radius: 4px !important;
}

    .cse .gsc-search-button-v2:hover, .gsc-search-button-v2:hover {
        border-color: #043951 !important;
        background-color: #043951 !important;
        transition: all 0.5s;
    }

    .gsc-search-button-v2 svg {
        fill: #ffffff;
        width: 20px;
        height: 20px;
    }

.gsc-input-box {
    border: 1px solid #137791 !important;
    padding: .5rem !important;
    border-radius: 4px !important;
}

td.gsc-input {
    width: 92% !important;
}

input#gsc-i-id1 {
    background: none !important;
}
/*** Page Banners ***/
#page-banner {
    background-position: center center;
    background-size: cover;
    margin-bottom: 25px;
    height: 450px;
    position: relative;
}

    #page-banner h1 {
        color: #FFFFFF;
        background-color: rgba(4, 57, 81, .8);
        padding: 15px;
        margin-right: 15px;
        position: absolute;
        top: 30%;
        border-radius: 4px;
        font-size: 60px;
    }

        #page-banner h1 span {
            font-size: 40px;
            font-family: 'Times New Roman', Times, serif;
            line-height: 1em;
            vertical-align: 6px;
        }

@media (max-width: 767px) {
    #page-banner {
        display: none;
    }

        #page-banner h1 {
            display: none;
        }
}

@media (min-width: 768px) {
    h1#page-heading {
        display: none !important;
    }
}
/*** Social Media Page ***/
.social-media-page-icons a {
    background-image: none !important;
    font-size: 4em;
    color: #137791 !important;
}
/*** Page Alert ***/
.page-alert {
    color: #000;
    margin-bottom: 0 !important;
    background-color: #FFF1C4;
    border: 1px solid #ffc411;
    border-radius: 3px;
}

    .page-alert a {
        color: #043951 !important;
    }

.main-content > .page-alert a:not(.btn) {
    background-image: linear-gradient(to right, #043951 50%, transparent 50%) !important;
}
/*** Aside ***/
.featured-narrative {
    border-bottom: 1px solid #15839e;
    border-top: 1px solid #15839e;
}
/*** Fullcalendar ***/
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    background-color: #137791 !important;
    border-color: #137791 !important;
    color: #ffffff !important;
}

.main-content a:not(.btn).fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    background-image: none !important;
}

span.fc-event-dot {
    background-color: #137791 !important;
}
/*** Notice Border ***/
.notice-border {
    border: solid 1px #15839e !important;
}

/*** Apps Header ***/
img.apps-cdtfa-logo {
    margin-left: 1em !important;
    height: 60px !important;
}