/*AY Colors CSS*/
/*Select a set from the commented sections and uncomment just ONE set to apply*/
/* Only the "root" node should ever need to be modified*/

/*
Color Groups
Lightest and AltRow
Medium
Darker - HeaderBackground
Borders - Title and Border HeaderH1
Header And Text
*/
:root {
    --grayForMenu: #EFEFEF;
    /*Analyzer Purples Set*/
    --lightest: #EAEAFA;
    --light: #ABB4F2;
    --medium: #656AD9;
    --darker: #4948B1;
    --borders: #E1E1E9;
    --HeaderAndText: #464777;
    --tabHeaderText: #666666;
}

.text-dark {
    color: var(--darker) !important;
}

/*There is a telerik issue with body color:inherit that was overriding this, from Site.css*/
body {
    color: #696969;
}

/*These two are the light background*/
.header {
    background: var(--light);
    border: 2px solid var(--borders);
}

div.hideSkiplink {
    background-color: var(--light);
}
/************************************************/

/*Even lighter for AltRowStyle in Grids*/
.altRowStyle /*This controls the alt row color on all grids*/ {
    background-color: var(--lightest);
}
/************************************************/


/*These are the Borders*/
.page {
    /*border: 2px solid var(#751975);*/
}

div.menu ul li a,
div.menu ul li a:visited {
    border: 1px solid var(--borders);
    /*border: 1px solid red;*/
    background-color: var(--grayForMenu); /*this is the light gray background of the menu items*/
}

    div.menu ul li a:hover {
        background-color: var(--borders);
    }

.buttonPanel {
    border-color: var(--borders);
}

.buttonPanelRight {
    border-color: var(--borders);
}
/************************************************/


/*This is the Title text, same or close to Borders*/
.header h1 {
    color: var(--HeaderAndText);
}
/************************************************/


/*Object Info Header*/
.tblObjectInfo td,
.tblObjectInfo th {
    border: thin solid var(--borders);
}

.tblObjectInfo th {
    border: thin solid var(--borders);
    background-color: var(--lightest);
    color: var(--HeaderAndText);
}
/************************************************/

/*Active LOB*/
.loginDisplay {
    color: var(--HeaderAndText);
}
/************************************************/

.radListboxdueling div.rlbHeader {
    background-color: var(--lightest);
}

.radListboxdueling div.rlbFooter {
    background-color: var(--lightest);
}

.RadListBox_Silk li.rlbItem.rlbHovered {
    color: #fff;
    background-color: var(--light);
}

.RadListBox_Silk li.rlbItem.rlbSelected {
    color: #fff;
    background-color: var(--medium);
}

.RadTabStrip_Silk .rtsLevel1 .rtsSelected span.rtsLink {
    border-color: #e3e3e3;
    color: var(--tabHeaderText) !important; /*text;*/
}

    .RadTabStrip_Silk .rtsLevel1 .rtsSelected span.rtsLink:before {
        border-color: var(--light) !important; /*top strip*/
    }

.RadButton_Silk span.rbToggleCheckboxChecked,
.RadButton_Silk span.rbToggleCheckboxFilled,
.RadButton_Silk span.rbToggleRadioChecked {
    color: var(--medium) !important;
}

input[type="checkbox" i] {
    accent-color: var(--medium);
}

input[type="radio" i] {
    accent-color: var(--medium);
}

.RadButton_Silk.rbHovered span.rbToggleRadioChecked {
    color: var(--light);
}

.rgAltRow {
    background-color: var(--lightest);
}

.MTLoginBox {
    border-color: var(--borders);
}

.RadComboBox_Vista .rcbReadOnly.rcbFocused,
.RadComboBox_Vista .rcbReadOnly.rcbExpanded {
    border-color: var(--borders);
    box-shadow: inset 0 0 3px 1px var(--HeaderAndText);
}

.btn-primary {
    background-color: var(--medium);
    color: #ffffff !important;
}

    .btn-primary:hover {
        background-color: var(--light);
    }

.table-striped > tbody > tr:nth-child(odd),
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: var(--lightest);
}
/*******************************************************************************
    New UI CSS overrides
********************************************************************************/
.navbar-top .navbar-nav > .show > a,
.navbar-top .navbar-nav > .show > a:focus,
.navbar-top .navbar-nav > .show > a:hover {
    box-shadow: 0 -3px 0 var(--medium) inset;
    -webkit-transition: all .2s;
    transition: all .2s;
}
/********************************************************************************/

.RadPicker_Silk .riLabel {
    /*color: #333;*/
    color: #696969;
}

.RadLabel_Silk {
    color: #696969;
}

.QCSSProductNavBarColor {
    background-color: #C9CBF2;
}

    .QCSSProductNavBarColor ul {
        background-color: #C9CBF2;
    }

    .QCSSProductNavBarColor li {
        background-color: #C9CBF2;
    }

.panel-sub-search > .panel-heading {
    background-color: #C9CBF2;
    color: #696969;
}

.review-queue-column-title {
    background-color: var(--darker);
    color: #fff;
    border: 1px solid var(--darker);
}

a.unread div.bellNotification {
    background-color: var(--medium);
}

icon.unread-icon {
    color: var(--medium);
}

.text-product-primary, a.text-product-primary {
    color: var(--medium);
}