.bg-main-colour {background: #086575;}
.text-main-colour {color: #086575;}
.border-main-colour {border-color: #086575;}
.bg-secondary-colour {background: #20a8c1;}
.text-secondary-colour {color: #20a8c1;}
.border-secondary-colour {border-color: #20a8c1;}
h1 {color: #20a8c1;}
h2 {color: #086575;}
h3 {color: #20a8c1;}
h4 {color: #086575;}
h5 {color: #20a8c1;}
h6 {color: #086575;}
.text-link-colour {color: #a6e1ec;}

.side-bar li.active span, .section-header .section span {    
    background-color: #a6e1ec;
}

.side-bar li.active {color: #a6e1ec;}

.emptyLoader:empty:after {border-top-color: #086575;}
.search-table .pager a.prev, .search-table .pager a.next {
    background: #20a8c1;
}
.search-table .pager > div > a.current-page {color: #086575;}
.search-table .dropdown-toggle {background-color: #20a8c1;}
.search-table .td.show {background-color: #20a8c1 !important;}

.filters button.active {border-color: #086575;}

.accordion-header button {color: #086575 !important;}
.form-control:focus {border-color: #20a8c1;}

#option-view .view-selector a:hover {border-color: #20a8c1;}
#option-view .view-selector a.active {color: #20a8c1;}

section h3 {text-transform: uppercase; color: #086575; line-height: 40px; margin-bottom: 10px;}
section h3:after {content: ''; display: block; width: 40px; height: 4px; border-radius: 5px; background: #20a8c1;}

.search-table-categories a {color: #20a8c1;}
.search-table-categories a.active {color: #086575;}
.search-table-categories a.active:after {border-bottom-color: #086575;}

.KPIs>div > div {color: #20a8c1;}

.purchase label:not(.form-check-label), .job-card label:not(.form-check-label) {color: #086575;}
#newSupplier > a {color: #20a8c1;}
.vehicle-image a {color: #20a8c1;}