#262b67: #0B76BC !default;
#dd1e4a: #F58B22 !default;
#812459: #034F8C !default;

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

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

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

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