#023b7e: #0B76BC !default;
#93d800: #F58B22 !default;
#f7a808: #034F8C !default;

.link:before { background-color: #023b7e; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #023b7e; }

/* Primary Colour */
.btn-colour1 { color: #fff; background-color: #023b7e; border-color: #023b7e; }
.btn-colour1:hover { color: #fff; background-color: darken(#023b7e, 10%); border-color: darken(#023b7e, 10%); }
.btn-colour1.disabled, .btn-colour1:disabled { color: #fff; background-color: rgba(#023b7e, .7 ); border-color: rgba(#023b7e, .7 ); }
.btn-colour1:not(:disabled):not(.disabled):active, .btn-colour1:not(:disabled):not(.disabled).active,
.show > .btn-colour1.dropdown-toggle { color: #fff; background-color: darken(#023b7e, 10%); border-color: darken(#023b7e, 10%); }
.badge-colour1 { color: #023b7e; border: solid 1px #023b7e; background-color: transparent; }
.bg-colour1 { background-color: #023b7e !important; color: white }
a.bg-colour1:hover, a.bg-colour1:focus, button.bg-colour1:hover, button.bg-colour1:focus { background-color: darken(#023b7e, 10%) !important; }
.border-colour1 { border-color: #023b7e !important; }
.text-colour1 { color: #023b7e !important; }
a.text-colour1:hover, a.text-colour1:focus { color: darken(#023b7e, 30%); }
.render-box .link::before { background-color: #023b7e; }
.checkmark, .checkbox-container .checkmark:after { border-color: #023b7e; }
.checkbox-colour-1:checked { border-color: #023b7e; background-color: #023b7e; }
.ms-elem-selectable.ms-hover, .ms-elem-selection.ms-hover { background-color: #023b7e; }
.mvc-grid-pager .active, .mvc-grid-pager .active:focus, .mvc-grid-pager .active:hover { background-color: #023b7e; color: white; }
.mvc-grid .sortable { color: #023b7e; }

/* Secondary Colour - Hilighter */
.btn-colour2 { color: #fff; background-color: #93d800; border-color: #93d800; }
.btn-colour2:hover { color: #fff; background-color: darken(#93d800,10%); border-color: darken(#93d800,10%); }
.btn-colour2.disabled, .btn-colour2:disabled { color: #fff; background-color: rgba(#93d800, .7 ); border-color: rgba(#93d800, .7 ); }
.btn-colour2:not(:disabled):not(.disabled):active, .btn-colour2:not(:disabled):not(.disabled).active,
.show > .btn-colour2.dropdown-toggle { color: #fff; background-color: darken(#93d800,10%); border-color: darken(#93d800,10%); }
.badge-colour2 { color: #93d800; border: solid 1px #93d800; background-color: transparent; }
.bg-colour2 { background-color: #93d800 !important; color: white; }
a.bg-colour2:hover, a.bg-colour2:focus, button.bg-colour2:hover, button.bg-colour2:focus { background-color: darken(#93d800,10%) !important; }
.border-colour2 { border-color: #93d800 !important; }
.text-colour2 { color: #93d800 !important; }
a.text-colour2:hover, a.text-colour2:focus { color: darken(#93d800,30%); }
.checkbox-colour-2:checked { border-color: #93d800; background-color: #93d800; }
#LayoutHeader .select-div:hover a, #LayoutHeader .select-div:hover i, #LayoutHeader .top-menu-icon:hover, #SideMenu li a:hover { color: #93d800; }
#LayoutProfile .link:hover { color: #93d800; }
.top-menu-icon:hover { color: #93d800; }
.tt-text2-2 .tt-highlight, .tt-text1-1 .tt-highlight { color: #93d800; }

/* Tertiary Colour */
.btn-colour3 { color: #fff; background-color: #f7a808; border-color: #f7a808; }
.btn-colour3:hover { color: #fff; background-color: darken(#f7a808, 10%); border-color: darken(#f7a808, 10%); }
.btn-colour3.disabled, .btn-colour3:disabled { color: #fff; background-color: rgba(#f7a808, .7 ); border-color: rgba(#f7a808, .7 ); }
.btn-colour3:not(:disabled):not(.disabled):active, .btn-colour3:not(:disabled):not(.disabled).active,
.show > .btn-colour3.dropdown-toggle { color: #fff; background-color: darken(#f7a808, 10%); border-color: darken(#f7a808, 10%); }
.badge-colour3 { color: #f7a808; border: solid 1px #f7a808; background-color: transparent; }
.bg-colour3 { background-color: #f7a808 !important; color: white }
a.bg-colour3:hover, a.bg-colour3:focus, button.bg-colour3:hover, button.bg-colour3:focus { background-color: darken(#f7a808, 10%); }
.border-colour3 { border-color: #f7a808 !important; }
.text-colour3 { color: #f7a808 !important; }
.checkbox-colour-3:checked { border-color: #f7a808; background-color: #f7a808; }
a.text-colour3:hover, a.text-colour3:focus { color: darken(#f7a808, 30%); }