﻿/* 114 references to Green #50b833 8.8.0 */
/* Replaced with #20596A */ 

/* 10 references to Light Green #dcf1d6 */
/* Replaced with #d0dfc8 */ 

/* Global */
.far,
.fa {
    color: #20596A;
}

.fa.reverse:hover {
    color: #20596A;
}


body.main input.newButton, 
body.main button.newButton,
body.main table.newButton,
body.modernGui input.newButton, 
body.modernGui button.newButton,
body.modernGui table.newButton
{ /* Used on first tier buttons that command attention eg. The save button This class name is inappropriate and will need to renamed in the future */
	background-color: #20596A;
    border: 1px solid #20596A;
}

.newButton:hover .fa,
.button-secondary:hover .fa {
    color: #20596A;
}

input[type=file],
body.main input.button-secondary, 
body.main button.button-secondary,
body.main table.button-secondary,
body.modernGui button.button-secondary
{ 
/* Used on second tier buttons such as drop downs */
	background-color: #20596A;
    border: 1px solid #20596A;
}

body.main input.newButton:hover:not([disabled]),
body.main input.button-secondary:hover:not([disabled]),
body.main table.newButton:hover:not([disabled]),
body.main table.button-secondary:hover:not([disabled]),
body.modernGui button.newButton:hover:not([disabled]),
body.modernGui button.button-secondary:hover:not([disabled]) {
    color: #20596A;
    border: 1px solid #20596A;
}

body.main input.newButton:active:not([disabled]), 
body.main button.newButton:active:not([disabled]),
body.main table.newButton:active:not([disabled]),
body.modernGui input.newButton:active:not([disabled]), 
body.modernGui button.newButton:active:not([disabled]),
body.modernGui table.newButton:active:not([disabled]) {
	background-color: #d0dfc8;
    color: #20596A;
	border:1px solid #20596A;
}

input[type=file]:active:not([disabled]),
body.main input.button-secondary:active:not([disabled]),
body.main button.button-secondary:active:not([disabled]),
body.main table.button-secondary:active:not([disabled]),
body.modernGui button.button-secondary:active:not([disabled]) {
	background-color: #d0dfc8;
    color: #20596A;
	border:1px solid #20596A;
}

body.main table.gridLine > tbody > tr > td:not(:last-child) {
    border-right: 1px solid #20596A;
}

body.main table.list td.header,
body.main table.list th.header, 
body.main table.list tr.header td, 
body.main table.list tr.header th,
body.main table.list tr.header td a,
body.main table.list tr.header th a
{
	background-color: #20596A !important; 
}

body.main table.list>tbody>tr>td.hovering-cell
{
    border-color: #20596A !important;
}

body.main table > tbody > tr > td.strapHeader, 
body.main table > tbody > tr.strapHeader td,
body.main table > tbody > tr > td.strapSubHeader, 
body.main table > tbody > tr.strapSubHeader td {
	background-color: #20596A;
}

body.modernGui div.sectionCollapse,
body.modernGui span.sectionCollapse,
body.main div.sectionCollapse,
body.main span.sectionCollapse,
body.main div.actionCollapse,
body.main span.actionCollapse {
    color:  #20596A;
}

body.main table.SectionTable {
	border-bottom: 2px solid #20596A;
}

body.main table.sectionTableContent {
    border-top: 0px solid #20596A;
    border-left: 0px solid #20596A;
}

body.main td.listHeader, 
body.main tr.listHeader td {
	background-color: #20596A !important;
}	

/* Label */
body.main table.form > tbody > tr> td.label-highlighted,
body.main .label-highlighted  {
    background-color: #d0dfc8;
    color: #343434;
	padding-top: 4px;
    padding-bottom: 4px;
    border-style: solid;
    border-width: 10px 0px 0px 0px;
    border-color: #ffffff;
}

.tab-nav > ul {
    border-bottom-color: #20596A;
}

.tab-nav > ul > li.tabCurrent 
{ 
    background-color: #20596A; 
}

.tab-nav > ul > li.tabOther 
{ 
    color: #20596A; 
}

.tab-nav > ul > li.tabOtherOver 
{ 
    color: #20596A; 
}

body.main table.form td.cal_weekend,
body.modernGui table.form td.cal_weekend {
    background-color: #d0dfc8;
}

a[href] {
    color: #20596A;
}

a[href]:hover {
    color: #d0dfc8;
}

span.favourite-place-holder {
    color: #20596A;
}

.ha-c-primary {
    color: #20596A;
}

body.main .wf-action-menu-list {
    color: #20596A; 
}

body.main .wf-action-menu li.k-item.k-state-hover {
    color: #20596A;
    border: 1px solid #20596A;
}

body.main .wf-action-menu li.k-item.k-state-hover .wf-action-menu-caption,
body.main .wf-action-menu li.k-item.k-state-hover .fa {
    color: #20596A;
}

body.main a.wf-button-link:link,
body.main a.wf-button-link:visited,
body.main a.wf-button-link:active,
body.modernGui a.app-button-link:link,
body.modernGui a.app-button-link:visited,
body.modernGui a.app-button-link:active {
    color: #20596A !important;
}

body.main .wf-action-link {
    border: 1px solid #20596A; 
}

body.main td.wf-type-name {
	color: #20596A;    
}	


/*body.main table.CalendarTable > tbody > tr > td > input[type=button], 
body.main table.CalendarTable > thead > tr > th > input[type=button] {
	background-color: #e6e6e6;
    color: #20596A;
}*/


/* Action Menu Button left Green.  Commented out to keep the default button colour */
/*body.main .wf-action-menu-holder {
    background-color: #20596A; 
}
*/

.k-button{
	background-color: #20596A;
    border: 1px solid #20596A;
}

.k-button:hover{
	color: #20596A;
	border:1px solid #20596A;
}

.k-button:hover .fa {
    color: #20596A;
}

/* Attachment Field */
body.main .k-grid-header-wrap th.k-header,
body.modernGui .k-grid-header-wrap th.k-header {
	background-image: none;
    background-color: #ebebea;
    line-height: 16px;
    padding: 3px;
    font-weight: bold;
    color: #20596A;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    border-color: #bfbfbf;
}

body.main .k-grid-header-wrap th.k-header:last-child,
body.modernGui .k-grid-header-wrap th.k-header:last-child {
    border-right-width: 1px;
}

body.main .k-grid-content tbody tr td, body.main .k-grid-footer-wrap tr td {
    border-width: 1px 0 0px 1px;
    border-color: #bfbfbf;
}

body.main .k-grid-content tbody tr > td:first-child, body.main .k-grid-footer-wrap tr > td:first-child {
    border-left-color: #bfbfbf;
}

body.main .k-grid-content tbody tr > td:last-child, body.main .k-grid-footer-wrap tr > td:last-child {
    border-right-color: #bfbfbf;
}

body.main .k-grid-content tbody tr:last-child > td, body.main .k-grid-footer-wrap tr:last-child > td {
    border-bottom-color: #bfbfbf;
}

body.main .k-grid-content .k-grid-norecords{
    border-width:1px 1px 1px 1px;
    border-color:#bfbfbf;
}

.attachmentFieldContainer .k-dropzone-active .dropzoneText{
    background-color:#20596A;
} 

/* Modern Gui */
/*-----------------------------------------------------------------------------*/

body.modernGui a {
  color: #20596A;
}
body.modernGui a:hover {
  color: #d0dfc8;
}

body.modernGui .dragEnter {
  background-color: #20596A;
}

body.main .progress-bar-info,
body.modernGui .progress-bar-info {
    background-color: #20596A;
}

body.main .dateRangeTitle {
    background-color: #20596A;
}

body.modernGui .sub-menu .k-item.modern-gui-menu-selected-item {
    background-color: #20596A;
    border-color: #20596A;
}

body.modernGui .sub-menu .k-item.modern-gui-menu-selected-item:hover {
    color: #20596A;
    border-color: #20596A;
}

body.modernGui .sub-menu .k-state-hover > .k-link {
    color: #20596A;
}

body.modernGui .sub-menu.k-header {
    border-color: #20596A;
}

body.modernGui .deep-menu-tab .k-item.modern-gui-menu-selected-item {
    background-color: #f7f7f7; 
	color: #20596A;
    border-bottom: 5px solid #20596A !important;
}

body.modernGui .sub-menu-tab > .k-item:not(.modern-gui-menu-selected-item):hover {
    border-color: #20596A;
}

body.modernGui .sub-menu-box > .k-item:not(.modern-gui-menu-selected-item) {
    border-color: #20596A;
}

body.modernGui .navbar-menu-bar {
    color: #20596A; 
}

body.modernGui .card-box {
    border: 1px solid #20596A;
    color: #20596A;
}

body.modernGui .card-list-drag-enter {
    border: 3px solid #20596A;
}

body.modernGui .main-right-menu.k-panelbar li.k-item {

    color: #20596A;
}

/*body.modernGui .main-right-menu.k-panelbar li.k-item:hover {
    color: #20596A;
    border: 1px solid #20596A;
}*/

body.modernGui .menu-item-hover-border:hover {
    border: 1px solid #20596A;
}

body.modernGui .main-right-menu.k-panelbar li.k-item.k-state-highlight {
    background-color: #20596A;
}

body.modernGui .main-right-menu .k-state-selected {
    background-color: #20596A;
}

body.modernGui .main-right-menu.k-panelbar > li.k-state-default > .k-link.k-state-selected:hover {
    background-color: #20596A;
}

body.modernGui .gui-config.k-panelbar > li > .k-link {
    background-color: #20596A;
}

body.modernGui .dragged-hint {
    border: 3px solid #20596A; 
}

body.modernGui .modern-style-grid.k-grid .k-header {
    color: #20596A;
}

body.modernGui .modern-style-grid.k-grid tbody tr td.hovering-cell {
    border-color: #20596A;
}

body.main .comment-cell {
    border: 1px dashed #20596A;
}

body.main .instruct-text {
    border-right: 1px #20596A solid; 
}

body.main table.WrapperTable {
    border: 1px solid #20596A;
}

body.main .week-day-header,
body.modernGui .week-day-header {
    background-color: #20596A !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #50B848;
}

.dataTables_scrollBody > table.dataTable > tbody > tr > td.hovering-cell {
    border-color: #20596A !important;
}

.mat-progress-bar-element {
    background-color: #d0dfc8;
}

.mat-progress-bar-fill::after {
    background-color: #20596A;
}

body.modernGui .grid-row-column {
    background-color: #d0dfc8;
}

body.modernGui .grid-row-column-border {
    border: solid 1px #d0dfc8;
}

body.modernGui .grid-row:hover {
    border: 1px solid #20596A; 
}

body.modernGui .mat-pseudo-checkbox-checked {
    background-color: #20596A;
}

body.modernGui .k-alt td.k-state-selected {
    background-color: #20596A;
}

body.modernGui .k-grid td.k-state-selected,
body.modernGui .k-grid tr.k-state-selected,
body.modernGui .k-grid tr.k-state-selected > td {
    background-color: #20596A;
}

.mat-checkbox-background {
    background-color: #20596A !important;
}

.dnd-drag-over {
    border-bottom: 20px solid #20596A;
}

body.modernGui .list-item-selected {
    background-color: #20596A;
}

body.modernGui .loader {
    border-top: 16px solid #20596A;
}

body.modernGui .mat-spinner circle {
    stroke: #20596A;
}

body.modernGui .k-state-selected {
    background-color: #20596A;
}

body.modernGui .k-pager-numbers .k-link:not(.k-state-selected) {
    color: #20596A;
}

body.modernGui .k-calendar .k-state-selected .k-link,
body.modernGui .k-calendar.k-calendar-range .k-calendar-view .k-range-start .k-link,
body.modernGui .k-calendar.k-calendar-range .k-calendar-view .k-range-end .k-link {
	background-color: #20596A;
}

.hierarchy-report-diagram-1 {
    background-color: #d0dfc8;
}


.hierarchy-report-tree-1 {
    background-color: #d0dfc8;
}

body.modernGui .k-tabstrip .k-item.k-state-active {
    background-color: #20596A;
}

body.modernGui .section-header {
    border-bottom: 2px solid #20596A;
}

body.modernGui .k-grid tr.dragging {
    border: 1px solid #20596A;
}


body.modernGui .k-popup .k-state-selected {
    background-color: #20596A;
}

body.modernGui .separator-right {
    border-right: 1px solid #20596A;
}

body.modernGui .separator-left {
    border-left: 1px solid #20596A;
}

body.modernGui .header-buttons {
    color: #20596A;
}

body.modernGui .action-menu-holder {
    background-color: #20596A;
}

body.modernGui .action-menu-holder:hover {
    color: #20596A;
}

body.modernGui .action-menu-holder:hover .fa {
    color: #20596A;
}

body.modernGui .action-menu-panel .mat-menu-item {
    color: #20596A;
}

body.modernGui .k-tabstrip-items {
    border-bottom: 5px solid #20596A;
}

body.modernGui .k-tabstrip-items .k-item {
    border-bottom: 1px solid #20596A;

}

body.modernGui .k-list > .k-state-focused {
    background-color: #20596A;
}

body.modernGui .k-list > .k-state-focused:hover {
    background-color: #20596A;
}

body.modernGui .k-widget ::selection, .k-block ::selection, .k-panel ::selection {
    background-color: #20596A;
    color: #fff;
}
