@import url('https://fonts.googleapis.com/css?family=Dosis|Quicksand');

/*
Gere more from here
https://fonts.google.com/?sort=popularity
*/

body {
  font-family: Dosis;
  font-size: 18px;
  color: #000;
  white-space: nowrap;
}

.tracker-index-item {
  cursor: pointer;
}

/*
* {
  outline: red 10px solid;
}
*/

.color-bg-purple {
  background: rgb(170,1,254);
  background: linear-gradient(90deg, rgba(170,1,254,1) 0%, rgba(120,0,179,1) 100%);
}

.color-purple {
  color: #AA01FE;
}


.color-transparent {
  color: rgba(0, 0, 0, 0);
}

table {
  table-layout: fixed;
  /* width: 75% !important; */
}

.tiles {   
  background: #AA01FE  url('/assets/images/tile.png') bottom left repeat-x;
  background-size: 200px;
}

#holder {
  background: rgb(255,255,255);
}

.triangle {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #99d3ff;
}

.bg_colour_a { background-color: #005F8A }
.display-2, .display-3, .h3, .colour_a { color: #005F8A !important; }

.bg_colour_b { background-color: #008eaa }
.colour_b { color: #008eaa !important; }

.bg_colour_c { background-color: #5bb570 }
.colour_c { color: #5bb570 !important; }

.bg_colour_d { background-color: #373a36 }
.colour_d { color: #373a36 }

.bg_colour_e { background-color: #696a6a }
.colour_e { color: #696a6a}


.display-1, .display-2, .display-3 {
    margin-left: -3px !important;
}

#tracker {
    padding-top: 120px;
    padding-left: 20px;
}

.screen-height {
    padding: 100px;
    max-width: 1400px;
}

.em-image-drawing {
    width: 100%;
    max-width: 630px;
    height: 100%;
    max-height: 123px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIENyZWF0ZWQgd2l0aCBJbmtzY2FwZSAoaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvKSAtLT4NCg0KPHN2Zw0KICAgd2lkdGg9IjE3Ni41NjcwMm1tIg0KICAgaGVpZ2h0PSIzMi42NTk3OW1tIg0KICAgdmlld0JveD0iMCAwIDE3Ni41NjcwMiAzMi42NTk3OSINCiAgIHZlcnNpb249IjEuMSINCiAgIGlkPSJzdmc1Ig0KICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4xIChjNjhlMjJjMzg3LCAyMDIxLTA1LTIzKSINCiAgIHNvZGlwb2RpOmRvY25hbWU9ImRyYXdpbmcuc3ZnIg0KICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiDQogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiDQogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHNvZGlwb2RpOm5hbWVkdmlldw0KICAgICBpZD0ibmFtZWR2aWV3NyINCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIg0KICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiINCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIg0KICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIg0KICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIg0KICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIg0KICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iDQogICAgIHNob3dncmlkPSJmYWxzZSINCiAgICAgZml0LW1hcmdpbi10b3A9IjAiDQogICAgIGZpdC1tYXJnaW4tbGVmdD0iMCINCiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCINCiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiDQogICAgIGlua3NjYXBlOnpvb209IjEuNTU1NDI5MyINCiAgICAgaW5rc2NhcGU6Y3g9IjM1Mi45NTcyMiINCiAgICAgaW5rc2NhcGU6Y3k9IjI3NS4xNjUxOSINCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNDk2Ig0KICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxNTg0Ig0KICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTExIg0KICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTExIg0KICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIg0KICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiIC8+DQogIDxkZWZzDQogICAgIGlkPSJkZWZzMiIgLz4NCiAgPGcNCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiDQogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiDQogICAgIGlkPSJsYXllcjEiDQogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOC4wMzA5MjgsLTEuNzAxMDMxKSI+DQogICAgPHBhdGgNCiAgICAgICBpZD0icmVjdDMxIg0KICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuOTU7ZmlsbDojMDA1RjhBO3N0cm9rZS13aWR0aDowLjI2NDU4MztmaWxsLW9wYWNpdHk6MSINCiAgICAgICBkPSJNIDE4LjAzMDkyOCwxLjcwMTAzMSBIIDE5NC41OTc5NCBWIDIxLjYwMzA5IGwgLTY2LDEyLjc1NzczMiB6Ig0KICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY2MiIC8+DQogIDwvZz4NCjwvc3ZnPg0K");
}

.btn {
    font-size: 18px !important;
}