#38a6de: #0B76BC !default;
#18508d: #F58B22 !default;
#959595: #034F8C !default;

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

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

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

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