/*
    TODO: Move this to Dynamic Page -- build the Style Names 
*/
.ColorSchemeGray {
    background-color: gray;
    color: white;
}

.ColorSchemeBlack {
    background-color: #212121;
    color: #FFFFFF;
}

.ColorSchemeOrange {
    background-color: #F57C00;
    color: #212121;
}

.ColorSchemePurple {
    background-color: #7B1FA2;
    color: #FFFFFF;
}

.ColorSchemeIndigo {
    background-color: #3F51B5;
    color: #FFFFFF;
}

.ColorSchemeGreen {
    background-color: #689F38;
    color: #ffffff;
}

.ColorSchemeYellow {
    background-color: #FFEB3B;
    color: #212121;
}

.ColorSchemeBrown {
    background-color: #5D4037;
    color: #FFFFFF;
}

.ColorSchemeRed {
    background-color: #D32F2F;
    color: #FFFFFF;
}

.ColorSchemeBlue {
    background-color: #1976D2;
    color: #FFFFFF;
}

.ColorSchemePink {
    background-color: #FF4081;
    color: #FFFFFF;
}

.ColorSchemeWCAG {
    background: repeating-linear-gradient(-55deg,#d8d8d8,#d8d8d8 6px,#eee 4px,#eee 10px );
    color: black;
    font-weight: bold;
}

    .ColorSchemeWCAG:after {
        content: 'W';
    }

.ColorSchemeCustom1 {
    background-color: gray;
    color: white;
}

.ColorSchemeCustom2 {
    background-color: gray;
    color: white;
}

.ColorSchemeCustom3 {
    background-color: gray;
    color: white;
}

#qaColorScheme {
    width: 12px;
    height: 12px;
    border: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    behavior: url(PIE-1.0.0.htc);
    margin: 1px 7px 1px 1px;
}

/*
***************************************************************************************
**  Popup Color Scheme Picker
***************************************************************************************
*/

#ColorSchemePopup {
    background-color: white;
    position: absolute;
    z-index: 20001;
    padding: 2px 4px 4px 4px;
    border: 0.5px solid black;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    height: 24px;
}

    #ColorSchemePopup div {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 0.5px solid black;
        padding: 3px;
        margin-top: 3px;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
    }

        #ColorSchemePopup div.Label {
            width: auto;
            height: auto;
            margin-top: 5px;
            border: none;
            cursor: default;
        }

        #ColorSchemePopup div.RedX {
            background-image: url(../../Images/RedX_9.png);
            background-repeat: no-repeat;
            background-position: right top;
            margin-left: 5px;
            width: 10px;
            border: none;
        }

        #ColorSchemePopup div.Link {
            width: auto;
            height: 14px;
            cursor: default;
            position: absolute;
            right: 5px;
            bottom: 1px;
            border: none;
        }
/*
***************************************************************************************
**  Requires ColorScheme.aspx (returns text/css)
***************************************************************************************
*/
table.psdvTable > thead > tr > th, table.psdvTable > tfoot > tr > th, table.psdvTable > tbody > tr > td {
    border: none;
}

.schemeShowBorder table.psdvTable {
    border: 1px solid #b0b0b0 !important;
}

.schemeShowShadow table.psdvTable /* NOT Available for <= IE11 */ {
    -webkit-box-shadow: 5px 5px 5px #555 !important;
    -moz-box-shadow: 5px 5px 5px #555 !important;
    box-shadow: 5px 5px 5px #555 !important;
    margin-bottom: 15px !important;
}

table.psdvTable th[title] {
    cursor: help !important;
}
/*
**  NOTE: subTable is deprecated and should be replaced with schemeShowAlternate
*/
/*
**  THEAD
*/
table.psdvTable.schemeShowAlternate thead tr, table.psdvTable.schemeShowAlternate thead tr th,
table.psdvTable.subTable thead tr, table.psdvTable.subTable thead tr th {
    background-color: #cdcdcd !important;
    color: black !important;
}
/*
**  TFOOT
*/
table.psdvTable.schemeShowAlternate tfoot tr,
table.psdvTable.schemeShowAlternate tfoot tr th,
table.psdvTable.subTable tfoot tr,
table.psdvTable.subTable tfoot tr th {
    background-color: #cdcdcd !important;
    color: black !important;
}
/*
**  TFOOT Link
*/

table.psdvTable.schemeShowAlternate th a:link,
table.psdvTable.schemeShowAlternate th a:visited,
table.psdvTable.schemeShowAlternate th a:hover,
table.psdvTable.subTable th a:link,
table.psdvTable.subTable th a:visited,
table.psdvTable.subTable th a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

table.psdvTable th {
    padding: 3px; /* BD 2020-06-09 Looks better */
}

table.psdvTable td {
    padding: 3px 3px 3px 3px; 
}

    table.psdvTable td input[type=checkbox] {
        margin-top: 2px;
    }

    table.psdvTable td.ActionsColumn {
        padding: 1px; /* BD 2020-06-09 Images were causing the ActionsColumn to be lower */
    }

/* BD 2018-10-19 using a transparent border prevents the flicker as we hover */
table.psdvTable:not(.schemeNoRowHover) > tbody > tr > td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

table.psdvTable:not(.schemeNoRowHover) > tbody > tr:hover > td {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

/*
BD 2018-10-17 All of this has been resolved by StandardClasses

table.psdvTable.schemeShowSelected tbody tr td:nth-child(1)
{
    width: 22px;
    min-width:22px;
}

table.psdvTable.schemeShowSelected tbody tr.selected td:first-child
{
    background-image: url(../images/SelectedRecord.png);
    background-repeat: no-repeat;
    background-position: center;
}
*/

button.psButton {
    border: 1px solid;
    border-radius: 8px;
}
/*
***************************************************************************************
**  From Scheme.css (original Color Scheme CSS) BD 2018-10-10
***************************************************************************************
*/

@media print {
    body, #psContentMain, #psContent, .psWrapper, .PageForm {
        background-color: white; /* the bottom of the last page looks awful otherwise */
    }
}

a, a:link, a:visited, a:hover {
    text-decoration: none;
    color: #0066cc;
}

.LinkColor {
    color: #0066cc !important;
}

.rbRibbon, .rbRibbon a, .rbRibbon a:hover, .rbRibbon a:active, .rbPopupMenu a, .rbPopupMenu a:hover, .rbPopupMenu a:active, .rbTitleBar, .rbTabBackground {
    color: #15428b;
}

.rbRibbon, rbRibbon input .rbRibbonContainer /* , body REMOVED 2016-06-29 */ {
    background-color: #678fc2;
}

.rbRibbon {
    border-top: 10px solid #678fc2;
    background-color: #678fc2;
}

.panelPickerItem:hover {
    background-color: #FFFFCC;
}


/***************************************************************/

@media screen {
    body {
        background-color: #A9A9A9; /* DARKGRAY */
    }
}

.PageForm {
    background-color: #678fc2;
    min-height: 100vh;
}

/*p {
    color: #5e5e5d;
}*/

table.stripped {
    margin: 0;
    padding: 0;
    border: none;
}

    table.stripped td {
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: top;
    }

th {
    color: Black;
}


#header {
    background-image: url(../images/headers/default.png);
    background-color: #68a0c1;
}

#nav.Button a {
    background-color: #FFFDBF;
    color: Black;
    font-weight: bold;
    border: solid 1px #000;
    border-bottom: solid 3px #000;
    border-right: solid 3px #000;
}

    #nav.Button a:hover {
        color: Red;
        border: solid 1px #888;
    }

#content {
    background-color: #F1F4F9;
}

#footer {
    background-color: #eee;
}

.nav div.selected {
    background-color: #fff;
}

.watermark {
    color: #999 !important;
    font-style: italic;
}

.highslide-caption {
    color: black;
    background-color: inherit;
}

.newFeature {
    color: Red;
}

.highlighter {
    background-color: #fff0f5;
}

/*
**************************************************************************************************************

#psContentMain, #psContent, .psWrapper
{
    background-color: #EEEEEE;
}

**************************************************************************************************************
*/
/* BD 2018-10-08
.panelPicker
{
    background-color: #a3b2e6;
}

tr.StdRow
{
    background-color: white;
}
tr.AltRow
{
    background-color: #ddd;
}

#LogInOut
{
    background-color: White;
    border: solid 1px #000;
}

.psFoooter
{
    border-bottom: 10px solid #678fc2;
    background-color: #d7e4f5;
}

table.trimmed
{
    border: solid 1px silver;
}

*/

/* ************************************* */
/*  START psdvTable                      */
/* ************************************* */

/*
.psdvTable tr
{
    color: #444;
}
.psdvTable tr.selected 
{
    color: #c0d8f0;
}

.psdvTable th
{
    background-color: #99bfe6;
}

.psdvTable td
{
    background-color: #e8edff;
    color: #444;
}

.psdvTable > tbody > tr > td only direct discendants so it doesn't cause problems with nested tables 
{
     use this to prevent expansion of row by 1px as we hover 
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-style: none;
    border-right-style: none;
}

.psdvTable > tbody > tr:hover > td
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: black;
}
.psdvTable tr.psdvRowEven td
{
    background-color: White;
}
.psdvTable tr.psdvRowOdd td
{
    color: #444;
    background-color: #e8edff;
}

.psdvTable tfoot th
{
    color: Black;
}

.psdvTable th a:link:not(.LinkColor), .psdvTable th a:visited:not(.LinkColor), .psdvTable th a:hover:not(.LinkColor)
{
    color: Black;
}
.psdvTable tr.psdvTotalRow td
{
    background-color: White;
}
.psdvTable td input
{
    background-color: #e8edff;
}

.psdvTable .psdvRowEven input
{
    background-color: white;
}

.psdvTable:not(.gray2X) tbody tr:nth-child(odd) td {
    background-color: Transparent;
}

.psdvTable.gray2X tbody tr:nth-child(4n-2) td, .psdvTable.gray2X tbody tr:nth-child(4n-3) td {
    background-color: Transparent;
}

table.AutoGrayBar tbody tr td, table.ManualGrayBar tbody tr.Even td
{
    background-color:#ffffff;
}
table.AutoGrayBar tbody tr:nth-child(odd) td, table.ManualGrayBar tbody tr.Odd td
{
    background-color:#E4E4E4;
}
table.AutoGrayBar tbody tr.Heading td, table.ManualGrayBar tbody tr.Heading td
{
    font-weight:bold;
    font-size:14px;
    height:2em;
    padding: 5px 0 0 0;
}
*/

/*
BD 2014-11-18 Disabled as it was conflicting with StandardClasses.css

.psdvTable tbody tr:nth-child(odd) input
{
    background-color: white;
}
*/

/* ************************************* */
/*  END psdvTable                        */
/* ************************************* */

/* ************************************* */
/*  START psdvTable .subTable            */
/* ************************************* */

/*
.psdvTable.subTable th
{
    background-color: #A9A9A9;  
    color: black;
}

.psdvTable.subTable tfoot th
{
    color: Black;
}
.psdvTable.subTable th a:link, 
.psdvTable.subTable th a:visited, 
.psdvTable.subTable th a:hover
{
    color: white;
    text-decoration: underline;
}

.psdvTable.subTable td
{
    background-color: #e0e0e0;
    color: Black;
}
*/

/* ************************************* */
/*  END psdvTable .subTable              */
/* ************************************* */