.app-sidebar .ui-listview li {
    display: none;
}

    .app-sidebar .ui-listview li:first-child {
        display: block;
    }

#signupview .ui-content {
    width: 500px !important;
    height: 368px !important;
    margin: 0 auto !important;
}

.app-logo {
    background-image: url(/images/doclogo.png);
    background-repeat: no-repeat;
    background-size: 93%;
    background-position: left center;
    text-indent: -9999px;
    min-width: 120px;
}

.app-acc-man .app-logo {
    background-image: url(/images/doclogo2.png);
}

.notvalid * {
    background-color: darkred !important;
    color: white !important;
}
.ignored *
{
    background-color:pink!important;
    color:black!important;
}



/*.bottomrow {
border-bottom:solid 3px ;}
*/
.toprow {
    border-top: solid 3px;
}
.ui-last-child.bottomrow {
    border-bottom: solid 3px;
}

.dashboardpanel {
    max-width: 1024px;
    margin: 0px auto;
}

    .dashboardpanel input {
        width: 400px;
        padding: 5px;
        display: block;
        text-align: left;
        margin: 5px 5px 5px 0px;
        border-radius: 5px;
        border: 0px;
    }

.rungrid {
    width: 100%;
}

    .rungrid td, .rungrid th {
        padding: 3px;
        text-align: left;
        vertical-align:top;
    }

body:not(.app-has-sidebar-left):not(.app-has-reading-pane-bottom) .ui-page:not(.app-page-modal) .app-page-header {
    background-color: transparent !important;
    padding-top: 14px !important;
}

body:not(.app-has-sidebar-left):not(.app-has-reading-pane-bottom) .app-page-header + .app-page-header-divider {
}

h1 {
    font-weight: normal;
}

.app-theme-light h1 {
    color: #333;
}

.app-bar-buttons .ui-btn {
    background-color: #00547e !important;
    color: white !important;
}

.app-desktop .app-bar-buttons .ui-btn:not(:hover):not(.ui-btn-active), body:not(.app-desktop) .app-bar-buttons .ui-btn:not(.ui-btn-active), .app-popup-buttons .ui-btn:not(:hover):not(.ui-btn-active) {
    background-color: #00547e !important;
    color: white !important;
}

.app-bar-controls .ui-btn:nth-child(2),
.app-bar-controls .ui-btn:nth-child(3),
.app-bar-controls .ui-btn:nth-child(4),
.app-bar-controls .ui-btn:nth-child(5) {
    background-color: #00547e !important;
    color: white !important;
}

.app-page-header {
    display: block !important;
    visibility: visible !important;
}
.included *{
    background-color:green!important;
    color:white!important;
}

.sumheader * {
    background-color: #ccc !important;
    color: Black !important;
    font-weight:bold!important;
        
}
span:only-child:contains("N/A")::before {
    content: " ";
    visibility: hidden;
}


/* Base styling for .dataview-busy-indicator */
.dataview-busy-indicator {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important; /* Override existing z-index */
    background: rgba(255, 255, 255, 0.3) !important; /* Override existing background-color */
    align-items: center !important;
    justify-content: center !important;
    /* Resetting other existing styles to their default */
    animation: none !important;
    color: initial !important;
    font-family: initial !important;
    font-size: initial !important;
    height: auto !important; /* Override existing height */
    opacity: 1 !important;
    visibility: visible !important; /* Override existing visibility */
    width: auto !important; /* Override existing width */
    -webkit-tap-highlight-color: transparent !important;
}

    /* Styling when .dataview-busy-indicator-animate is added */
    .dataview-busy-indicator.dataview-busy-indicator-animate {
        display: flex !important;
    }

    /* The loading icon styles */
    .dataview-busy-indicator::before {
        content: '' !important;
        border: 5px solid #f3f3f3 !important; /* Light grey border */
        border-top: 5px solid #3498db !important; /* Blue border */
        border-radius: 50% !important;
        width: 50px !important;
        height: 50px !important;
        animation: spin 2s linear infinite !important;
    }

/* Spin animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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