.pulse {
    animation-name: pulse;
    animation-duration: .25s;
    animation-iteration-count: 3;
    animation-direction: alternate;
}

.disabled {
    opacity: 0.8;
    cursor: not-allowed;
}

.btn.btn-skinny {
    width: fit-content;
    width: -moz-fit-content;
    padding: 0px 0px;
}



.transparent {
    opacity: .5;
}

@keyframes pulse {
    from {
        box-shadow: 0 0 0 0.2rem rgba(0, 255, 0, .25);
    }

    to {
        box-shadow: 0 0 0 0.2rem rgba(0, 255, 0, 1);
    }
}

.modal-lg {
    position: fixed;
    top: 75px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100em;
}

.error {
    color: red;
    border: 2px groove rgb(255,0,0);
    background-color: rgba(255, 0, 0, 0.05);
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.outline-green {
    border: 1px groove rgb(0,255,0);
    border-color: green;
    box-shadow: 0 0 0 0.2rem rgba(0, 255, 0, 0.25);
}

.outline-red {
    border: 2px groove rgb(255,0,0);
    border-color: red;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.accordionHeader {
    border: 0px;
    color: #996633;
    background-color: White;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
    margin-top: 2px;
    cursor: pointer;
}

.accordionPageContent {
    padding: 0px 0px 0px 20px;
    color: #000000;
    font-size: 12px;
    font-family: arial, Helvetica, sans-serif;
    border-top: none;
    border-style: none solid solid solid;
    border-width: 0px;
    border-color: #2F4F4F;
}

.accordionPageHeader {
    padding: 0px 0px 0px 10px;
    color: #427BBD;
    background-color: White;
    font-size: 12px;
    font-weight: bold;
    margin-top: 2px;
    cursor: pointer;
    font-family: arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.accordionHeaderDir {
    color: Blue;
    background-color: White;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
}

.BigHeaderStyle {
    padding: 0px 0px 0px 0px;
    color: #996633;
    font-weight: bold;
    font-size: 14px;
    font-family: arial, Helvetica, sans-serif;
}

.LittleHeaderStyle {
    padding: 0px 0px 0px 10px;
    color: #427BBD;
    font-size: 12px;
    font-weight: bold;
    font-family: arial, Helvetica, sans-serif;
}

.ItemStyle {
    padding: 0px 0px 0px 20px;
    color: #000000;
    font-size: 12px;
    font-family: arial, Helvetica, sans-serif;
}

.TextStyle {
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-size: 12px;
    font-family: arial, Helvetica, sans-serif;
}

#master_content .accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeader a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionContent {
    background-color: #D3DEEF;
    border-top: none;
    padding: 5px;
    padding-top: 9px;
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #2F4F4F;
    font-size: 9pt;
}

.watermarked {
    color: #999999;
}
/* End Of Accordion */

.tableHeader {
    font-weight: bold;
    font-size: 11pt;
    font-family: Sans-Serif;
}

.hidden {
    display: none;
}

.cdiTable {
    border-right: black 1px solid;
    border-top: black 1px solid;
    font-size: 10pt;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    font-family: Sans-Serif;
    background-color: lightskyblue;
}

.smallsanserif {
    font-size: 10pt;
    font-family: Sans-Serif;
}

.smallBorder {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}

.tabOn {
    border-right: #000080 1pt solid;
    padding-right: 15px;
    border-top: #000080 1pt solid;
    padding-left: 15px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 2px 0px;
    border-left: #000080 1pt solid;
    color: white;
    padding-top: 0px;
    font-family: Sans-Serif;
    background-color: navy;
    text-decoration: underline;
    cursor: pointer;
}

.tabOff {
    border-right: #000080 1pt solid;
    padding-right: 15px;
    border-top: #000080 1pt solid;
    padding-left: 15px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 2px 0px;
    border-left: #000080 1pt solid;
    cursor: pointer;
    color: navy;
    padding-top: 0px;
    font-family: Sans-Serif;
    text-decoration: underline;
}

BODY {
    margin-top: 0px;
    font-size: 13px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Arial, Serif, Verdana;
    background-color: White;
}

.MessageLink {
    text-decoration: none;
    cursor: pointer;
}

.MessageBox {
    width: 100px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: red;
    background-color: lemonchiffon;
    border-style: solid;
    border-color: red;
    border-width: thin;
}

.AttnHeader {
    color: darkred;
}

.CurrencyBox {
    text-align: right;
}

.Hint {
    color: Red;
    font-size: 11px;
    font-weight: bold;
}

.Welcome {
    color: navy;
    font-size: 12px;
    font-weight: bold;
}

.PopUp {
    position: absolute;
    z-index: 990;
    background-color: lemonchiffon;
    border-style: solid;
    border-color: goldenrod;
    border-width: medium;
    font-family: Arial, Serif, Verdana;
    font-size: 13px;
    font-weight: bold;
    top: 250px;
}

.Alert {
    font-size: 16px;
    font-weight: bold;
    color: Red;
}

.LoginButton {
    /*btn-sm btn-info;*/
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    color: white;
    border-bottom: black 1px solid;
    background-color: dodgerblue;
    cursor: pointer;
}

.LogoutButton {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    color: darkred;
    background-color: tan;
    cursor: pointer;
    font-weight: bold;
}

.RedButton {
    font-size: 12px;
    font-weight: bold;
    border-right: red 1px solid;
    border-top: red 1px solid;
    border-left: red 1px solid;
    border-bottom: red 1px solid;
    color: white;
    background-color: red;
    cursor: pointer;
    width: 100px;
}

.BlueButtonColumn {
    font-size: 7pt;
    font-weight: bold;
    border-right: blue 1px solid;
    border-top: blue 1px solid;
    border-left: blue 1px solid;
    border-bottom: blue 1px solid;
    color: white;
    background-color: blue;
    cursor: pointer;
    text-decoration: none;
}

.BlueButton {
    font-size: 12px;
    font-weight: bold;
    border-right: darkblue 2px solid;
    border-top: darkblue 2px solid;
    border-left: darkblue 2px solid;
    border-bottom: darkblue 2px solid;
    color: white;
    background-color: blue;
    cursor: pointer;
}

.Button {
    border: 1px solid blue;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: blue;
    cursor: pointer;
    height: 20px;
}

.DisabledButton {
    font-size: 12px;
    font-weight: bold;
    border: none;
    color: white;
    background-color: grey;
    cursor: pointer;
}

.Disabled-Panel {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .5
}

.Disabled-Panel-XMark {
    cursor: not-allowed;
    color: red;
}

.RadioList {
    font-size: 12px;
    color: black;
}

.MainMenuItem {
    color: Red;
    font-size: 14px;
    text-decoration: underline;
}

.MainMenuItemDisabled {
    color: gray;
    font-size: 14px;
    text-decoration: underline;
}

.SmallLinkBar {
    font-size: 13px;
    color: #333333;
}

.SmallLink {
    margin-left: 8px;
    cursor: pointer;
    color: #333333;
    margin-right: 8px;
    text-decoration: none;
}

.SmallLinkUnderline {
    margin-left: 8px;
    cursor: pointer;
    color: #333333;
    margin-right: 8px;
    text-decoration: underline;
}

.Copyright {
    font-size: 13px;
    color: #333333;
}

.Logo {
    margin-left: 20px;
}

.Banner {
    background-color: navy;
    width: 100%;
    height: 26px;
}

.BannerTitle {
    font-weight: bold;
    width: 750px;
    padding-left: 0px;
    font-size: 16px;
    padding-bottom: 2px;
    color: white;
    padding-top: 4px;
    background-color: navy;
    text-align: left;
}

.BannerSubTitle {
    padding-left: 6px;
    font-size: 12px;
    padding-bottom: 2px;
    color: white;
    padding-top: 2px;
    background-color: navy;
    margin: 0px;
}

.BannerTab {
    display: block;
    vertical-align: bottom;
}

.BannerTabUnselected {
    display: block;
    vertical-align: bottom;
    cursor: pointer;
}

.MenuItemHeading {
    margin-top: 20px;
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    color: darkblue;
    cursor: help;
}

.MenuItem {
    font-size: 13px;
    color: blue;
    text-decoration: underline;
    margin: 0px 20px;
}

.MenuItemSubtext {
    font-size: 13px;
    color: black;
    margin: 0px 30px;
}

.DisabledMenuItem {
    font-size: 13px;
    color: gray;
    text-decoration: underline;
    margin: 0px 20px;
}

.CDIAddress {
    text-align: center;
    color: darkred;
    margin: 16px;
    font-size: 8pt;
}

.Heading1 {
    font-weight: bold;
    font-size: 14pt;
    color: darkblue;
    font-style: italic;
    border-bottom: solid 1pt darkblue;
}

.Title {
    font-weight: bold;
    font-size: 16pt;
    color: darkblue;
    text-align: center;
    width: 100%;
}

.SubTitle {
    font-weight: bold;
    font-size: 16px;
    color: navy;
    margin-left: 10px;
    text-align: left;
}

.ChartTitle {
    font-weight: bold;
    font-size: 16px;
    color: darkgreen;
    text-align: center;
    width: 100%;
}

.ChartExplanation {
    font-weight: bold;
    font-size: 8pt;
    color: darkgreen;
    text-align: center;
    width: 100%;
}

.EmphasizedLabel {
    font-size: 15px;
    font-weight: bold;
    color: black;
}

.LargeLabel {
    font-size: 16px;
    font-weight: bold;
    color: navy;
}

.MediumLabel {
    font-size: 13px;
    font-weight: bold;
    color: navy;
}

.Label {
    font-size: 8pt;
    font-weight: bold;
    color: navy;
}

.SmallLabelNew {
    font-size: 13px;
    font-weight: bold;
    color: darkblue;
}

.SmallLabel {
    font-size: 13px;
    font-weight: bold;
    color: navy;
}

.VerySmallLabel {
    font-size: 8pt;
    font-weight: bold;
    color: navy;
}

.SmallDetailNew {
    font-size: 8pt;
    background-color: skyblue;
}

.SmallDetail {
    font-size: 8pt;
    background-color: aliceblue;
}

.VerySmallDetail {
    font-size: 7pt;
}

.Highlighted {
    color: blue;
}

.Shaded {
    background-color: lightgrey;
}

.Enclosure {
    width: 660px;
    margin-bottom: 10px;
}

.EmptyEnclosure {
    width: 660px;
}

.GridEnclosureNew {
    border: solid 1px blue;
    background-color: lightskyblue;
    width: 660px;
}

.GridEnclosure {
    border: solid 1pt mediumslateblue;
    background-color: gainsboro;
    width: 660px;
}

.GridTitleNew {
    border-left: none 0pt;
    border-right: none 0pt;
    border-top: none 0pt;
    border-bottom: none 0pt;
    font-weight: bold;
    font-size: 16px;
    color: white;
    background-color: darkblue;
    width: 100%;
    text-align: left;
}

.GridTitle {
    border-left: none 0pt;
    border-right: none 0pt;
    border-top: none 0pt;
    border-bottom: none 0pt;
    font-weight: bold;
    font-size: 16px;
    color: darkgreen;
    text-align: left;
}

.GridMessage {
    border-left: none 0pt;
    border-right: none 0pt;
    border-top: none 0pt;
    border-bottom: solid 1pt mediumslateblue;
    color: darkblue;
    background-color: Gainsboro;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.GridExplanation {
    border-left: none 0pt;
    border-right: none 0pt;
    border-top: none 0pt;
    border-bottom: solid 1pt mediumslateblue;
    color: darkblue;
    background-color: Gainsboro;
    font-size: 13px;
    width: 100%;
    text-align: left;
}

.GridExplanationNew {
    border-left: none 0pt;
    border-right: none 0pt;
    border-top: none 0pt;
    border-bottom: none 0pt;
    color: darkblue;
    background-color: aliceblue;
    font-size: 13px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

.GridDisclaimer {
    border-left: none 0pt;
    border-right: none 0pt;
    border-top: none 0pt;
    border-bottom: solid 1pt mediumslateblue;
    color: darkblue;
    background-color: Gainsboro;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}

.GridEmpty {
    font-style: italic;
    font-size: 13px;
    color: Red;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}

.GridNew {
    border-color: mediumslateblue;
    border-left: none 0pt;
    border-right: none 0pt;
    border-top: none 0pt;
    border-bottom: none 0pt;
    background-color: aliceblue;
    font-size: 7pt;
    width: 100%;
    text-align: left;
}

.LienGrid {
    border-color: mediumslateblue;
    border-left: none 0pt;
    border-right: none 0pt;
    border-top: none 0pt;
    border-bottom: none 0pt;
    border-width: 2px;
    background-color: AliceBlue;
    font-size: 8pt;
    text-align: left;
}

    .LienGrid td {
        color: Black;
        font-size: 10pt;
        vertical-align: top;
    }

        .LienGrid td Label {
            color: Lime;
        }

.Grid {
    border-color: mediumslateblue;
    border-left: none 0pt;
    border-right: none 0pt;
    border-top: none 0pt;
    border-bottom: none 0pt;
    border-width: 2px;
    background-color: AliceBlue;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}

    .Grid TD {
        border-color: Gainsboro;
        padding: 0px 2px;
    }

.GridPopUp {
    background-color: AliceBlue;
    font-size: 8pt;
}

    .GridPopUp TD {
        padding: 0px 2px;
    }

.GridForm {
    border-left: none 0pt;
    border-right: none 0pt;
    border-top: none 0pt;
    border-bottom: solid 1pt mediumslateblue;
    background-color: lightskyblue;
    font-size: 8pt;
    width: 100%;
}

    .GridForm TD {
        padding: 0px 2px;
    }

.GridHeader {
    color: darkblue;
    font-weight: bold;
    font-size: 8pt;
    vertical-align: bottom;
}

    .GridHeader TD A {
        color: darkblue;
    }

        .GridHeader TD A:visited {
            color: darkblue;
        }

.GridHeaderNew {
    color: darkblue;
    background-color: aliceblue;
    font-weight: bold;
    font-size: 8pt;
    text-align: left;
}

    .GridHeaderNew TD A {
        color: darkblue;
    }

        .GridHeaderNew TD A:visited {
            color: darkblue;
        }

.GridGroupHeader {
    color: darkblue;
    background-color: lightyellow;
    font-size: 8pt;
    font-weight: bold;
}

.OptionBox {
    border: solid thin black;
    background-color: lightskyblue;
    padding: 14px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}

.OptionBoxThin {
    border: solid thin black;
    background-color: lightskyblue;
    padding: 4px;
    width: 650px;
    margin-bottom: 4px;
    text-align: center;
}

.OptionExplanation {
    font-weight: bold;
    font-size: 13px;
    color: navy;
    margin-bottom: 10px;
    text-align: left;
}

.OptionSeperation {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1pt black;
    width: 100%;
}

.CountyList {
    color: darkred;
    font-weight: bold;
}

.PrintableSize {
    width: 660px;
}

.LegalPrint {
    width: 640px;
    border-top: solid 1pt black;
    border-bottom: solid 1pt black;
    font-size: 7pt;
    padding: 6px;
    margin: 10px 10px;
    text-align: justify;
}

.UsageNote {
    font-size: 11pt;
}

.SmallUsageNote {
    font-size: 9pt;
}

.SideBarMenu {
}

.SideBarMenuItem {
    text-decoration: none;
    margin-bottom: 5px;
    display: block;
    color: #222;
    padding-left: 15px;
    width: 300px;
}

.SideBarMenuItemDisabled {
    text-decoration: none;
    margin-bottom: 5px;
    display: block;
    color: lightgray;
    padding-left: 15px;
}

    .SideBarMenuItemDisabled:hover {
        text-decoration: none;
        color: lightgray;
    }

.SideBarMenuItem:hover {
    background-color: rgba(95,95,95,0.2);
    text-decoration: none;
}

.Header {
    background-color: rgba(95,95,95,0.2);
    color: #222;
    padding: 2px;
    border-radius: 5px;
    padding-left: 10px;
}

.wrapper {
    display: flex;
    align-items: stretch;
}

.sidenavbar {
    width: 250px;
    box-shadow: 5px 0px 10px -5px rgba(0,0,0,.56);
    background: #fff;
    padding-right: 5px;
}

.content {
    padding-left: 20px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 300px;
    min-height: 300px;
    z-index: 500;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}

.CdiSection {
    font-size: 18px;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    padding-bottom: 0px;
    margin-bottom: 8px;
    padding-left: 0px;
    padding-top: 0px;
}

.CdiSection-panel-body {
    font-size: 16px;
    background-color: white;
    border-bottom-style: inset;
    border-bottom-width: 1px;
    border-bottom-color: lightgray;
}

.CdiSection-subheading {
    background-color: rgba(95,95,95,0.2);
    color: navy;
    font-weight: bold;
    font-size: 14px;
    border-bottom-style: inset;
    border-bottom-width: 1px;
}

.CdiSection-heading {
    font-size: 15px;
    font-weight: bold;
    color: navy;
    background-color: lightgray;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.CdiSection-rounded:hover {
    background-color: lightskyblue;
    cursor: pointer;
}

.CdiSection-rounded {
    border-radius: 10px;
    font-size: 15px;
    font-weight: bold;
    color: navy;
    background-color: aliceblue;
    border: groove;
}

.CdiSection-text {
    padding-left: 25px;
    font-size: 12px;
}

.card {
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    color: black;
}

.card-body {
    text-align: left;
}

    .card-body p {
        color: red;
        font-size: 0.8em;
    }

    .card-body h4 {
        font-weight: bold;
        color: black;
    }

.card:hover {
    box-shadow: 3px 3px 3px 3px rgba(0,0,0,.24);
    text-decoration: none !important;
}

.card .card-icon {
    border-radius: 8px;
    background-color: #999;
    color: black;
    padding: 10px;
    margin-top: -15px;
    margin-right: 5px;
    margin-left: -15px;
    float: left;
    font-size: 1.5em;
}

.card .card-icon-small {
    border-radius: 8px;
    background-color: #999;
    color: black;
    padding: 10px;
    margin-top: -15px;
    margin-right: 5px;
    margin-left: -15px;
    float: left;
    font-size: .75em;
}

.card-icon-orange {
    background: linear-gradient(60deg,#ffa726,#fb8c00);
}

.card-icon-green {
    background: linear-gradient(60deg,#66bb6a,#43a047);
}

.card-icon-blue {
    background: linear-gradient(60deg,#26c6da,#00acc1);
}

.card-icon-red {
    background: linear-gradient(60deg,#CC3300,#FF3300);
}

.card-icon-yellow {
    background: linear-gradient(60deg,red,yellow);
}

.card-icon-white {
    background: linear-gradient(60deg, #05d7fc, aliceblue);
}


.noDecoration, .noDecoration:hover {
    text-decoration: none;
}

mark {
    padding: 0;
    background: transparent;
    background: linear-gradient(to right, #f0ad4e 50%, Gold 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    transition: all .5s ease;
    color: black;
}

    mark.animate {
        background-position: left bottom;
        color: #000;
    }

.modal-header .close {
    font-size: 35px;
    color: black;
    opacity: .5;
}

.cdiModalPosition {
    /*position: fixed;*/
    position: relative;
    top: 10em;
    right: 0;
    bottom: 10em;
    padding-bottom: 10em;
    left: 0;
}


.modal .modal-dialog {
    width: 800px;
    max-width: 100%;
}

.table .small {
    width: unset;
    /*padding: 30px;*/
    /*margin-left: 7em;*/
    /*column-width:10px;*/
    /*padding-right:0;*/
    /*border: 1px black;*/
    /*border-radius: 8px;
    background-color: #999;
    color: black;
    padding: 10px;*/
    /*margin-top: -15px;*/
    /*margin-right: 5px;*/
    /*margin-left: -15px;*/
    /*float: left;*/
    /*font-size: 1.5em;*/
}

.form-control {
    height: 2.2em;
    padding-left: .2em;
    padding-right: .2em;
    font-size: smaller;
}

.panel-compact {
    margin: 0px;
    padding: 0px;
}

.panel-body-blue {
    background-color: aliceblue;
}

.htmlsupport-copyable-text:has(.htmlsupport-copy-text:hover) {
    background-color: lightskyblue;
    border-color: black;
    border-width: 3px;
    border-radius: 10px;
}


div.scrollable-panel {
    max-height: 300px;
    overflow: auto;
    box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), /* top shadow */
    inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5); /* bottom shadow */
    margin-bottom: 10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;

}



@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #fff; /* color of the spinner */
    animation: spin 1s infinite linear;
}