html {
    height:100%;
    padding:0;
    margin:0;
}

body {
    font-family: 'Oswald', Open Sans, Segoe UI, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pre-wrap {
  white-space: pre-wrap;
}

.break-word {
  overflow-wrap:break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.w-1000 {
  width: 100px
}

.w-min-80 {
    min-width: 80px;
}

.nav-text-light {
  color: rgba(255,255,255,.5);
}

.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.calligraffitti {
    font-family: 'Calligraffitti', cursive;
}

.logo-tiny {
  width: 20px;
}

.logo-small {
  width: 100px;
}

.popover-body {
    font-family: 'Oswald', Open Sans, Segoe UI, sans-serif;
}

.popover-header {
    font-family: 'Oswald', Open Sans, Segoe UI, sans-serif;
}

:root {
    --es-color-white: #ffffff;
    
    --es-color-crete: hsl(86, 43%, 35%); /* #5e8033 */
    --es-color-crete-10-dark: hsl(86, 43%, 25%);
    
    --es-color-norway: hsl(104, 25%, 67%); /* #a2c197 */
    --es-color-norway-10-dark: hsl(104, 25%, 57%);
    
    --es-color-keppel: hsl(176, 45%, 44%); /* #3ea49e */
    --es-color-keppel-10-dark: hsl(176, 45%, 34%);

    --es-color-copper: hsl(25, 44%, 47%); /* #ae6f43 */
    --es-color-copper-10-dark: hsl(25, 44%, 37%);
    
    --es-color-gray: hsl(240, 1%, 51%); /* #828284 */
    --es-color-gray-10-dark: hsl(240, 1%, 41%);
}

.simple-pointer {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
    text-decoration: underline;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.pointer:hover {
    color: var(--es-color-keppel);
} 

.icon-pointer {
    cursor: pointer;
    text-decoration: none;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.icon-pointer:hover {
    color: var(--es-color-keppel);
}

.no-underline:hover {
    text-decoration: none;
}

.disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}


/* override link coloring */

a:visited {
    color:var(--es-color-keppel);
}

a:active {
    color: var(--es-color-keppel-10-dark);
}
a:hover {
    color: var(--es-color-keppel-10-dark);
}

a {
    color: var(--es-color-keppel);
}

.es-crete-fg {
    color : var(--es-color-crete);
}

.es-crete-bg {
    background-color : var(--es-color-crete);
}

.es-btn-crete { 
  color: var(--es-color-white); 
  background-color: var(--es-color-crete); 
  border-color: var(--es-color-crete); 
} 
 
.es-btn-crete:hover, 
.es-btn-crete:focus, 
.open .dropdown-toggle.es-btn-crete { 
  color: var(--es-color-white); 
  background-color: var(--es-color-crete-10-dark); 
  border-color: var(--es-color-crete-10-dark);
} 
.es-btn-crete:active, 
.es-btn-crete.active {
    filter: brightness(0.9);
}
 
.es-btn-crete:active, 
.es-btn-crete.active, 
.open .dropdown-toggle.es-btn-crete { 
  background-image: none; 
} 

.es-btn-crete:active:focus {
  color: var(--es-color-white); 
  background-color: var(--es-color-crete); 
  border-color: var(--es-color-crete);
}
 
.es-btn-crete.disabled, 
.es-btn-crete[disabled], 
fieldset[disabled] .es-btn-crete, 
.es-btn-crete.disabled:hover, 
.es-btn-crete[disabled]:hover, 
fieldset[disabled] .es-btn-crete:hover, 
.es-btn-crete.disabled:focus, 
.es-btn-crete[disabled]:focus, 
fieldset[disabled] .es-btn-crete:focus, 
.es-btn-crete.disabled:active, 
.es-btn-crete[disabled]:active, 
fieldset[disabled] .es-btn-crete:active, 
.es-btn-crete.disabled.active, 
.es-btn-crete[disabled].active, 
fieldset[disabled] .es-btn-crete.active { 
  background-color: var(--es-color-crete); 
  border-color: var(--es-color-crete); 
} 
 
.es-btn-crete .badge { 
  color: var(--es-color-crete); 
  background-color: var(--es-color-white); 
}

/* norway */

.es-norway-fg {
    color : var(--es-color-norway);
}

.es-norway-bg {
    background-color : var(--es-color-norway);
}

.es-btn-norway { 
  color: var(--es-color-white); 
  background-color: var(--es-color-norway); 
  border-color: var(--es-color-norway); 
} 
 
.es-btn-norway:hover, 
.es-btn-norway:focus, 
.open .dropdown-toggle.es-btn-norway { 
  color: var(--es-color-white); 
  background-color: var(--es-color-norway-10-dark); 
  border-color: var(--es-color-norway-10-dark);
} 
.es-btn-norway:active, 
.es-btn-norway.active {
    filter: brightness(0.9);
}
 
.es-btn-norway:active, 
.es-btn-norway.active, 
.open .dropdown-toggle.es-btn-norway { 
  background-image: none; 
} 

.es-btn-norway:active:focus {
  color: var(--es-color-white); 
  background-color: var(--es-color-norway); 
  border-color: var(--es-color-norway);
}
 
.es-btn-norway.disabled, 
.es-btn-norway[disabled], 
fieldset[disabled] .es-btn-norway, 
.es-btn-norway.disabled:hover, 
.es-btn-norway[disabled]:hover, 
fieldset[disabled] .es-btn-norway:hover, 
.es-btn-norway.disabled:focus, 
.es-btn-norway[disabled]:focus, 
fieldset[disabled] .es-btn-norway:focus, 
.es-btn-norway.disabled:active, 
.es-btn-norway[disabled]:active, 
fieldset[disabled] .es-btn-norway:active, 
.es-btn-norway.disabled.active, 
.es-btn-norway[disabled].active, 
fieldset[disabled] .es-btn-norway.active { 
  background-color: var(--es-color-norway); 
  border-color: var(--es-color-norway); 
} 
 
.es-btn-norway .badge { 
  color: var(--es-color-norway); 
  background-color: var(--es-color-white); 
}

/* norway-to-crete-on-rollover */

.es-btn-norway-to-crete { 
  color: var(--es-color-white); 
  background-color: var(--es-color-norway); 
  border-color: var(--es-color-norway); 
} 
 
.es-btn-norway-to-crete:hover, 
.es-btn-norway-to-crete:focus, 
.open .dropdown-toggle.es-btn-norway-to-crete { 
  color: var(--es-color-white);
  background-color: var(--es-color-crete); 
  border-color: var(--es-color-crete);
} 
.es-btn-norway-to-crete:active, 
.es-btn-norway-to-crete.active {
    background-color: var(--es-color-crete); 
    border-color: var(--es-color-crete);
}
 
.es-btn-norway-to-crete:active, 
.es-btn-norway-to-crete.active, 
.open .dropdown-toggle.es-btn-norway-to-crete { 
  background-image: none; 
} 

.es-btn-norway-to-crete:active:focus {
  color: var(--es-color-white); 
  background-color: var(--es-color-crete); 
  border-color: var(--es-color-crete);
}
 
.es-btn-norway-to-crete.disabled, 
.es-btn-norway-to-crete[disabled], 
fieldset[disabled] .es-btn-norway-to-crete, 
.es-btn-norway-to-crete.disabled:hover, 
.es-btn-norway-to-crete[disabled]:hover, 
fieldset[disabled] .es-btn-norway-to-crete:hover, 
.es-btn-norway-to-crete.disabled:focus, 
.es-btn-norway-to-crete[disabled]:focus, 
fieldset[disabled] .es-btn-norway-to-crete:focus, 
.es-btn-norway-to-crete.disabled:active, 
.es-btn-norway-to-crete[disabled]:active, 
fieldset[disabled] .es-btn-norway-to-crete:active, 
.es-btn-norway-to-crete.disabled.active, 
.es-btn-norway-to-crete[disabled].active, 
fieldset[disabled] .es-btn-norway-to-crete.active { 
  background-color: var(--es-color-crete); 
  border-color: var(--es-color-crete); 
} 
 
.es-btn-norway-to-crete .badge { 
  color: var(--es-color-norway); 
  background-color: var(--es-color-white); 
}

/* crete-to-norway-on-rollover */

.es-btn-crete-to-norway { 
  color: var(--es-color-white); 
  background-color: var(--es-color-crete); 
  border-color: var(--es-color-crete); 
} 
 
.es-btn-crete-to-norway:hover, 
.es-btn-crete-to-norway:focus, 
.open .dropdown-toggle.es-btn-crete-to-norway { 
  color: var(--es-color-white);
  background-color: var(--es-color-norway); 
  border-color: var(--es-color-norway);
} 
.es-btn-crete-to-norway:active, 
.es-btn-crete-to-norway.active {
    background-color: var(--es-color-norway); 
    border-color: var(--es-color-norway);
}
 
.es-btn-crete-to-norway:active, 
.es-btn-crete-to-norway.active, 
.open .dropdown-toggle.es-btn-crete-to-norway { 
  background-image: none; 
} 

.es-btn-crete-to-norway:active:focus {
  color: var(--es-color-white); 
  background-color: var(--es-color-norway); 
  border-color: var(--es-color-norway);
}
 
.es-btn-crete-to-norway.disabled, 
.es-btn-crete-to-norway[disabled], 
fieldset[disabled] .es-btn-crete-to-norway, 
.es-btn-crete-to-norway.disabled:hover, 
.es-btn-crete-to-norway[disabled]:hover, 
fieldset[disabled] .es-btn-crete-to-norway:hover, 
.es-btn-crete-to-norway.disabled:focus, 
.es-btn-crete-to-norway[disabled]:focus, 
fieldset[disabled] .es-btn-crete-to-norway:focus, 
.es-btn-crete-to-norway.disabled:active, 
.es-btn-crete-to-norway[disabled]:active, 
fieldset[disabled] .es-btn-crete-to-norway:active, 
.es-btn-crete-to-norway.disabled.active, 
.es-btn-crete-to-norway[disabled].active, 
fieldset[disabled] .es-btn-crete-to-norway.active { 
  background-color: var(--es-color-norway); 
  border-color: var(--es-color-norway); 
} 
 
.es-btn-crete-to-norway .badge { 
  color: var(--es-color-crete); 
  background-color: var(--es-color-white); 
}

/* keppel */

.es-keppel-fg {
    color : var(--es-color-keppel);
}

.es-keppel-bg {
    background-color : var(--es-color-keppel);
}

.es-btn-keppel { 
  color: var(--es-color-white); 
  background-color: var(--es-color-keppel); 
  border-color: var(--es-color-keppel); 
} 
 
.es-btn-keppel:hover, 
.es-btn-keppel:focus, 
.open .dropdown-toggle.es-btn-keppel { 
  color: var(--es-color-white); 
  background-color: var(--es-color-keppel-10-dark); 
  border-color: var(--es-color-keppel-10-dark);
} 
.es-btn-keppel:active, 
.es-btn-keppel.active {
    filter: brightness(0.9);
}
 
.es-btn-keppel:active, 
.es-btn-keppel.active, 
.open .dropdown-toggle.es-btn-keppel { 
  background-image: none; 
} 

.es-btn-keppel:active:focus {
  color: var(--es-color-white); 
  background-color: var(--es-color-keppel); 
  border-color: var(--es-color-keppel);
}
 
.es-btn-keppel.disabled, 
.es-btn-keppel[disabled], 
fieldset[disabled] .es-btn-keppel, 
.es-btn-keppel.disabled:hover, 
.es-btn-keppel[disabled]:hover, 
fieldset[disabled] .es-btn-keppel:hover, 
.es-btn-keppel.disabled:focus, 
.es-btn-keppel[disabled]:focus, 
fieldset[disabled] .es-btn-keppel:focus, 
.es-btn-keppel.disabled:active, 
.es-btn-keppel[disabled]:active, 
fieldset[disabled] .es-btn-keppel:active, 
.es-btn-keppel.disabled.active, 
.es-btn-keppel[disabled].active, 
fieldset[disabled] .es-btn-keppel.active { 
  background-color: var(--es-color-keppel); 
  border-color: var(--es-color-keppel); 
} 
 
.es-btn-keppel .badge { 
  color: var(--es-color-keppel); 
  background-color: var(--es-color-white); 
}

/* gray */

.es-gray-fg {
    color : var(--es-color-gray);
}

.es-gray-bg {
    background-color : var(--es-color-gray);
}

.es-btn-gray { 
  color: var(--es-color-white); 
  background-color: var(--es-color-gray); 
  border-color: var(--es-color-gray); 
} 
 
.es-btn-gray:hover, 
.es-btn-gray:focus, 
.open .dropdown-toggle.es-btn-gray { 
  color: var(--es-color-white); 
  background-color: var(--es-color-gray-10-dark); 
  border-color: var(--es-color-gray-10-dark);
} 
.es-btn-gray:active, 
.es-btn-gray.active {
    filter: brightness(0.9);
}
 
.es-btn-gray:active, 
.es-btn-gray.active, 
.open .dropdown-toggle.es-btn-gray { 
  background-image: none; 
} 

.es-btn-gray:active:focus {
  color: var(--es-color-white); 
  background-color: var(--es-color-gray); 
  border-color: var(--es-color-gray);
}
 
.es-btn-gray.disabled, 
.es-btn-gray[disabled], 
fieldset[disabled] .es-btn-gray, 
.es-btn-gray.disabled:hover, 
.es-btn-gray[disabled]:hover, 
fieldset[disabled] .es-btn-gray:hover, 
.es-btn-gray.disabled:focus, 
.es-btn-gray[disabled]:focus, 
fieldset[disabled] .es-btn-gray:focus, 
.es-btn-gray.disabled:active, 
.es-btn-gray[disabled]:active, 
fieldset[disabled] .es-btn-gray:active, 
.es-btn-gray.disabled.active, 
.es-btn-gray[disabled].active, 
fieldset[disabled] .es-btn-gray.active { 
  background-color: var(--es-color-gray); 
  border-color: var(--es-color-gray); 
} 
 
.es-btn-gray .badge { 
  color: var(--es-color-gray); 
  background-color: var(--es-color-white); 
}

/* copper */

.es-copper-fg {
    color : var(--es-color-copper);
}

.es-copper-bg {
    background-color : var(--es-color-copper);
}

.es-btn-copper { 
  color: var(--es-color-white); 
  background-color: var(--es-color-copper); 
  border-color: var(--es-color-copper); 
} 
 
.es-btn-copper:hover, 
.es-btn-copper:focus, 
.open .dropdown-toggle.es-btn-copper { 
  color: var(--es-color-white); 
  background-color: var(--es-color-copper-10-dark); 
  border-color: var(--es-color-copper-10-dark);
} 
.es-btn-copper:active, 
.es-btn-copper.active {
    filter: brightness(0.9);
}
 
.es-btn-copper:active, 
.es-btn-copper.active, 
.open .dropdown-toggle.es-btn-copper { 
  background-image: none; 
} 

.es-btn-copper:active:focus {
  color: var(--es-color-white); 
  background-color: var(--es-color-copper); 
  border-color: var(--es-color-copper);
}
 
.es-btn-copper.disabled, 
.es-btn-copper[disabled], 
fieldset[disabled] .es-btn-copper, 
.es-btn-copper.disabled:hover, 
.es-btn-copper[disabled]:hover, 
fieldset[disabled] .es-btn-copper:hover, 
.es-btn-copper.disabled:focus, 
.es-btn-copper[disabled]:focus, 
fieldset[disabled] .es-btn-copper:focus, 
.es-btn-copper.disabled:active, 
.es-btn-copper[disabled]:active, 
fieldset[disabled] .es-btn-copper:active, 
.es-btn-copper.disabled.active, 
.es-btn-copper[disabled].active, 
fieldset[disabled] .es-btn-copper.active { 
  background-color: var(--es-color-copper); 
  border-color: var(--es-color-copper); 
} 
 
.es-btn-copper .badge { 
  color: var(--es-color-copper); 
  background-color: var(--es-color-white); 
}