/*
 * THEME NAME: dxc-default
 *
 * Colors
 * -------
 * color_dark     = #6f2c91
 * color_medium   = #854ca1
 * color_light    = #d8d5e8
 * color_icon     = #6f2c91
 * color_selrow   = #bab5d7
 * color_evenrow  = #e2dfee
 * color_oddrow   = #ebeaf4
 */

/******************
 *  "thm" styles  *
 ******************/

.thm-dark-txt {
  color: #6f2c91 !important; /* color_dark */
}

.thm-dark-bg {
  background-color: #6f2c91 !important; /* color_dark */
}

.thm-medium-bg {
  background-color: #854ca1 !important; /* color_medium */
}

.thm-light-bg {
  background-color: #d8d5e8 !important; /* color_light */
}

/*****************
 *  Main styles  *
 *****************/

a {
  color: #6f2c91; /* color_dark */
}

.navbar .nav > li > .dropdown-menu:after {
  border-bottom: 6px solid #6f2c91; /* color_dark */
}

.tabbable .nav-tabs > li > a,
.tabbable .nav-tabs > li > a:hover {
  border: 1px solid #d8d5e8; /* color_light */
}

.nav-pills .dropdown.open .dropdown-toggle,
.nav-pills .dropdown.open:hover .dropdown-toggle {
  background-color: #6f2c91; /* color_dark */
}

.iconContainer {
  border-color: #888888;
}

.iconContainerForDashboard {
  border-color: #888888;
}

.homeDiv {
  background-color: #d8d5e8 !important; /* color_light */
}

.home-alert-success {
  color: black;
  background-color: #d9d9d9;
  border-color: #aaaaaa;
}

.home-alert-info {
  border-color: #d8d5e8; /* color_light */
}

#innerContent,
.outerdiv,
.navtab-titlebar {
  background-color: #d8d5e8; /* color_light */ 
}

.titlebar #title {
  color: #6f2c91 !important; /* color_dark */
}

.mainContainer {
  background: #d8d5e8 !important; /* color_light */
}

.btn-primary,
.btn-primary:visited,
.btn-primary:focus {
  background-color: #6f2c91 !important; /* color_dark */
  border-color: #6f2c91 !important; /* color_dark */
  background-image: linear-gradient(to bottom, #6f2c91, #6f2c91) !important; /* color_dark */
}

.btn-primary:hover,
.btn-primary.active {
  background-color: #6f2c91 !important; /* color_dark */
  border-color: #6f2c91 !important; /* color_dark */
  background-image: linear-gradient(to bottom, #6f2c91, #6f2c91) !important; /* color_dark */
}

.btn-lookup,
.btn-lookup:visited,
.btn-lookup:focus {
  background-color: #6f2c91 !important; /* color_dark */
  border-color: #6f2c91 !important; /* color_dark */
  background-image: linear-gradient(to bottom, #6f2c91, #6f2c91) !important; /* color_dark */
}

.btn-lookup:hover,
.btn-lookup.active {
  background-color: #6f2c91 !important; /* color_dark */
  border-color: #6f2c91 !important; /* color_dark */
  background-image: linear-gradient(to bottom, #6f2c91, #6f2c91) !important; /* color_dark */
}

.btn-lookup.btn-border,
.btn-primary.btn-border {
  color: #6f2c91 !important; /* color_dark */
}

.modal-header {
  background: #6f2c91; /* color_dark */
}

.dropdown-menu {
  background-color: #6f2c91 !important; /* color_dark */
}

.dropdown-menu li {
	border-bottom: 1px solid #bbbbbb !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus {
  background-color: gray !important;
}

.dropdown-menu > li > div > ng-switch > div > div:hover {
  background-color: gray !important;
}

.ux_add_app_item {
  background-color: #6f2c91; /* color_dark */
}

.subsection_title {
  color: #6f2c91; /* color_dark */
}

#inquireVal .subsection_title {
  color: #6f2c91; /* color_dark */
} 

.breadCrumbContainer {
  background-color: #d8d5e8 /* color_light */
}

.overlayFlatIcon {
  color: #6f2c91; /* color_icon */
}

div.gridHeader {
  background-color: #854ca1 !important; /* color_medium */
}

.ngTopPanel {
  background-color: #854ca1 !important; /* color_medium */
}

.ngRow.even {
	background-color: #e2dfee !important; /* color_evenrow */
}

.ngRow.even.rowExpanded {
	background: linear-gradient(#e2dfee,white) !important; /* color_evenrow */
}

.ngRow.even.selected div {
	background-color: #bab5d7; /* color_selrow */
}

.ngRow.odd {
	background-color: #ebeaf4 !important; /* color_oddrow */
}

.ngRow.odd.rowExpanded {
	background: linear-gradient(#ebeaf4,white) !important; /* color_oddrow */
}

.ngRow.odd.selected div {
	background-color: #bab5d7; /* color_selrow */
}

.dropdown-menu.dropdown-content > li > a {
  color: #6f2c91 !important; /* color_dark */
}

.dropdown-menu.dropdown-content > li > a:hover{
  background-color: #6f2c91 !important; /* color_dark */
}

.dropdown-menu.dropdown-content > li{
  border-bottom: 1px solid  #6f2c91 !important; /* color_dark */
}

.weather {
  background: #6f2c91 !important; /* color_dark */
}

.tabview > .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border: 1px solid #6f2c91; /* color_dark */
}

.tabview > .nav-tabs > li > a {
  color: #6f2c91; /* color_dark */
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  background-color: #6f2c91 !important; /* color_dark */
}

.modal-body-canvastab .nav-tabs > li.active > a,
.modal-body-canvastab .nav-tabs > li.active > a:hover {
  background-color: #ffffff !important;
  color: #6f2c91 !important; /* color_dark */
}

.modal-body-canvastab .tabbable .nav-tabs > li > a,
.modal-body-canvastab .tabbable .nav-tabs > li > a:hover {
  border: 1px solid #ccc;
}

li.active.dialog > a,
li.active.dialog > a:hover {
  background-color: #f7f7f7 !important; /* override for dialog (from csctheme.css) */
  color: #6f2c91 !important; /* color_dark */
}

.childNav .nav-pills > .active > a,
.childNav .nav-pills > .active > a:hover,
.childNav .nav-pills > .active > a:focus {
  color: #6f2c91; /* color_dark */
  border-color: #6f2c91; /* color_dark */
}

.subheader span {
  color: #6f2c91 !important; /* color_dark */
}

.progress-bar li > div > span {
  background-color: #999999;
}

.progress-bar li > div.progress-bar-completed {
  background-color: #6dbe64;
}

.progress-bar li > div > span.progress-bar-completed {
  background-color: #6dbe64;
}

.progress-bar li > div {
  background-color: #999999;
}

.progress-bar li > div div {
  color: #6f2c91 !important; /* color_dark */
}

.progress-bar li.active > div > span {
  background-color: #bb7733;
}

.progress-bar li > div > span.active {
  background-color: #bb7733;
}

.control-label {
  color: #666666 !important;
}

#ConfirmMessage.control-label {
  color: #666666 !important;
}

.arrowFade {
  background: #d8d5e8; /* color_light */
}