/* Define overall looke and feel of _DPAUser.cshtml (the main layout)*/
.themecolors {
    background-color: black;
}
.hisColor {
    color: darkblue;
}
.herColor {
    color: forestgreen;
}
.readonly {
    background: rgba(150,150,150,0.1);
  
}
.reportGroup {
    border: 2px outset rgba(0,0,0,0.25);
    margin: 1em;
    padding: 1em;
    -webkit-box-shadow: 5px 5px 16px 0px rgba(50, 50, 50, 0.88);
    -moz-box-shadow: 5px 5px 16px 0px rgba(50, 50, 50, 0.88);
    box-shadow: 5px 5px 16px 0px rgba(50, 50, 50, 0.88);
}
.repoGroupName {
    font-size: larger;
    font-weight: bold;
}
.repoUL {
    list-style: none;
    cursor: pointer;
}
.repoLI:hover{
    text-decoration: underline;

}
#wizardDiv {
    position: relative;     
    width: 100%;
    background-color: rgb(210, 210, 210);
    z-index: -500;
}
@media (max-width: 575.98px) {
    #wizardDiv {
        display:none;
    }
    #fileQueue{
        display:none;
    }
    #footerMessageContainer{
        display:none;
    }
}
@media (max-width: 767.98px){
    #wizardDiv {
        display: none;
    }
    #fileQueue {
        display:none;
    }
    #footerMessageContainer {
        display: none;
    }
   
}
@media (max-width: 991.98px) {
    .wizardPad {
        font-size: 8px;
        color: red;
    }
  
}
@media (max-width: 1005.98px) {
    #cssmenu > ul > li > a {
        font-size: 8px;
    }
    .wizardPad {
        color: green;
        font-size: 10px !important;
    }
}
@media (max-width: 1199.98px) {
    #cssmenu > ul > li > a {
        font-size: 100px;
    }
    .wizardPad {
    
        color: purple;
    }
}


    .wizardPad {
        font-size: 1em;
        padding: 2px;
        border: 1px solid rgba(100,100,100,0.25);
        display: inline-block;
        background-color: rgba(226, 220, 220, 0.69);
        padding-right: 5px;
        margin-right: 2px;
        cursor: pointer;
        font-weight: bold;
    }

        .wizardPad:hover {
            background-color: rgba(226, 220, 220, 0.99);
            font-weight: bold;
            text-decoration: underline;
        }

    .wizardActive {
        background-color: black;
        color: white;
    }

        .wizardActive:hover {
            cursor: default;
            background-color: black;
            color: white;
            text-decoration: none;
        }

    .underline {
        text-decoration: underline;
    }

    .italic {
        font-style: italic;
    }

    .placeholder {
        background-image: url(/Images/ArticlePlacHolder.gif);
        background-repeat: repeat-y;
    }

    .modalEdit {
        font-weight: bolder;
        padding: 1px 3px 1px 3px;
        cursor: pointer;
    }

        .modalEdit:hover {
            cursor: pointer;
            padding: 0px 2px 0px 2px;
            border: 1px solid rgba(0,0,0,0.5);
            color: #fff;
            background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
            background-size: 400% 400%;
            -webkit-animation: Gradient 15s ease infinite;
            -moz-animation: Gradient 15s ease infinite;
            animation: Gradient 15s ease infinite;
        }

    .salaryInput-input {
        width: 8em;
    }

    .assetDbutton {
        height: 20px;
        cursor: pointer;
    }

    .trBizName {
        padding: 3px 3px 3px 3px;
        cursor: pointer;
        margin: 3px 3px 3px 3px;
    }

    .trBizActive {
        background-color: #1b167c;
        color: white;
        cursor: default !important;
    }

    .lightBoxModal {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.6);
    }

.lightBoxModal-content {
    position: relative;
    background-color: white;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 1200px;
    overflow-y: auto;
    height: 75%;
    padding: 2em 1em 2em 1em;
    border: 2px solid rgba(0,0,0,0.5);
    border-radius: 1rem;
}

    .lightBoxModal-close,
    .lightBoxModal-close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

    .footNote {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 4em;
    }

    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .acaSummary {
    }

        .acaSummary td {
            padding: 5px 20px 5px 5px;
        }
    /*CSO Look and Feel*/
    .csoTable {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .csoHeader {
        font-weight: bold;
    }

        .csoHeader td {
            padding: 2px 5px 2px 5px;
        }

    .csoDataa td {
        padding: 2px 5px 2px 5px;
    }

    .summaryTile {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        /*width: 99%; 
    min-height: 300px;
   max-height: 475px;*/
        background-color: rgb(37, 3, 121);
        color: white;
        border: 2px outset #999;
        margin-bottom: 10px;
        /*max-width: 400px;*/
        min-width: 450px;
        cursor: pointer;
    }

    .summaryTileTitleBar {
        font-size: larger;
        font-variant: small-caps;
        width: 100%;
        text-align: center;
        margin: auto;
        height: 35px;
        border-bottom: inset 2px rgba(255,255,255,0.5);
        background-color: rgba(0,0,0,0.3);
        color: white;
        padding: 3px;
    }

    .summaryTileContent {
        width: 100%;
        /* height: 365px;*/
        min-height: 300px;
        color: white;
        padding: 15px;
        margin-bottom: 10px;
        text-align: left;
    }

        .summaryTileContent hr {
            color: white;
        }

    .summaryTileData {
        font-weight: bold;
        white-space: nowrap;
    }

    .summaryTileLabel {
        font-style: italic;
        white-space: nowrap;
        color: #c4bfbf;
    }

    div.incomePage td div.wide {
        min-width: 110px;
    }

    div.incomePage td input.wide {
        min-width: 75px;
        margin-right: 5px;
    }

    #cssmenu ul ul li a {
        white-space: nowrap;
    }

    #cssmenu ul {
        background-color: black;
    }

    html {
        background-color: lightgrey;
        /* background: url('../Images/xLawOfficeBackground.jpeg') no-repeat center center fixed;*/
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
*/
    }

    .navbar-fixed-top {
        max-height: 25px;
    }

    #mainPage {
        margin-left: 60px;
    }

    .narrow {
        width: 25%;
    }

    .wide {
        width: 100%;
    }

    .medium {
        width: 50%;
    }

    .width-25 {
        width: 25% !important;
    }

    .width-50 {
        width: 50% !important;
    }

    .width-75 {
        width: 75% !important;
    }

    .width-100 {
        width: 100% !important;
    }

    .width-1 {
        width: 25px !important;
    }

    .width-2 {
        width: 50px !important;
    }

    .width-3 {
        width: 75px !important;
    }

    .width-4 {
        width: 100px !important;
    }

    .width-5 {
        width: 125px !important;
    }

    .width-6 {
        width: 150px !important;
    }

    .width-7 {
        width: 175px !important;
    }

    .width-8 {
        width: 200px !important;
    }

    .incomeDescription {
        white-space: nowrap;
        overflow: hidden;
        min-width: 250px;
        font-size: 0.9em;
        padding-right: 0.5em;
    }

    body {
        min-width: 350px;
    }
    /* Define genaral placement and size*/
    /* Mobile first */

    /*Firm Specific*/
    .firmName {
        font-family: Geogrotesque,Calibri,Trebuchet MS,sans-serif;
        font-size: 3.6rem;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #000;
        vertical-align: middle;
        margin-top: 3px;
        pointer-events: auto;
        max-width: calc(100% - 68px);
    }
    /* sidebar css*/
    /* collapsed sidebar styles */
    @media screen and (max-width: 767px) {
        .row-offcanvas {
            position: relative;
            -webkit-transition: all 0.25s ease-out;
            -moz-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
        }

        .row-offcanvas-right .sidebar-offcanvas {
            right: -41.6%;
        }

        .row-offcanvas-left .sidebar-offcanvas {
            left: -41.6%;
        }

        .row-offcanvas-right.active {
            right: 41.6%;
        }

        .row-offcanvas-left.active {
            left: 41.6%;
        }

        .sidebar-offcanvas {
            position: absolute;
            top: 0;
            width: 41.6%;
        }

        #sidebar {
            padding-top: 0;
        }
    }



    /*------------------------------
 Pure CSS menu
------------------------------ */
    a {
        text-decoration: none;
        color: #232323;
        transition: color 0.3s ease;
    }

        a:hover {
            color: tomato;
        }

    #menuToggle {
        display: block;
        position: fixed;
        background-color: black;
        padding: 70px 5px 0px 5px;
        top: 70px;
        left: 5px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

        #menuToggle input {
            display: block;
            width: 40px;
            height: 32px;
            position: absolute;
            top: -7px;
            left: -5px;
            cursor: pointer;
            opacity: 0; /* hide this */
            z-index: 2; /* and place it over the hamburger */
            -webkit-touch-callout: none;
        }

        /*
 * Just a quick hamburger
 */
        #menuToggle span {
            display: block;
            width: 33px;
            height: 4px;
            margin-bottom: 5px;
            position: relative;
            background: white; /* #cdcdcd; */
            border-radius: 3px;
            z-index: 1;
            transform-origin: 4px 0px;
            transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
        }

            #menuToggle span:first-child {
                transform-origin: 0% 0%;
            }

            #menuToggle span:nth-last-child(2) {
                transform-origin: 0% 100%;
            }

        /* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
        #menuToggle input:checked ~ span {
            opacity: 1;
            transform: rotate(45deg) translate(-2px, -1px);
            background: white;
        }

            /*
 * But let's hide the middle one.
 */
            #menuToggle input:checked ~ span:nth-last-child(3) {
                opacity: 0;
                transform: rotate(0deg) scale(0.2, 0.2);
                background: white;
            }

            /*
 * Ohyeah and the last one should go the other direction
 */
            #menuToggle input:checked ~ span:nth-last-child(2) {
                transform: rotate(-45deg) translate(0, -1px);
                background: white;
            }

    /*
 * Make this absolute positioned
 * at the top left of the screen
 */
    #menu {
        position: absolute;
        width: 300px;
        margin: -100px 0 0 -50px;
        padding: 50px;
        padding-top: 125px;
        background: black; /* #ededed; */
        color: white;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        /* to stop flickering of text in safari */
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

        #menu li {
            height: 35px;
            padding-top: 17px;
        }

            #menu li:hover {
                background-color: rgba(50,50,50,0.5);
            }

            #menu li a {
                color: white;
                padding: 10px 0;
                font-size: 22px;
            }

    /*
 * And let's slide it in from the left
 */
    #menuToggle input:checked ~ ul {
        transform: none;
    }
    /*-----------------------------
    end of pure CCSS menu
-------------------------------*/
    /* end of sidebar css*/
    .listItemTable {
        /*width: 100%; */
        margin-top: 0px;
    }

    .listItemTable-header {
        border: 1px solid rgba(100, 97, 97, 0.22);
        background-color: #eee;
        font-size: 1.25em;
        color: #777;
        border-radius: 2px;
    }

    .listItemTable-Item {
        font-size: 1em;
    }

        .listItemTable-Item .label {
            font-weight: bold;
        }

        .listItemTable-Item .data {
            font-style: italic;
        }

    .listItemTable-table {
        border: 1px solid rgba(161, 159, 159, 0.21);
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-radius: 2px;
    }

    .listItemTable-header .listItemTable tbody th[scope="row"] {
        border: 1px solid #777;
        background-color: #eee;
        color: #777;
    }

    .listItemTable tbody th[scope="row"].list-header-cell {
        border: 0px;
    }

    .listItemTable tbody tr {
        border: 1px solid #777;
    }

    .listItemTable th,
    .listItemTable td {
        padding: .75em .5em;
        vertical-align: middle;
        font-size: 1.15em;
    }

    .listItemTable tbody tr td:nth-of-type(even),
    .listItemTable tbody tr th:nth-of-type(even) {
        text-align: right;
        color: #555;
        border-right: 1px solid #777;
    }

    .btn-title {
        min-width: .75in;
        align-content: stretch;
    }

    .nowrap {
        white-space: nowrap;
    }

    .bold {
        font-weight: bold;
    }

    .dpaGridTable {
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }

        .dpaGridTable tr:first-child td {
            font-size: larger;
            padding-right: 41px;
            border-bottom: solid 2px rgba(0, 0, 0, 0.59);
        }

    .shadow {
        -webkit-box-shadow: 5px 5px 16px 0px rgba(50, 50, 50, 0.88);
        -moz-box-shadow: 5px 5px 16px 0px rgba(50, 50, 50, 0.88);
        box-shadow: 5px 5px 16px 0px rgba(50, 50, 50, 0.88);
    }

    .shadow-sm {
        -webkit-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.88);
        -moz-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.88);
        box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.88);
    }

    .shadow1 {
        -moz-box-shadow: 3px 3px 4px #222;
        -webkit-box-shadow: 3px 3px 4px #222;
        box-shadow: 3px 3px 4px #222;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    }


    /* case Links*/
    .breadcrumb {
        width: 100%;
    }

    .openCaseLinks {
        padding-left: 0em;
        position: fixed;
        z-index: 99999;
        width: 100%;
        padding-right: 0px;
    }

    .outterCaseLinks {
        background-color: rgba(0,0,0,0.3);
        height: 55px;
        margin-top: 12px;
    }

    .topShadowRow {
        /* border-top: 1px solid rgba(200,200,200,0.1); */
        border-top: 1px solid rgba(0,0,0,0.1);
        border-radius: 2px;
    }

        .topShadowRow div {
            border-top: 1px solid rgba(0,0,0,0.2);
            border-radius: 2px;
        }

            .topShadowRow div div {
                border-top: 1px solid rgba(0,0,0,0.3);
                border-radius: 2px;
            }

                .topShadowRow div div div {
                    border-top: 1px solid rgba(0,0,0,0.4);
                    border-radius: 2px;
                }

    .innerCaseLinks {
        border-radius: 2px;
        border-top: 1px solid rgba(0,0,0,0.2);
    }

    @media(min-width: 992px) {
        .openCaseLinks {
            left: 4em;
        }
    }

    @media(max-width: 991px) {
        .openCaseLinks {
            left: 0em;
            bottom: 35px;
        }
    }
    /*For sidebar menu*/
    @media (max-width: 991px) {
        .sbCloseX {
            display: none;
        }
    }

    @media (min-width: 992px) {
        .sbClosed {
            width: 4em;
        }

            .sbClosed .nav-link span {
                display: none;
            }

            .sbClosed .nav-link-text {
                display: none;
            }

            .sbClosed .navbar-sidenav {
                max-width: 4em;
            }

            .sbClosed .sidenav-second-level > li {
                list-style-type: disc !important;
            }

                .sbClosed .sidenav-second-level > li > a {
                    padding-left: 1em !important;
                }

            .sbClosed .sidenav-third-level > li > a {
                padding-left: 1.5em !important;
            }

        .sbCloseX {
            font-size: 1em;
            color: white;
            border-radius: 50%;
            cursor: pointer;
            width: 2em;
            text-align: center;
            position: relative;
            left: -0.5em;
            top: 0.5em;
        }

        .sbCloseBtn {
            border-radius: 50%;
            border: solid 1px rgba(255,255,255,0.8);
            background-color: rgba(255,255,255,0.1)
        }

            .sbCloseBtn:hover {
                border: solid 1px rgba(255,255,255,0.9);
                background-color: rgba(255,255,255,0.3);
                font-weight: bold;
            }
    }

    #pageContent {
        padding-bottom: 145px;
        padding-top: 75px;
        padding-left: 25px;
    }

    @media(max-width: 991px) {
        #pageContent {
            padding-bottom: 55px;
            padding-top: 50px;
            padding-left: 20px;
        }
    }

    @media(max-width: 715px) {
        #pageContent {
            padding-bottom: 65px;
            padding-top: 50px;
            padding-left: 18px;
        }
    }

    @media(max-width: 615px) {
        #pageContent {
            padding-bottom: 85px;
            padding-top: 50px;
            padding-left: 15px;
        }
    }

    @media(max-width: 515px) {
        #pageContent {
            padding-bottom: 105px;
            padding-top: 50px;
            padding-left: 10px;
        }
    }
    /* Filequeue section DPA.getReportQueueObject.toHTML() */
    #fileQueue {
        /* placement on screen...in fixed footer*/
    }

    .reportQueueItem {
        border: 1px inset red;
        padding: 2px 0px 2px 0px;
        font-size: 1em;
        background: rgba(255,255,255,0.8);
        color: black;
    }

        .reportQueueItem div {
            display: inline-block;
        }

    .reportDelete {
        display: inline-block;
        color: #444;
        border: 1px solid #CCC;
        background: #DDD;
        box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
        cursor: pointer;
        vertical-align: middle;
        max-width: 100px;
        padding: 5px;
        text-align: center;
    }

        .reportDelete:active {
            color: red;
            box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
        }

    .reportQueueItem .title {
        font-weight: bold;
        font-size: 1.2em;
    }

    .reportQueueItem .reportStatus {
        font-variant: small-caps;
        font-style: italic;
        padding-left: 5px;
    }

    .reportQueueItem .ready {
        color: green;
        cursor: pointer;
    }

        .reportQueueItem .ready:hover {
            text-decoration: underline;
        }

    .reportQueueItem .building {
        color: red;
    }

    .reportQueueItem .other {
        color: gray;
    }

    .reportSpinner {
        height: 30px;
        padding-left: 5px;
        padding-right: 5px;
    }
    /* Pre-loader css*/
    #cssload-wrapper {
        width: 780px;
        height: 18px;
        position: absolute;
        left: 50%;
    }

    #cssload-border {
        border: 3px solid rgb(255,255,255);
        height: 100%;
        width: 100%;
        position: relative;
        left: -50%;
        top: -50%;
        padding: 4px 3px;
    }

    #cssload-whitespace {
        overflow: hidden;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    #cssload-line {
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgb(250,250,250);
        animation: cssload-slide 3s steps(40) infinite;
        -o-animation: cssload-slide 3s steps(40) infinite;
        -ms-animation: cssload-slide 3s steps(40) infinite;
        -webkit-animation: cssload-slide 3s steps(40) infinite;
        -moz-animation: cssload-slide 3s steps(40) infinite;
    }



    @keyframes cssload-slide {
        0% {
            left: -100%;
        }

        100% {
            left: 100%;
        }
    }

    @-o-keyframes cssload-slide {
        0% {
            left: -100%;
        }

        100% {
            left: 100%;
        }
    }

    @-ms-keyframes cssload-slide {
        0% {
            left: -100%;
        }

        100% {
            left: 100%;
        }
    }

    @-webkit-keyframes cssload-slide {
        0% {
            left: -100%;
        }

        100% {
            left: 100%;
        }
    }

    @-moz-keyframes cssload-slide {
        0% {
            left: -100%;
        }

        100% {
            left: 100%;
        }
    }
    /*LightBox CSS Support*/
    /* The Modal (background) */
    .modal {
        display: none;
        position: fixed;
        z-index: 999999;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(75,75,75,0.75);
    }

    .modal-content-frame {
        position: relative;
        margin: auto;
        padding: 0;
        width: 90%;
        background-color: white;
        padding: 0px 10px 10px 10px;
        border: 1px solid rgba(0,0,0,0.5);
    }

    #modalTitle {
        color: white;
        padding-top: 5px;
    }
    /* Modal Content */
    .modal-content {
        position: relative;
        margin: auto;
        padding: 0;
        width: 100%;
        background-color: white;
        padding: 10px 10px 10px 10px;
        border: none;
    }
    /* The MODAL close button (In the title bar)*/
    .modal-close {
        color: white;
        font-size: 35px;
        font-weight: bold;
        text-align: right;
    }

        .modal-close:hover,
        .modal-close:focus {
            color: #999;
            text-decoration: none;
            cursor: pointer;
        }
    /* The Close Button */
    .close {
        color: white;
        position: absolute;
        top: 10px;
        right: 25px;
        font-size: 35px;
        font-weight: bold;
    }

        .close:hover,
        .close:focus {
            color: #999;
            text-decoration: none;
            cursor: pointer;
        }

    .hover-shadow {
        cursor: pointer;
        transition: 0.3s;
    }

        .hover-shadow:hover {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

    .summaryColumnHeading {
        width: 100%;
        padding: 3px 0px 3px 5px;
        background-color: rgba(100,100,100,0.5);
        /* color: white; */
        margin-bottom: 5px;
        font-weight: bold;
    }

    input:-moz-read-only { /* For Firefox */
        background-color: rgba(100,100,100,0.3);
        text-align: right;
        border: none;
        padding: 5px 5px;
        font-weight: 400;
    }

    input:read-only {
        background-color: rgba(100,100,100,0.3);
        text-align: right;
        border: none;
        padding: 5px 5px;
        font-weight: 400;
    }

    .currency {
        padding-left: 20px;
        width: 75px;
    }

    .numberOnly {
        width: 9em;
        text-align: right;
    }

    .blinking {
        animation: blinkingText 1.8s infinite;
    }

    .pulsate {
        animation: pulsate 3s ease-out infinate;
        -webkit-animation: pulsate 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        opacity: 0.5;
    }

    @-webkit-keyframes pulsate {
        0% {
            opacity: 0.5;
        }

        50% {
            opacity: 1.0;
        }

        100% {
            opacity: 0.5;
        }
    }

    @keyframes blinkingText {
        0% {
            color: #000;
        }

        49% {
            color: transparent;
        }

        50% {
            color: transparent;
        }

        99% {
            color: transparent;
        }

        100% {
            color: #000;
        }
    }

    .arrayNav {
        font-size: 1em;
        padding-left: 5px;
    }

    .tt_table {
        color: rgb(183, 181, 181);
        font-size: 0.75em;
    }

    .tt_header td {
        /* color: rgb(222, 213, 213); */
        font-size: larger;
        font-weight: bold;
        padding: 5px 20px 5px 20px;
    }

    .tt_data td {
        padding: 3px 4px 3px 4px;
    }

    .tt-active-h {
        color: white;
    }

    td.tt-active-h.span.hotLetter {
        color: white;
        font-size: larger;
        text-decoration: none;
    }

    .hotLetter {
        color: white;
        /*font-size: larger; */
        text-decoration: underline;
        animation: pulsate 3s ease-out infinate;
        -webkit-animation: pulsate 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        opacity: 0.5;
    }

    .tt-active {
        color: white;
    }

    .salary-freq {
        /*position: absolute; */
        align-content: center;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        border: 1px inset rgba(0,0,0,0.5);
        width: 23px;
        padding-top: 2px;
        padding-bottom: 5px;
    }

    .freq-A {
        background-color: forestgreen;
        color: white;
    }

    .freq-M {
        background-color: rgb(19, 38, 182);
        color: white;
    }

    .freq-W {
        background-color: rgb(244, 87, 246);
        color: black;
    }

    .freq-B {
        background-color: red;
        color: white;
    }

    .freq-B {
        background-color: brown;
        color: white;
    }

    .freq-I {
        background-color: coral;
        color: white;
    }

    .freq-S {
        background-color: coral;
        color: white;
    }

    .freq-H {
        background-color: blueviolet;
        color: white;
    }

    .salaryInput-input {
        padding: 3px 2px 2px 25px;
    }

    .salary-symbol {
        position: relative;
        left: 27px;
        background-color: transparent !important;
        padding: 3px 2px 4px 0px;
    }

    .currency-symbol {
        position: relative;
        left: 20px;
        padding: 12px 5px 2px 5px;
    }

    .qcstable .currency-symbol {
        position: absolute;
        padding: 3px 3px 8px 8px;
    }

    .rightAlign {
        text-align: right;
    }

    .centerAlign {
        text-align: center;
    }

    .marginAuto {
        margin: auto;
    }

    .copyRight {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    }

    .leftAlign {
        text-align: left;
    }

    .bold {
        font-weight: bold;
    }

    .small {
        width: 30px;
    }

    .childNavList li {
        cursor: pointer;
        border: solid 1px white;
        padding: 3px;
    }

        .childNavList li:hover {
            background-color: rgba(85, 65, 120,0.5);
            border-color: black;
        }

    .FederalTaxPage {
        align-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .invalid {
        color: #fff;
        background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
        background-size: 400% 400%;
        -webkit-animation: Gradient 15s ease infinite;
        -moz-animation: Gradient 15s ease infinite;
        animation: Gradient 15s ease infinite;
    }

    .btninvalid {
        color: #fff;
        background: linear-gradient(45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
        background-size: 400% 400%;
        -webkit-animation: Gradient 15s ease infinite;
        -moz-animation: Gradient 15s ease infinite;
        animation: Gradient 15s ease infinite;
    }

    .NoWiat {
        color: lawngreen;
    }

    .totalLineTop {
        margin-top: 4px;
        border-top: double black;
    }

    @-webkit-keyframes Gradient {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @-moz-keyframes Gradient {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @keyframes Gradient {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    #splashDiv {
        position: fixed;
        top: -0%;
        left: -0%;
        width: 100%;
        height: 100%;
    }

        #splashDiv img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: 75%;
            height: 75%;
        }

        #splashDiv button {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: 200px;
            height: 100px;
            font-size: 35pt;
        }

    #programDiv {
        position: fixed;
        bottom: 5%;
        left: 5%;
        background-color: rgba(180,180,180,0.75);
    }

    .splashBody {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: url('/images/dpa_splash01.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */
        animation: myfirst 5s;
    }

    .splashImg {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 500px;
        height: 500px;
        margin-top: -250px; /* Half the height */
        margin-left: -250px; /* Half the width */
    }

    /* Chrome, Safari, Opera */
    @-webkit-keyframes myfirst {
        from {
            opacity: 1.0;
        }

        to {
            opacity: 0.1;
        }
    }

    /* Standard syntax */
    @keyframes myfirst {
        from {
            opacity: 1.0;
        }

        to {
            opacity: 0.1;
        }
    }

    .zoomBtn {
        height: 50%;
        font-size: small;
    }
    /* Kendo Overrides */
    #screenPrint {
        overflow: hidden;
    }

        #screenPrint .noPDF {
            display: none;
        }

        #screenPrint .btn {
            border: none !important;
            background-color: white !important;
            font-size: inherit !important;
        }

        #screenPrint .rightAlign {
            border-right: 4px solid rgba(255,255,255,.0) !important;
        }

        #screenPrint.Portrait {
            width: 468px;
            height: 648px;
        }

        #screenPrint.Landscape {
            width: 648px;
            height: 468px;
        }

        #screenPrint .form-control {
            padding: 0.02em;
            font-size: inherit !important;
        }