#0b76bc: #0B76BC !default;
#f58b22: #F58B22 !default;
#034f8c: #034F8C !default;

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

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

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

/* Tertiary Colour */
.btn-colour3 { color: #fff; background-color: #034f8c; border-color: #034f8c; }
.btn-colour3:hover { color: #fff; background-color: darken(#034f8c, 10%); border-color: darken(#034f8c, 10%); }
.btn-colour3.disabled, .btn-colour3:disabled { color: #fff; background-color: rgba(#034f8c, .7 ); border-color: rgba(#034f8c, .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(#034f8c, 10%); border-color: darken(#034f8c, 10%); }
.badge-colour3 { color: #034f8c; border: solid 1px #034f8c; background-color: transparent; }
.bg-colour3 { background-color: #034f8c !important; color: white }
a.bg-colour3:hover, a.bg-colour3:focus, button.bg-colour3:hover, button.bg-colour3:focus { background-color: darken(#034f8c, 10%); }
.border-colour3 { border-color: #034f8c !important; }
.text-colour3 { color: #034f8c !important; }
.checkbox-colour-3:checked { border-color: #034f8c; background-color: #034f8c; }
a.text-colour3:hover, a.text-colour3:focus { color: darken(#034f8c, 30%); }