:root 
{
    --screen: #313131;
    --white: #FEFEFE;
    --black: #101010;
    --gray-100: #F7F7F7;
    --gray-200: #EEEEEE;
    --gray-300: #EAEDEF;
    --gray-400: #D0D3D5;
    --gray-500: #B6B9BB;
    --gray-600: #9DA0A2;
    --gray-700: #848789;
    --gray-800: #6A6D6F;
    --gray-900: #515456;
    --blue: #0A5763;
    --indigo: #6610F2;
    --purple: #6F42C1;
    --pink: #FFB9B5;
    --red: #D9534F;
    --orange: #EB750D;
    --yellow: #EBD90D;
    --green: #17DEA3;
    --teal: #C2FFC2;
    --cyan: #219CB0;
    --gray: #9DA0A2;
    --gray-dark: #EB750D;
    --primary: #0A5763;
    --secondary: #EB750D;
    --success: #17DEA3;
    --info: #219CB0;
    --warning: #EBD90D;
    --danger: #D9534F;
    --light: #9DA0A2;
    --dark: #515456;
    --palePrimary: #45828B;
    --paleSecondary: #F3A968;
    --paleSuccess: #64E2BD;
    --paleDanger: #e07471;
    --paleWarning: #FFF14D;
    --paleInfo: #53A3CF;
    --paleLight: #b0b2b4;
    --paleDark: #727576;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Poppins","Open Sans","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: "PT Mono","Courier New","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono",monospace
}

.primary { color: var(--primary) }
.altvizPrimary { color: var(--primary) }
.secondary { color: var(--secondary) }
.altvizSecondary { color: var(--secondary) }
.success { color: var(--success) }
.altvizSuccess { color: var(--success) }
.info { color: var(--info) }
.altvizInfo { color: var(--info) }
.warning { color: var(--warning) }
.altvizWarning { color: var(--warning) }
.danger { color: var(--danger) }
.altvizDanger { color: var(--danger) }
.light { color: var(--light) }
.altvizLight { color: var(--light) }
.dark { color: var(--dark) }
.altvizDark { color: var(--dark) }
.palePrimary { color: var(--palePrimary) }
.paleSecondary { color: var(--paleSecondary) }
.paleSuccess { color: var(--paleSuccess) }
.paleDanger { color: var(--paleDanger) }
.paleWarning { color: var(--paleWarning) }
.paleInfo { color: var(--paleInfo) }
.paleLight { color: var(--paleLight) }
.paleDark { color: var(--paleDark) }
.white { color: var(--white) }
.black { color: var(--black) }
.gray-100 { color: var(--gray-100) }
.gray-200 { color: var(--gray-200) }
.gray-300 { color: var(--gray-300) }
.gray-400 { color: var(--gray-400) }
.gray-500 { color: var(--gray-500) }
.gray-600 { color: var(--gray-600) }
.gray-700 { color: var(--gray-700) }
.gray-800 { color: var(--gray-600) }
.gray-900 { color: var(--dark) }
.blue { color: var(--primary) }
.indigo { color: var(--indigo) }
.purple { color: var(--purple) }
.pink { color: var(--pink) }
.red { color: var(--danger) }
.orange { color: var(--secondary) }
.yellow { color: var(--warning) }
.green { color: var(--success) }
.teal { color: var(--teal) }
.cyan { color: var(--info) }
.gray { color: var(--light) }
.gray-dark { color: var(--secondary) }

.border-primary { border-color: var(--primary) }
.border-altvizPrimary { border-color: var(--primary) }
.border-secondary { border-color: var(--secondary) }
.border-altvizSecondary { border-color: var(--secondary) }
.border-success { border-color: var(--success) }
.border-altvizSuccess { border-color: var(--success) }
.border-info { border-color: var(--info) }
.border-altvizInfo { border-color: var(--info) }
.border-warning { border-color: var(--warning) }
.border-altvizWarning { border-color: var(--warning) }
.border-danger { border-color: var(--danger) }
.border-altvizDanger { border-color: var(--danger) }
.border-light { border-color: var(--light) }
.border-altvizLight { border-color: var(--light) }
.border-dark { border-color: var(--dark) }
.border-altvizDark { border-color: var(--dark) }
.border-palePrimary { border-color: var(--primary) }
.border-paleSecondary { border-color: var(--paleSecondary) }
.border-paleSuccess { border-color: var(--paleSuccess) }
.border-paleDanger { border-color: var(--paleDanger) }
.border-paleWarning { border-color: var(--paleWarning) }
.border-paleInfo { border-color: var(--paleInfo) }
.border-paleLight { border-color: var(--paleLight) }
.border-paleDark { border-color: var(--paleDark) }
.border-white { border-color: var(--white) }
.border-black { border-color: var(--black) }
.border-gray-100 { border-color: var(--gray-100) }
.border-gray-200 { border-color: var(--gray-200) }
.border-gray-300 { border-color: var(--gray-300) }
.border-gray-400 { border-color: var(--gray-400) }
.border-gray-500 { border-color: var(--gray-500) }
.border-gray-600 { border-color: var(--gray-600) }
.border-gray-700 { border-color: var(--gray-700) }
.border-gray-800 { border-color: var(--gray-800) }
.border-gray-900 { border-color: var(--gray-900) }
.border-blue { border-color: var(--primary) }
.border-indigo { border-color: var(--indigo) }
.border-purple { border-color: var(--purple) }
.border-pink { border-color: var(--pink) }
.border-red { border-color: var(--danger) }
.border-orange { border-color: var(--secondary) }
.border-yellow { border-color: var(--warning) }
.border-green { border-color: var(--success) }
.border-teal { border-color: var(--teal) }
.border-cyan { border-color: var(--info) }
.border-gray { border-color: var(--light) }
.border-gray-dark { border-color: var(--secondary) }

.bg-primary { background-color: var(--primary) }
.bg-altvizPrimary { background-color: var(--primary) }
.bg-secondary { background-color: var(--secondary) }
.bg-altvizSecondary { background-color: var(--secondary) }
.bg-success { background-color: var(--success) }
.bg-altvizSuccess { background-color: var(--success) }
.bg-info { background-color: var(--info) }
.bg-altvizInfo { background-color: var(--info) }
.bg-warning { background-color: var(--warning) }
.bg-altvizWarning { background-color: var(--warning) }
.bg-danger { background-color: var(--danger) }
.bg-altvizDanger { background-color: var(--danger) }
.bg-light { background-color: var(--light) }
.bg-altvizLight { background-color: var(--light) }
.bg-dark { background-color: var(--dark) }
.bg-altvizDark { background-color: var(--dark) }
.bg-palePrimary { background-color: var(--palePrimary) }
.bg-paleSecondary { background-color: var(--paleSecondary) }
.bg-paleSuccess { background-color: var(--paleSuccess) }
.bg-paleDanger { background-color: var(--paleDanger) }
.bg-paleWarning { background-color: var(--paleWarning) }
.bg-paleInfo { background-color: var(--paleInfo) }
.bg-paleLight { background-color: var(--paleLight) }
.bg-paleDark { background-color: var(--paleDark) }
.bg-white { background-color: var(--white) }
.bg-black { background-color: var(--black) }
.bg-gray-100 { background-color: var(--gray-100) }
.bg-gray-200 { background-color: var(--gray-200) }
.bg-gray-300 { background-color: var(--gray-300) }
.bg-gray-400 { background-color: var(--gray-400) }
.bg-gray-500 { background-color: var(--gray-500) }
.bg-gray-600 { background-color: var(--gray-600) }
.bg-gray-700 { background-color: var(--gray-700) }
.bg-gray-800 { background-color: var(--gray-800) }
.bg-gray-900 { background-color: var(--gray-900) }
.bg-blue { background-color: var(--primary) }
.bg-indigo { background-color: var(--indigo) }
.bg-purple { background-color: var(--purple) }
.bg-pink { background-color: var(--pink) }
.bg-red { background-color: var(--danger) }
.bg-orange { background-color: var(--secondary) }
.bg-yellow { background-color: var(--warning) }
.bg-green { background-color: var(--success) }
.bg-teal { background-color: var(--teal) }
.bg-cyan { background-color: var(--info) }
.bg-gray { background-color: var(--light) }
.bg-gray-dark { background-color: var(--secondary) }

.p-3.colourBoard 
{
    text-shadow: 1px 1px 5px var(--black);
}

.custom-control-input 
{
    background-color:var(--black)
}

.svg-inline--fa 
{
    font-size:45px
}

.svg-inline--fa:after 
{
    content:"\A";
    white-space:pre
}

html,
body 
{
    font-family:'Poppins';
    height:100%
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
[class*="header"],
[class*="title"] 
{
    font-family:'Poppins'
}

h1.heading,
.h1 
{
    line-height: 1.2em;
    color: var(--primary);
    font-size: 2.5rem;
    font-weight: 500
}

h2.heading,
.h2 
{
    line-height: 1.2em;
    color: var(--primary);
    font-size:2rem;
    font-weight: 500;
}

h3.heading,
.h3 
{
    line-height: 1.2em;
    color: var(--primary);
    font-size:1.75rem;
    font-weight: 500;
}

h4.heading,
.h4 
{
    line-height: 1.2em;
    color: var(--primary);
    font-size:1.5rem;
    font-weight: 500;
}

h5.heading,
.h5 
{
    line-height: 1.2em;
    color: var(--primary);
    font-size:1.25rem;
    font-weight: 500;
}

h6.heading,
.h6 
{
    line-height: 1.2em;
    color: var(--primary);
    font-size:1rem;
    font-weight: 500;
}

h1 
{
    line-height: 1.7em;
    color: var(--primary);
    font-size: 2.5rem;
    font-weight: 700
}

h2 
{
    line-height: 1.6em;
    color: var(--primary);
    font-size:2rem;
    font-weight: 500;
}

h3 
{
    line-height: 1.5em;
    color: var(--light);
    font-size:1.5rem;
    font-weight: 500;
}

h4 
{
    line-height: 1.4em;
    color: var(--light);
    font-size:1.25rem;
    font-weight: 500;
}

h5 
{
    line-height: 1.4em;
    color: var(--light);
    font-size:1.25rem;
    font-weight: 500;
}

h6 
{
    line-height: 1.4em;
    color: var(--light);
    font-size:1.25rem;
    font-weight: 500;
}

.card-header h4 
{
    margin:0;
    line-height:38px
}

p 
{
    font-size:1rem;
}

pre,
code,
kbd,
samp 
{
    font-family:'PT Mono';
    color:unset
}

.blockquote 
{
    font-size:1rem;
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid var(--gray-200);
}

a 
{
    color: var(--primary);
    background-color:transparent;
    text-decoration:none;
    cursor:pointer
}

a:hover 
{
    color: var(--palePrimary)
}

.brand 
{
    display:block;
    /*width:125px;
    text-align:right;*/
    font-size:.7em;
    color: var(--white)
}

.copyright 
{
    color: var(--light)
}

.card,
button 
{
    border:0;
    -webkit-box-shadow:0 2px 5px 0 var(--gray-400), 0 2px 10px 0 var(--gray-400);
    box-shadow:0 2px 5px 0 var(--gray-400), 0 2px 10px 0 var(--gray-400)
}

.card-header 
{
    font-size:1.3em;
    color: var(--dark)
}

table th 
{
    font-family:'Poppins';
    color: var(--dark)
}

.footer 
{
    background:var(--gray-100);
    -webkit-box-shadow:0 2px 5px 0 var(--gray-400),
    0 2px 10px 0 var(--gray-400);
    box-shadow:0 2px 5px 0 var(--gray-400),
    0 2px 10px 0 var(--gray-400)
}

.footer p 
{
    margin:10px 0;
    color:var(--gray-700) !important
}

body.signin .footer 
{
    background:0;
    -webkit-box-shadow:none;
    box-shadow:none
}

.modal-content 
{
    -webkit-box-shadow:0 2px 5px 0 var(--gray-700),
    0 2px 10px 0 var(--gray-700);
    box-shadow:0 2px 5px 0 var(--gray-700),
    0 2px 10px 0 var(--gray-700)
}

.modal-header .close 
{
    padding:5px 10px;
    margin:-0.5rem;
    border-radius:20px
}

[class*='btn-primary'] 
{
    background-color: var(--primary);
    border-color: var(--primary)
}

[class*='btn-primary']:hover 
{
    color: var(--white);
    background-color: var(--palePrimary);
    border-color: var(--palePrimary);
    box-shadow:none
}

[class*='btn-primary']:focus,
[class*='btn-primary']:active,
[class*='btn-primary']:not(:disabled):not(.disabled):active:focus,
[class*='btn-primary'].dropdown-toggle:focus,
.show>[class*='btn-primary'].dropdown-toggle:focus 
{
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow:none
}

[class*='btn-secondary'] 
{
    background-color: var(--secondary);
    border-color: var(--secondary)
}

[class*='btn-secondary']:hover 
{
    background-color:var(--secondary);
    border-color:var(--secondary);
    box-shadow:none
}

[class*='btn-secondary']:focus,
[class*='btn-secondary']:active,
[class*='btn-secondary']:not(:disabled):not(.disabled):active:focus,
[class*='btn-secondary'].dropdown-toggle:focus,
.show>[class*='btn-secondary'].dropdown-toggle:focus 
{
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow:none
}

[class*='btn-success'] 
{
    background-color: var(--success);
    border-color: var(--success)
}

[class*='btn-success']:hover 
{
    background-color:var(--success);
    border-color:var(--success);
    box-shadow:none
}

[class*='btn-success']:focus,
[class*='btn-success']:active,
[class*='btn-success']:not(:disabled):not(.disabled):active:focus,
[class*='btn-success'].dropdown-toggle:focus,
.show>[class*='btn-success'].dropdown-toggle:focus 
{
    background-color: var(--success);
    border-color: var(--success);
    box-shadow:none
}

[class*='btn-info'] 
{
    background-color: var(--info);
    border-color: var(--info)
}

[class*='btn-info']:hover 
{
    background-color:var(--info);
    border-color:var(--info);
    box-shadow:none
}

[class*='btn-info']:focus,
[class*='btn-info']:active,
[class*='btn-info']:not(:disabled):not(.disabled):active:focus,
[class*='btn-info'].dropdown-toggle:focus,
.show>[class*='btn-info'].dropdown-toggle:focus 
{
    background-color: var(--info);
    border-color: var(--info);
    box-shadow:none
}

[class*='btn-warning'] 
{
    background-color: var(--warning);
    border-color: var(--warning)
}

[class*='btn-warning']:hover 
{
    background-color:var(--warning);
    border-color:var(--warning);
    box-shadow:none
}

[class*='btn-warning']:focus,
[class*='btn-warning']:active,
[class*='btn-warning']:not(:disabled):not(.disabled):active:focus,
[class*='btn-warning']:focus:active,
[class*='btn-warning'].dropdown-toggle:focus,
[class*='btn-warning'].dropdown-toggle:active,
.show>[class*='btn-warning'].dropdown-toggle:focus 
{
    background-color: var(--warning);
    border-color: var(--warning);
    box-shadow:none
}

[class*='btn-danger'] 
{
    background-color: var(--danger);
    border-color: var(--danger)
}

[class*='btn-danger']:hover 
{
    background-color:var(--danger);
    border-color:var(--danger);
    box-shadow:none
}

[class*='btn-danger']:focus,
[class*='btn-danger']:active,
[class*='btn-danger']:not(:disabled):not(.disabled):active:focus,
[class*='btn-danger'].dropdown-toggle:focus,
.show>[class*='btn-danger'].dropdown-toggle:focus 
{
    background-color: var(--danger);
    border-color: var(--danger);
    box-shadow:none
}

[class*='btn-light'] 
{
    background-color: var(--light);
    border-color: var(--light)
}

[class*='btn-light']:hover 
{
    background-color:var(--light);
    border-color:var(--light);
    box-shadow:none
}

[class*='btn-light']:focus,
[class*='btn-light']:active,
[class*='btn-light']:not(:disabled):not(.disabled):active:focus,
[class*='btn-light'].dropdown-toggle:focus,
.show>[class*='btn-light'].dropdown-toggle:focus 
{
    background-color: var(--light);
    border-color: var(--light);
    box-shadow:none
}

[class*='btn-dark'] 
{
    background-color: var(--dark);
    border-color: var(--dark)
}

[class*='btn-dark']:hover 
{
    background-color:var(--dark);
    border-color:var(--dark);
    box-shadow:none
}

[class*='btn-dark']:focus,
[class*='btn-dark']:active,
[class*='btn-dark']:not(:disabled):not(.disabled):active:focus,
[class*='btn-dark'].dropdown-toggle:focus,
.show>[class*='btn-dark'].dropdown-toggle:focus 
{
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow:none
}

[class*="btn"],
[class*="btn"]:active,
[class*="btn"]:hover,
[class*="btn"]:focus,
[class*="btn"]:active:focus,
[class*="btn"]:focus:active,
[class*='btn']:not(:disabled):not(.disabled):active 
{
    color: var(--white)
}

.btn-link 
{
    background-color:transparent;
    color: var(--primary);
    text-decoration:none
}

.btn-link:hover,
.btn-link:active,
.btn-link:focus,
.btn-link:not(:disabled):not(.disabled):active 
{
    background-color:transparent;
    color: var(--primary);
    text-decoration:underline
}

[class*="text-primary"],
[class*="border-primary"],
[class*="outline-primary"] 
{
    color: var(--primary);
    border-color: var(--primary);
    background-color:unset
}

[class*="text-secondary"],
[class*="border-secondary"],
[class*="outline-secondary"] 
{
    color: var(--secondary);
    border-color: var(--secondary);
    background-color:unset
}

[class*="text-success"],
[class*="border-success"],
[class*="outline-success"] 
{
    color: var(--success);
    border-color: var(--success);
    background-color:unset
}

[class*="text-info"],
[class*="border-info"],
[class*="outline-info"] 
{
    color: var(--info);
    border-color: var(--info);
    background-color:unset
}

[class*="text-warning"],
[class*="border-warning"],
[class*="outline-warning"] 
{
    color: var(--warning);
    border-color: var(--warning);
    background-color:unset
}

[class*="text-danger"],
[class*="border-danger"],
[class*="outline-danger"] 
{
    color: var(--danger);
    border-color: var(--danger);
    background-color:unset
}

[class*="text-light"],
[class*="border-light"],
[class*="outline-light"] 
{
    color: var(--light);
    border-color: var(--light);
    background-color:unset
}

[class*="text-dark"],
[class*="border-dark"],
[class*="outline-dark"] 
{
    color: var(--dark);
    border-color: var(--dark);
    background-color:unset
}

[class*="outline-primary"]:hover,
[class*="outline-primary"]:active,
[class*="outline-primary"]:focus,
[class*="outline-primary"]:not(:disabled):not(.disabled):active,
[class*="outline-primary"]:not(:disabled):not(.disabled):active:focus 
{
    color: var(--white);
    border-color: var(--primary);
    background-color: var(--palePrimary);
    box-shadow:none
}

[class*="outline-secondary"]:hover,
[class*="outline-secondary"]:active,
[class*="outline-secondary"]:focus,
[class*="outline-secondary"]:not(:disabled):not(.disabled):active,
[class*="outline-secondary"]:not(:disabled):not(.disabled):active:focus 
{
    color: var(--white);
    border-color: var(--secondary);
    background-color:var(--paleSecondary);
    box-shadow:none
}

[class*="outline-success"]:hover,
[class*="outline-success"]:active,
[class*="outline-success"]:focus,
[class*="outline-success"]:not(:disabled):not(.disabled):active,
[class*="outline-success"]:not(:disabled):not(.disabled):active:focus 
{
    color: var(--white);
    border-color: var(--success);
    background-color:var(--paleSuccess);
    box-shadow:none
}

[class*="outline-info"]:hover,
[class*="outline-info"]:active,
[class*="outline-info"]:focus,
[class*="outline-info"]:not(:disabled):not(.disabled):active,
[class*="outline-info"]:not(:disabled):not(.disabled):active:focus 
{
    color: var(--white);
    border-color: var(--info);
    background-color:var(--paleInfo);
    box-shadow:none
}

[class*="outline-warning"]:hover,
[class*="outline-warning"]:active,
[class*="outline-warning"]:focus,
[class*="outline-warning"]:not(:disabled):not(.disabled):active,
[class*="outline-warning"]:not(:disabled):not(.disabled):active:focus 
{
    color: var(--white);
    border-color: var(--warning);
    background-color:var(--paleWarning);
    box-shadow:none
}

[class*="outline-danger"]:hover,
[class*="outline-danger"]:active,
[class*="outline-danger"]:focus,
[class*="outline-danger"]:not(:disabled):not(.disabled):active,
[class*="outline-danger"]:not(:disabled):not(.disabled):active:focus 
{
    color: var(--white);
    border-color: var(--danger);
    background-color:var(--paleDanger);
    box-shadow:none
}

[class*="outline-light"]:hover,
[class*="outline-light"]:active,
[class*="outline-light"]:focus,
[class*="outline-light"]:not(:disabled):not(.disabled):active,
[class*="outline-light"]:not(:disabled):not(.disabled):active:focus 
{
    color: var(--white);
    border-color: var(--light);
    background-color:var(--paleLight);
    box-shadow:none
}

[class*="outline-dark"]:hover,
[class*="outline-dark"]:active,
[class*="outline-dark"]:focus,
[class*="outline-dark"]:not(:disabled):not(.disabled):active,
[class*="outline-dark"]:not(:disabled):not(.disabled):active:focus 
{
    color: var(--white);
    border-color: var(--dark);
    background-color:var(--paleDark);
    box-shadow:none
}

[class*="badge-"] 
{
    cursor:pointer
}

[class*="badge-primary"],
[class*="alert-primary"] 
{
    background:var(--primary)
}

[class*="badge-primary"]:hover,
[class*="badge-primary"]:active,
[class*="badge-primary"]:focus,
[class*="badge-primary"]:not(:disabled):not(.disabled):active 
{
    background: var(--palePrimary)
}

[class*="badge-secondary"],
[class*="alert-secondary"] 
{
    background:var(--secondary)
}

[class*="badge-secondary"]:hover,
[class*="badge-secondary"]:active,
[class*="badge-secondary"]:focus,
[class*="badge-secondary"]:not(:disabled):not(.disabled):active 
{
    background:var(--secondary)
}

[class*="badge-success"],
[class*="alert-success"] 
{
    background:var(--success)
}

[class*="badge-success"]:hover,
[class*="badge-success"]:active,
[class*="badge-success"]:focus,
[class*="badge-success"]:not(:disabled):not(.disabled):active 
{
    background:var(--success)
}

[class*="badge-info"],
[class*="alert-info"] 
{
    background:var(--info)
}

[class*="badge-info"]:hover,
[class*="badge-info"]:active,
[class*="badge-info"]:focus,
[class*="badge-info"]:not(:disabled):not(.disabled):active 
{
    background:var(--info)
}

[class*="badge-warning"],
[class*="alert-warning"] 
{
    background:var(--warning)
}

[class*="badge-warning"]:hover,
[class*="badge-warning"]:active,
[class*="badge-warning"]:focus,
[class*="badge-warning"]:not(:disabled):not(.disabled):active 
{
    background:var(--warning)
}

[class*="badge-danger"],
[class*="alert-danger"] 
{
    background: var(--danger)
}

[class*="badge-danger"]:hover,
[class*="badge-danger"]:active,
[class*="badge-danger"]:focus,
[class*="badge-danger"]:not(:disabled):not(.disabled):active 
{
    background:var(--danger)
}

[class*="badge-light"],
[class*="alert-light"] 
{
    background:var(--light)
}

[class*="badge-light"]:hover,
[class*="badge-light"]:active,
[class*="badge-light"]:focus,
[class*="badge-light"]:not(:disabled):not(.disabled):active 
{
    background:var(--light)
}

[class*="badge-dark"],
[class*="alert-dark"] 
{
    background:var(--dark)
}

[class*="badge-dark"]:hover,
[class*="badge-dark"]:active,
[class*="badge-dark"]:focus,
[class*="badge-dark"]:not(:disabled):not(.disabled):active 
{
    background:var(--dark)
}



input.form-control 
{
    border-radius:.25rem !important;
    border:1px solid var(--gray-500);
    border-bottom:3px inset var(--primary);
    line-height:normal
}

input.form-control:focus::placeholder 
{
    font-size:.55rem;
    transition-duration:500ms;
    transform:translate(0,
        -15px)
}

input.form-control::placeholder 
{
    font-size:.9rem;
    color: var(--light);
    transition-duration:500ms;
    transform:translate(0,
        0)
}

.dropdown-menu 
{
    background: var(--gray-100)
}

.dropdown-item 
{
    color: var(--primary);
    border-radius:4px;
    padding:.25rem 1rem;
    margin:5px 0
}

.dropdown-menu.show 
{
    padding:5px 10px;
    -webkit-box-shadow:0 2px 5px 0 var(--gray-800), 0 2px 10px 0 var(--gray-800);
    box-shadow:0 2px 5px 0 var(--gray-800), 0 2px 10px 0 var(--gray-800)
}

.navbar-dark .navbar-brand 
{
    border-right:2px solid var(--gray-700);
    padding:5px 25px 0 0
}

.altviz_profile_btn_dropdown button 
{
    -webkit-box-shadow:none;
    box-shadow:none
}

a.navbar-brand span 
{
    display:block;
    font-size:14px;
    text-align:right;
    padding:0;
    margin:-5px 0 0 0
}

.nav-tabs 
{
    border-bottom:4px solid var(--gray-100)
}

.nav-tabs .nav-item 
{
    margin-bottom:-4px
}

ul.nav-tabs .nav-link 
{
    border-bottom:4px solid var(--gray-100)
}

ul.nav-tabs .nav-link.active 
{
    border-bottom:4px solid  var(--palePrimary)
}

.dropdown-menu-right .dropdown-item:hover 
{
    color: var(--secondary)
}

.hasDropShadow 
{
    -webkit-box-shadow:0 2px 5px 0 var(--gray-300),
    0 2px 10px 0 var(--gray-300);
    box-shadow:0 2px 5px 0 var(--gray-300),
    0 2px 10px 0 var(--gray-300)
}

#sidebar 
{
    min-width:168px;
    max-width:168px;
    background:var(--secondary);
    color:var(--white);
    transition:all .3s;
    border-right:1px solid var(--gray-300);
    min-height:100vh;
    margin-bottom:-1.5rem;
    flex:1 1 auto
}

#sidebar.active 
{
    min-width:60px;
    max-width:60px;
    text-align:center
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs,
#sidebar.active .sidebarItem 
{
    display:none
}

#sidebar.active .sidebar-header strong 
{
    display:block
}

#sidebar.active .rotateMe 
{
    transform:rotate(-180deg)
}

#sidebar ul 
{
    margin:0
}

#sidebar.active ul li a 
{
    padding:20px 10px;
    text-align:center;
    font-size:.85em
}

#sidebar.active ul li a i 
{
    font-size:1.5em
}

#sidebar.active .dropdown-toggle::after 
{
    top:auto;
    bottom:10px;
    right:50%;
    -webkit-transform:translateX(50%);
    -ms-transform:translateX(50%);
    transform:translateX(50%)
}

#sidebar ul.components 
{
    border-bottom:1px solid var(--gray-400)
}

#sidebar ul li a 
{
    font-size:14px;
    padding:10px;
    display:block;
    color: var(--white)
}

#sidebar ul li a:hover 
{
    color: var(--secondary);
    background: var(--white);
    text-decoration:none
}

#sidebar ul li.active>a 
{
    color: var(--secondary);
    background: var(--white)
}

.sidebarDashboard 
{
    margin:0;
    border-bottom:1px solid var(--gray-300);
    padding-bottom:15px
}

#sidebar ul li .fas 
{
    width:20px
}

.table thead tr td 
{
    font-weight:700
}

.row .header 
{
    padding-bottom:20px
}

label.form-label 
{
    width:100%
}

.activeAudit label 
{
    width:100%
}

.table thead 
{
    background:var(--gray-200)
}

.table tbody tr:nth-child(even) 
{
    background:var(--gray-100)
}

.previewBuilderEmail.form-control 
{
    height:300px
}

.previewBuilderSlack.form-control,
.previewBuilderTeams.form-control 
{
    height:218px
}

.previewTeams .previewWrapper>div 
{
    display:block;
    width:80%
}

.previewSlack .previewWrapper,
.previewTeams .previewWrapper,
.previewSNS .previewWrapper 
{
    display:block;
    width:100%;
    min-height:250px
}

.previewSlack .previewWrapper 
{
    background:transparent url(/images/previewBackSlack.png) 50% 0 no-repeat;
    padding-left:50%;
    padding-top:90px
}

.previewTeams .previewWrapper 
{
    background:transparent url(/images/previewBackTeams.png) 50% 0 no-repeat;
    padding-left:40%;
    padding-top:100px
}

.previewSNS .previewWrapper 
{
    background:transparent url(/images/previewBackSNS.png) 50% 0 no-repeat;
    padding-left:40%;
    padding-top:10px
}

.modal-lg 
{
    width:100% !important;
    min-width:100% !important;
    margin:0 auto !important
}

.modal-xl 
{
    text-align:center;
    width:100% !important;
    max-width:100% !important
}

.modal-xl .modal-dialog 
{
    min-width:90%;
    width:auto !important;
    display:inline-block;
    text-align:center
}

.dataSources .col-sm-2 .card,
.dataWarehouse .col-sm-2 .card 
{
    min-height:110px
}

.dataSourceIcon,
.dataWarehouseIcon 
{
    background-size:contain !important;
    min-width:100px;
    padding:0px;
    margin:0 0 0 10px
}

.dataSourceDetails 
{
    display:none
}

.text-bold 
{
    font-weight:700
}

.modal label,
.modal input,
.modal textarea 
{
    width:100%
}

.userState 
{
    display:inline-block;
    width:100%;
    text-align:right
}

table.dataTable,
table.hasShadow 
{
    margin-top:0px;
    margin-bottom:1rem !important;
    border:0;
    border-bottom:1px solid var(--gray-300);
    -webkit-box-shadow:0 2px 5px 0 var(--gray-400),
    0 2px 10px 0 var(--gray-400);
    box-shadow:0 2px 5px 0 var(--gray-400),
    0 2px 10px 0 var(--gray-400);
    border-radius:.3rem
}

table.dataTable,
.thead-dark td 
{
    border:0
}

.page-item.active .page-link 
{
    background-color: var(--primary);
    border-color: var(--primary)
}

.page-link 
{
    color: var(--primary)
}

input.float-right,
select.float-right 
{
    width:auto
}

.bgPale 
{
    background:var(--gray-100)
}

audio 
{
    border:0;
    outline:0
}

.openClaim:hover,
.isDataTable tr:hover 
{
    cursor:pointer;
    background:var(--gray-200) !important
}

button.btn.btn-link 
{
    width:100%
}

button.btn.btn-link:focus,
button.btn.btn-link:active 
{
    outline:none;
    border:0
}

.nav-toggle 
{
    display:none
}

/*.toast-header,
.modal-header,
.card-header,
.close span 
{
    width:calc(100% - .9rem);
    color:var(--white);
    text-shadow:none
}*/

/*.card-header,
.toast-header,
.modal-header 
{
    border-radius:.5rem !important;
    margin:0 auto;
    margin-top:.5rem;
    color: var(--secondary)
}*/

/*.toast-header,
.modal-header 
{
    background:var(--primary);
    color: var(--white)
}*/

.toast-header .close,
.modal-header .close,
.card-header .close 
{
    border-radius:1.5rem;
    padding:5px 10px;
    background:var(--gray-200);
    color: var(--secondary);
    opacity:1;
    margin-top:-0.2rem
}

.toast-header .close 
{
    margin-top:.2rem
}

.close span 
{
    color: var(--secondary)
}

.card-header 
{
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

span.valueLarge 
{
    display:block;
    font-size:2.5rem;
    width:100%;
    text-align:right
}

.index-page .page-header 
{
    height: 90vh;
    overflow: hidden;
}

.page-header 
{
    height: 100vh;
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-header>.container 
{
    color: var(--white);
}

.page-header .title 
{
    color: var(--white);
}

.page-header.header-small 
{
    height: 65vh;
    min-height: 65vh;
}

.header-filter 
{
    position: relative;
}

.header-filter:before,
.header-filter:after 
{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
}

.header-filter::before 
{
    background: rgba(0, 0, 0, 0.5);
}

.header-filter .container 
{
    z-index: 2;
    position: relative;
}

.clear-filter::before 
{
    background: none;
}

.purple-filter:after 
{
    background: rgba(101, 47, 142, 0.64);
    background: linear-gradient(45deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%);
    background: -webkit-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%);
}

.clear-filter:before 
{
    display: none;
}


.index-page .brand h1 
{
    font-size: 4.2rem;
    font-weight: 600;
    display: inline-block;
    position: relative;
    color: var(--primary);
    text-align: center;
    width: 100%;
}

.index-page .brand h3 
{
    font-size: 1.313rem;
    max-width: 500px;
    margin: 10px auto 0;
    color: var(--primary);
}

.main 
{
    background: var(--white);
    position: relative;
    z-index: 3;
}

.main-raised 
{
    margin: -60px 30px 0px;
    border-radius: 6px;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.navbar 
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar>.container,
.navbar>.container-fluid 
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-brand 
{
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus 
{
    text-decoration: none;
}

.navbar-nav 
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link 
{
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu 
{
    position: static;
    float: none;
}

.navbar-text 
{
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse 
{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler 
{
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus 
{
    text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) 
{
    cursor: pointer;
}

.navbar-toggler-icon 
{
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) 
{
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid 
    {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) 
{
    .navbar-expand-sm 
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav 
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu 
    {
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu-right 
    {
        right: 0;
        left: auto;
    }

    .navbar-expand-sm .navbar-nav .nav-link 
    {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid 
    {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-sm .navbar-collapse 
    {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-sm .navbar-toggler 
    {
        display: none;
    }

    .navbar-expand-sm .dropup .dropdown-menu 
    {
        top: auto;
        bottom: 100%;
    }
}

@media (max-width: 767.98px) 
{
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid 
    {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) 
{
    .navbar-expand-md 
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav 
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu 
    {
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu-right 
    {
        right: 0;
        left: auto;
    }

    .navbar-expand-md .navbar-nav .nav-link 
    {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid 
    {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-md .navbar-collapse 
    {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler 
    {
        display: none;
    }

    .navbar-expand-md .dropup .dropdown-menu 
    {
        top: auto;
        bottom: 100%;
    }
}

@media (max-width: 991.98px) 
{
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid 
    {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) 
{
    .navbar-expand-lg 
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav 
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu 
    {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu-right 
    {
        right: 0;
        left: auto;
    }

    .navbar-expand-lg .navbar-nav .nav-link 
    {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid 
    {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-lg .navbar-collapse 
    {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler 
    {
        display: none;
    }

    .navbar-expand-lg .dropup .dropdown-menu 
    {
        top: auto;
        bottom: 100%;
    }
}

@media (max-width: 1199.98px) 
{
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid 
    {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) 
{
    .navbar-expand-xl 
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav 
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu 
    {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu-right 
    {
        right: 0;
        left: auto;
    }

    .navbar-expand-xl .navbar-nav .nav-link 
    {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid 
    {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-xl .navbar-collapse 
    {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler 
    {
        display: none;
    }

    .navbar-expand-xl .dropup .dropdown-menu 
    {
        top: auto;
        bottom: 100%;
    }
}

.navbar-expand 
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid 
{
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav 
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu 
{
    position: absolute;
}

.navbar-expand .navbar-nav .dropdown-menu-right 
{
    right: 0;
    left: auto;
}

.navbar-expand .navbar-nav .nav-link 
{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid 
{
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse 
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler 
{
    display: none;
}

.navbar-expand .dropup .dropdown-menu 
{
    top: auto;
    bottom: 100%;
}

.navbar-light .navbar-brand 
{
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus 
{
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link 
{
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus 
{
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled 
{
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active 
{
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler 
{
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon 
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text 
{
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a 
{
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus 
{
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand 
{
    color: var(--white);
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus 
{
    color: var(--white);
}

.navbar-dark .navbar-nav .nav-link 
{
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus 
{
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled 
{
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active 
{
    color: var(--white);
}

.navbar-dark .navbar-toggler 
{
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon 
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text 
{
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a 
{
    color: var(--white);
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus 
{
    color: var(--white);
}

.section 
{
    padding: 70px 0;
}

.w-25 
{
    width: 25% !important;
}

.w-50 
{
    width: 50% !important;
}

.w-75 
{
    width: 75% !important;
}

.w-100 
{
    width: 100% !important;
}

.h-25 
{
    height: 25% !important;
}

.h-50 
{
    height: 50% !important;
}

.h-75 
{
    height: 75% !important;
}

.h-100 
{
    height: 100% !important;
}

.mw-100 
{
    max-width: 100% !important;
}

.mh-100 
{
    max-height: 100% !important;
}

.m-0 
{
    margin: 0 !important;
}

.mt-0,
.my-0 
{
    margin-top: 0 !important;
}

.mr-0,
.mx-0 
{
    margin-right: 0 !important;
}

.mb-0,
.my-0 
{
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 
{
    margin-left: 0 !important;
}

.m-1 
{
    margin: 0.25rem !important;
}

.mt-1,
.my-1 
{
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 
{
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 
{
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 
{
    margin-left: 0.25rem !important;
}

.m-2 
{
    margin: 0.5rem !important;
}

.mt-2,
.my-2 
{
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 
{
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 
{
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 
{
    margin-left: 0.5rem !important;
}

.m-3 
{
    margin: 1rem !important;
}

.mt-3,
.my-3 
{
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 
{
    margin-right: 1rem !important;
}

.mb-3,
.my-3 
{
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 
{
    margin-left: 1rem !important;
}

.m-4 
{
    margin: 1.5rem !important;
}

.mt-4,
.my-4 
{
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 
{
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 
{
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 
{
    margin-left: 1.5rem !important;
}

.m-5 
{
    margin: 3rem !important;
}

.mt-5,
.my-5 
{
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 
{
    margin-right: 3rem !important;
}

.mb-5,
.my-5 
{
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 
{
    margin-left: 3rem !important;
}

.p-0 
{
    padding: 0 !important;
}

.pt-0,
.py-0 
{
    padding-top: 0 !important;
}

.pr-0,
.px-0 
{
    padding-right: 0 !important;
}

.pb-0,
.py-0 
{
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 
{
    padding-left: 0 !important;
}

.p-1 
{
    padding: 0.25rem !important;
}

.pt-1,
.py-1 
{
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 
{
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 
{
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 
{
    padding-left: 0.25rem !important;
}

.p-2 
{
    padding: 0.5rem !important;
}

.pt-2,
.py-2 
{
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 
{
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 
{
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 
{
    padding-left: 0.5rem !important;
}

.p-3 
{
    padding: 1rem !important;
}

.pt-3,
.py-3 
{
    padding-top: 1rem !important;
}

.pr-3,
.px-3 
{
    padding-right: 1rem !important;
}

.pb-3,
.py-3 
{
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 
{
    padding-left: 1rem !important;
}

.p-4 
{
    padding: 1.5rem !important;
}

.pt-4,
.py-4 
{
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 
{
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 
{
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 
{
    padding-left: 1.5rem !important;
}

.p-5 
{
    padding: 3rem !important;
}

.pt-5,
.py-5 
{
    padding-top: 3rem !important;
}

.pr-5,
.px-5 
{
    padding-right: 3rem !important;
}

.pb-5,
.py-5 
{
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 
{
    padding-left: 3rem !important;
}

.m-auto 
{
    margin: auto !important;
}

.mt-auto,
.my-auto 
{
    margin-top: auto !important;
}

.mr-auto,
.mx-auto 
{
    margin-right: auto !important;
}

.mb-auto,
.my-auto 
{
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto 
{
    margin-left: auto !important;
}

.colourBoard 
{
    display: block;
    min-width: 200px;
    /*min-height: 200px;*/
    border-radius: 15px
}

.typoBox 
{
    min-height: 100px;
    padding: 10px;
}

.fixed-nav 
{
    position: fixed;
    width: 100%;
    background: var(--white);
    z-index: 999;
    border-bottom: 1px solid var(--gray-800)
}

#backToTop
{
    position: fixed;
    bottom: 1em;
    right: 3em;
    display: block;
    width: 50px;
    line-height: 50px;
    background: var(--white);
    color: var(--gray-800);
    z-index: 9999;
    text-align: center;
    border-radius: 15px;
    border: 1px solid var(--gray-300);
    -webkit-box-shadow:0 2px 5px 0 var(--gray-400), 0 2px 10px 0 var(--gray-400);
    box-shadow:0 2px 5px 0 var(--gray-400), 0 2px 10px 0 var(--gray-400)
}

.copyClipboardLarge
{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.25em;
    height: 250px;
    border: 2px solid var(--gray-300);
    border-radius: 10px;
    -webkit-box-shadow:0 2px 5px 0 var(--gray-400), 0 2px 10px 0 var(--gray-400);
    box-shadow:0 2px 5px 0 var(--gray-400), 0 2px 10px 0 var(--gray-400)
}
.copyClipboardForm
{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.25em;
    height: 450px;
    border: 2px solid var(--gray-300);
    border-radius: 10px;
    -webkit-box-shadow:0 2px 5px 0 var(--gray-400), 0 2px 10px 0 var(--gray-400);
    box-shadow:0 2px 5px 0 var(--gray-400), 0 2px 10px 0 var(--gray-400)
}

.copyClipboardButtons, .copyClipboardAlerts
{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.25em;
    height: 60px;
    border: 2px solid var(--gray-300);
    border-radius: 10px;
    -webkit-box-shadow:0 2px 5px 0 var(--gray-400), 0 2px 10px 0 var(--gray-400);
    box-shadow:0 2px 5px 0 var(--gray-400), 0 2px 10px 0 var(--gray-400)
}

.copyButton 
{
    position: absolute;
    right: 40px;
    top: 10px;
}

/* 
.dropdown-menu {

} 
*/