@charset "utf-8";
/* CSS Document */

.f-colour-0 {
    
    color:var(--colour-0); 
    
}

.b-colour-0 {
    
    background-color:var(--colour-0); 
    
}

.gb-colour-0 {
    
    background-image: linear-gradient(to bottom, var(--colour-0), var(--colour-0l));    
    
}

.f-colour-1 {
    
    color:var(--colour-1); 
    
}

.b-colour-1 {
    
    background-color:var(--colour-1);
    
}

.gb-colour-1 {
    
    background-image: linear-gradient(to bottom, var(--colour-1), var(--colour-1l));    
    
}

.f-colour-2 {
    
    color:var(--colour-2); 
    
}

.b-colour-2 {
    
    background-color:var(--colour-2); 
    
}

.gb-colour-2 {
    
    background-image: linear-gradient(to bottom, var(--colour-2), var(--colour-2l));    
    
}

.f-colour-3 {
    
    color:var(--colour-3); 
    
}

.b-colour-3 {
    
    background-color:var(--colour-3); 
    
}

.gb-colour-3 {
    
    background-image: linear-gradient(to bottom, var(--colour-3), var(--colour-3l));    
    
}

.f-colour-4 {
    
    color:var(--colour-4); 
    
}

.b-colour-4 {
    
    background-color:var(--colour-4); 
    
}

.gb-colour-4 {
    
    background-image: linear-gradient(to bottom, var(--colour-4), var(--colour-4l));    
    
}

.f-colour-5 {
    
    color:var(--colour-5); 
    
}

.b-colour-5 {
    
    background-color:var(--colour-5); 
    
}

.gb-colour-5 {
    
    background-image: linear-gradient(to bottom, var(--colour-5), var(--colour-5l));    
    
}

.f-colour-6 {
    
    color:var(--colour-6); 
    
}

.b-colour-6 {
    
    background-color:var(--colour-6); 
    
}

.gb-colour-6 {
    
    background-image: linear-gradient(to bottom, var(--colour-6), var(--colour-6l));    
    
}

.f-colour-7 {
    
    color:var(--colour-7); 
    
}

.b-colour-7 {
    
    background-color:var(--colour-7); 
    
}

.gb-colour-7 {
    
    background-image: linear-gradient(to bottom, var(--colour-7), var(--colour-7l));    
    
}

.f-colour-8 {
    
    color:var(--colour-8); 
    
}

.b-colour-8 {
    
    background-color:var(--colour-8); 
    
}

.gb-colour-8 {
    
    background-image: linear-gradient(to bottom, var(--colour-8), var(--colour-8l));    
    
}

.f-colour-9 {
    
    color:var(--colour-9); 
    
}

.b-colour-9 {
    
    background-color:var(--colour-9); 
    
}

.gb-colour-9 {
    
    background-image: linear-gradient(to bottom, var(--colour-9), var(--colour-9l));    
    
}

.f-colour-10 {
    
    color:var(--colour-10); 
    
}

.b-colour-10 {
    
    background-color:var(--colour-10); 
    
}

.gb-colour-10 {
    
    background-image: linear-gradient(to bottom, var(--colour-10), var(--colour-10l));    
    
}

.f-colour-11 {
    
    color:var(--colour-11); 
    
}

.b-colour-11 {
    
    background-color:var(--colour-11); 
    
}

.gb-colour-11 {
    
    background-image: linear-gradient(to bottom, var(--colour-11), var(--colour-11l));    
    
}

.f-colour-12 {
    
    color:var(--colour-12); 
    
}

.b-colour-12 {
    
    background-color:var(--colour-12); 
    
}

.gb-colour-12 {
    
    background-image: linear-gradient(to bottom, var(--colour-12), var(--colour-12l));    
    
}

.bd-colour-0 {
    
    border-color:var(--colour-0); 
    
}

.bd-colour-1 {
    
    border-color:var(--colour-1); 
    
}

.bd-colour-2 {
    
    border-color:var(--colour-2); 
    
}

.bd-colour-3 {
    
    border-color:var(--colour-3); 
    
}

.bd-colour-4 {
    
    border-color:var(--colour-4); 
    
}

.bd-colour-5 {
    
    border-color:var(--colour-5); 
    
}

.bd-colour-6 {
    
    border-color:var(--colour-6); 
    
}

.bd-colour-7 {
    
    border-color:var(--colour-7); 
    
}

.bd-colour-8 {
    
    border-color:var(--colour-8); 
    
}

.bd-colour-9 {
    
    border-color:var(--colour-9); 
    
}

.bd-colour-10 {
    
    border-color:var(--colour-10); 
    
}

.bd-colour-11 {
    
    border-color:var(--colour-11); 
    
}

.bd-colour-12 {
    
    border-color:var(--colour-12); 
    
}

.h-colour-0:hover {
    
    color:var(--colour-0); 
    
}

.h-colour-1:hover {
    
    color:var(--colour-1); 
    
}

.h-colour-2:hover {
    
    color:var(--colour-2); 
    
}

.h-colour-3:hover {
    
    color:var(--colour-3); 
    
}

.h-colour-4:hover {
    
    color:var(--colour-4); 
    
}

.h-colour-5:hover {
    
    color:var(--colour-5); 
    
}

.h-colour-6:hover {
    
    color:var(--colour-6); 
    
}

.h-colour-7:hover {
    
    color:var(--colour-7); 
    
}

.h-colour-8:hover {
    
    color:var(--colour-8); 
    
}

.h-colour-9:hover {
    
    color:var(--colour-9); 
    
}

.h-colour-10:hover {
    
    color:var(--colour-10); 
    
}

.h-colour-11:hover {
    
    color:var(--colour-11); 
    
}

.h-colour-12:hover {
    
    color:var(--colour-12); 
    
}

.s-colour-0.selected,
.s-colour-0.selected:hover {
    
    color:var(--colour-0); 
    
}

.s-colour-1.selected,
.s-colour-1.selected:hover {
    
    color:var(--colour-1); 
    
}

.s-colour-2.selected,
.s-colour-2.selected:hover {
    
    color:var(--colour-2); 
    
}

.s-colour-3.selected,
.s-colour-3.selected:hover {
    
    color:var(--colour-3); 
    
}

.s-colour-4.selected,
.s-colour-4.selected:hover {
    
    color:var(--colour-4); 
    
}

.s-colour-5.selected,
.s-colour-5.selected:hover {
    
    color:var(--colour-5); 
    
}

.s-colour-6.selected,
.s-colour-6.selected:hover {
    
    color:var(--colour-6); 
    
}

.s-colour-7.selected,
.s-colour-7.selected:hover {
    
    color:var(--colour-7); 
    
}

.s-colour-8.selected,
.s-colour-8.selected:hover {
    
    color:var(--colour-8); 
    
}

.s-colour-9.selected,
.s-colour-9.selected:hover {
    
    color:var(--colour-9); 
    
}

.s-colour-10.selected,
.s-colour-10.selected:hover {
    
    color:var(--colour-10); 
    
}

.s-colour-11.selected,
.s-colour-11.selected:hover {
    
    color:var(--colour-11); 
    
}

.s-colour-12.selected,
.s-colour-12.selected:hover {
    
    color:var(--colour-12); 
    
}

.box-col-0 {
    
    background-color:var(--box-col-0);  
    
}

.box-col-1 {
    
    background-color:var(--box-col-1);  
    
}

.box-col-2 {
    
    background-color:var(--box-col-2);  
    
}

.box-col-3 {
    
    background-color:var(--box-col-3);  
    
}

.ih-colour-0 a,
.ih-colour-0 a:hover {
    
    color:var(--colour-0); 
    
}

.ih-colour-1 a,
.ih-colour-1 a:hover {
    
    color:var(--colour-1); 
    
}

.ih-colour-2 a,
.ih-colour-2 a:hover {
    
    color:var(--colour-2); 
    
}

.ih-colour-3 a,
.ih-colour-3 a:hover {
    
    color:var(--colour-3); 
    
}

.ih-colour-4 a,
.ih-colour-4 a:hover {
    
    color:var(--colour-4); 
    
}

.ih-colour-5 a,
.ih-colour-5 a:hover {
    
    color:var(--colour-5); 
    
}

.ih-colour-6 a,
.ih-colour-6 a:hover {
    
    color:var(--colour-6); 
    
}

.ih-colour-7 a,
.ih-colour-7 a:hover {
    
    color:var(--colour-7); 
    
}

.ih-colour-8 a,
.ih-colour-8 a:hover {
    
    color:var(--colour-8); 
    
}

.ih-colour-9 a,
.ih-colour-9 a:hover {
    
    color:var(--colour-9); 
    
}

.ih-colour-10 a,
.ih-colour-10 a:hover {
    
    color:var(--colour-10); 
    
}

.ih-colour-11 a,
.ih-colour-11 a:hover {
    
    color:var(--colour-11); 
    
}

.ih-colour-12 a,
.ih-colour-12 a:hover {
    
    color:var(--colour-12); 
    
}