body {
background-color:#EEE;
}
.banner-login {
background-color:#FFF;
text-align:left;
padding:10px;
}
.banner-login img {
height:100px;
}
.header-custom, .header-custom nav, .header-custom .nav, .header-custom .navbar-btn {
border-color:#001D3F;
color:#001D3F;
background-color:#FFF;
}
.preapp-header {
background-color:#FFF;
}
.stepwizard .stepwizard-header .stepwizard-progress .progress-bar {
background-color:#FFF;
}
#page-create-issue-success .page-create-issue-success .page-create-issue-success-header img, #page-create-issue-success .page-create-issue-success ul li:before, .next-steps-card .next-steps-card-main-content ul li:before {
background-color:#001D3F;
}
#page-create-issue-success .page-create-issue-success {
border-top-color:#001D3F;
}
.modal-happiness .modal-content, .select2-container--default.select2-container--focus .select2-selection--multiple, .form-control:focus, #sidebar-left .sidebar-header, .container-dashboard {
border-color:#001D3F;
}
#sidebar-left .sidebar-header {
background-color:#FFF;
}
.header-custom a, #sidebar-left .sidebar-header .navbar-collapse .navbar-nav li a {
color:#001D3F;
}
#sidebar-left .sidebar-nav .nav a:hover {
color:#001D3F;
border-color:#001D3F;
}
.header-custom .caret, .header-custom .notify-arrow, .header-custom .dropdown-menu { 
border-top-color:#001D3F;
border-bottom-color:#001D3F;
}
.header-custom .form-control,.header-custom .form-control:focus, .header-custom .form-control input-group-addon:focus {
border-color:#001D3F;
}
.header-custom a,.header-custom a:focus, .header-custom a:hover, .header-custom active {
color:#001D3F;
}
.header-custom .dropdown, .header-custom .dropdown-menu {
color:#001D3F;
background-color:#FFF;
}
.header-custom .dropdown-menu li a, .header-custom .dropdown-menu li a:focus, .header-custom .dropdown-menu li a:hover {
color:#001D3F;
}
.header-custom .divider {
background-color:#001D3F;
}
.header-custom .navbar-btn-invert, .header-custom .navbar-btn:hover {
color:#FFF;
background-color:#001D3F;
}
#sidebar ul.sidebar-menu li.active a, #sidebar ul.sidebar-menu li a:hover {
color:#001D3F;
border-left-color:#001D3F;
}
.responsive-tabs .nav-tabs-solid,  .nav-tabs-solid {
background:#001D3F;
border-top-color: #001D3F;
}
.responsive-tabs .nav-tabs {
color:#001D3F;
}
.page-title .titles .title .permanent .dashboard-select h5 {
color:#001D3F;
}
.nav-tabs-solid.nav>li.active>a, .nav-tabs-solid.nav>li>a:hover {
color:#001D3F;
}
.vdp-datepicker input.form-control:focus,
.form-control:focus, .select2-container--default .select2-selection--multiple:focus, .select2-container--default .select2-selection--single:focus, .select2-search--dropdown .select2-search__field:focus, .form-control-static-readonly:focus, .select2-selection--single:focus, .v-select .dropdown-toggle:focus, .v-select.single.searchable .dropdown-toggle:focus {
border-color:#001D3F;
}
.v-select.open .dropdown-toggle, body .v-select.vs--open .vs__dropdown-toggle {
border-color:#001D3F;
}
.v-select.open .dropdown-menu {
border-top-color:#001D3F;
}
.pre-app form {
border-top-color:#001D3F;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
background-color:#001D3F;
}
.table-rowclick tbody tr[data-href]:active,
.table-rowclick tbody tr[data-href]:focus,
.table-rowclick tbody tr[data-href]:hover,
.table-rowclick .table-row[data-href]:active,
.table-rowclick .table-row[data-href]:focus,
.table-rowclick .table-row[data-href]:hover,
.table-hover > tbody > tr:hover {
border-left-color:#001D3F;
border-right-color:#001D3F;
}
.nav-tabs-solid.nav>li.active>a, .nav-tabs-solid.nav>li>a:hover {
color:#001D3F;
}
.secondary-tabs .nav-tabs li.active>a, .secondary-tabs .nav-tabs li>a:hover {
color:#001D3F;
}
.secondary-tabs .nav-tabs li > a::after {
background-color:#001D3F;
}
.secondary-tabs .nav-tabs li.active > a span.badge, .secondary-tabs .nav-tabs li > a:hover span.badge {
background-color:#001D3F;
border-color:#001D3F;
}
.comment-area-content .comment-message-section .comment-inputs .chars-remaining {
background:#001D3F;
}
.FaultTree .categories ul li img{
background-color:#001D3F;
}
.comment-area-content{
border-top-color:#001D3F;
}
.comment-area-content .comment-area .back-to-bottom{
border-color:#001D3F;
color:#001D3F;
}
.comment-area-content .comment-area .back-to-bottom:hover{
background-color:#001D3F;
}
.FaultTree .categories ul li.selected,
.FaultTree .categories ul li:not(.nohover):hover {
background-color:#003A7E;
}
.panel-issue-create .radio input[type="radio"]:focus,
.panel-issue-create .radio-inline input[type="radio"]:focus,
.panel-issue-create .checkbox input[type="checkbox"]:focus,
.panel-issue-create .checkbox-inline input[type="checkbox"]:focus,
.panel-issue-create .btn:focus, .panel-issue-create button:focus,
.panel-issue-create a:focus,
.panel-issue-create .faults table a:focus,
.panel-issue-create .form-control:focus{
outline-color:#001D3F;
}
.search-simple .form-group .input-append input[type="text"].form-control:focus, .search-simple.form-group .input-append input[type="text"].form-control:focus {
border-bottom-color:#001D3F;
}
.card:hover {
border-left-color:#001D3F;
}
.card:hover .label-status,
.calendar .calendar-holder table.calendar-week td .content.today:before {
background-color:#001D3F;
}
.calendar .calendar-holder table.calendar-month td .content.today {
color:#001D3F;
background-color:#003A7E;
}
.FaultTree .categories ul li.selected img,
.FaultTree .categories ul li:not(.nohover):hover img {
background-color:#003A7E;
}
.calendar .calendar-holder table.calendar-month td .content.today:hover {
background-color:#001D3F;
}
.qvp-panel .bubble a, .qvp-panel .qvp-panel-content .card-list-bubble .card-bubble, .assignments-panel .card-list-bubble .card-bubble {
background-color:#001D3F;
border-color:#001D3F;
}
.qvp-panel:hover .qvp-title h4 {
color:#001D3F;
}
.qvp-col .qvp-panel:hover .qvp-title, #draggablePanelList .ui-sortable-placeholder .qvp-panel:hover .qvp-panel-header .qvp-title {
color:#001D3F;
}
.qvp-panel .bubble a:hover {
-webkit-box-shadow: 0 0 0 5px #001D3F;
-moz-box-shadow: 0 0 0 5px #001D3F;
box-shadow: 0 0 0 5px #001D3F;
}
.assignments-bg .assignments-panel .assignments-panel-content:hover .description,
.assignments-bg .assignments-panel .assignments-panel-content .result {
color:#001D3F;
}
.assignments-bg .assignments-panel .assignments-panel-content .result:after {
background-color:#001D3F;
}
.home-options ul li a img {
background-color:#001D3F;
border-color:#001D3F;
}
.home-options ul li a:hover img {
background-color:#001D3F;
box-shadow: 0 0 0 5px #001D3F;
}
a {
color:#001D3F;
}
a:hover, a:focus{
color:#001733;
}
.btn-primary, .primary, .dropdown-menu.primary {
background-color: #001D3F;
border-color: #001D3F;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #001733;
border-color: #001733;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:hover, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus{
background-color: #001733;
border-color: #001733;
}
.stepwizard .stepwizard-footer .btn.btn-primary {
border-color: #001D3F;
}
.stepwizard .stepwizard-footer .btn.btn-primary:hover,
.stepwizard .stepwizard-footer .btn.btn-primary:focus {
border-color: #001733;
}
.btn-link {
color:#001D3F;
}
.btn-link:hover, .btn-link:focus {
color:#001733;
}
.ivr-question-parent .voice-question:focus, .ivr-question-parent .voice-question:hover {
border-left-color:#001D3F;
}
.btn-link {
color:#001D3F;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
background-color: #001D3F;
}
.back-to-top {
background-color:#001D3F;
}
.panel-group .panel-simple .panel-heading {
color:#001D3F;
border-bottom-color: #001D3F;
}
.example-email-footer img {
background-color: #001D3F;
}
.btn-cloudupload.dragover {
border-color: #001D3F;
}
.promote-card .form-url {
border-color: #001D3F;
}
.promote-card .form-url:before {
color: #001D3F;
}
.promote-to-card {
border-top-color: #001D3F;
}
a.card-as-link:hover .promote-to-card {
border-top-color: #001733;
}
.promote-to-card .promote-to-card-icon {
border-color: #001D3F;
color: #001D3F;
}
a.card-as-link .promote-to-card .promote-to-card-icon {
color: #001D3F;
}
a.card-as-link:hover .promote-to-card .promote-to-card-icon {
border-color: #001733;
color: #001733;
}
.tabs-right.entity-lookup .nav-tabs-solid li a:hover {
color: #001D3F;
}
.tabs-right.entity-lookup .nav-tabs-solid li a:hover .badge {
background-color: #001D3F;
border-color: #001D3F;
}
.v-select.single.searchable.open .dropdown-toggle {
border-color: #001D3F;
}
.brand-color {
color: #001D3F !important;
}
.brand-color-hi {
color: #003A7E !important;
}
.brand-color-lo {
color: #001733 !important;
}
.brand-color-hover:hover {
color: #001D3F !important;
}
.brand-color-hover-hi:hover {
color: #003A7E !important;
}
.brand-color-hover-lo:hover {
color: #001733 !important;
}
.brand-background-color {
background-color: #001D3F !important;
}
.brand-background-color-hi {
background-color: #003A7E !important;
}
.brand-background-color-lo {
background-color: #001733 !important;
}
.brand-background-color-hover:hover {
background-color: #001D3F !important;
}
.brand-background-color-hi-hover:hover {
background-color: #003A7E !important;
}
.brand-background-color-lo-hover:hover {
background-color: #001733 !important;
}
.brand-border-color {
border-color: #001D3F !important;
}
.brand-border-top-color {
border-color: #001D3F !important;
}
.brand-border-right-color {
border-right-color: #001D3F !important;
}
.brand-border-bottom-color {
border-bottom-color: #001D3F !important;
}
.brand-border-color {
border-color: #001D3F !important;
}
.brand-border-color-hi {
border-color: #003A7E !important;
}
.brand-border-color-lo {
border-color: #001733 !important;
}
/*ACTIVE*/
.datepicker.datepicker-dropdown::after {
  border-bottom-color: #001D3F;
}
.datepicker table.table-condensed thead, 
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  background-color: #001D3F;
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  background-color: #001D3F;
  border-color: #001733;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  background-color: #001733;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  background-color: #001D3F;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  background-color: #001733;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #001D3F;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #001733;
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
background-color: #001733;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
background-color: #001733;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #001733;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
background-color: #001733;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
background-color: #001D3F;
}
.datepicker.vdp-datepicker__calendar .cell.day-header:hover,
.datepicker.vdp-datepicker__calendar header,
.datepicker.vdp-datepicker__calendar .cell.day-header,
.datepicker.vdp-datepicker__calendar .day-header {
background-color: #001D3F;
}
.datepicker.vdp-datepicker__calendar .cell.day-header {
border-color: #001D3F;
}
.next-steps-tab > .nav-tabs li.active, .next-steps-tab .nav-tabs-next-steps li.active, .next-steps-tab > .nav-tabs li.active > a, .next-steps-tab .nav-tabs-next-steps li.active > a, .next-steps-tab > .nav-tabs li > a:hover, .next-steps-tab .nav-tabs-next-steps li > a:hover {
color: #001D3F;
}
.next-steps-tab > .nav-tabs li > a::after, .next-steps-tab .nav-tabs-next-steps li > a::after {
background-color: #001D3F;
}
.error-page .error-card h4 {
color: #001D3F;
}
.error-page .error-card h4:after, .error-page ul li:before {
background-color: #001D3F;
}
.stepwizard .stepwizard-content .search-problem .search-icon,
.stepwizard .stepwizard-header .stepwizard-title .stepwizard-step h3,
.stepwizard .categories .card.categories-card:hover .card-img,
.stepwizard .categories .card.categories-card:hover .card-body {
color:#001D3F;
}
.stepwizard .categories .card.categories-card .parent,
.stepwizard .stepwizard-header .stepwizard-progress .progress-bar {
background-color:#001D3F;
}
.stepwizard .item-list:hover,
.stepwizard .stepwizard-content .search-problem .form-control,
.stepwizard .item-list.selected,
.stepwizard .item-list label:before,
.stepwizard .item-list.selected label:after,
.stepwizard .item-list.selected span.item-text:after,
.stepwizard .item-list span.item-text:before {
border-color:#001D3F;
}
.stepwizard .item-list.selected span.item-text:after,
.stepwizard .item-list span.item-text:before {
border-color:#001D3F;
}
.stepwizard .item-list.selected label:after,
.stepwizard .item-list.selected span.item-text:after {
background-color:#001D3F;
}
.stepwizard .form-group.search .v-select:before, 
.stepwizard .stepwizard-content .breadcrumb li.home a, 
.stepwizard .stepwizard-content .breadcrumb li.home li a,
.stepwizard .form-group .input-group.search .input-group-btn .btn,
.stepwizard .form-group .form-control-vue-typeahead .vbt-autcomplete-list .list-group-item .vbt-matched-text {
color:#001D3F;
}
