* {
   margin: 0;
   padding: 0;
}

html {
   overflow-y: scroll;
}

body {
   font-family: 'Lato', sans-serif;
   font-weight: 700;
   margin: 10px;
}

body.dimmed {
    height: 100%;
    margin-bottom: 1px;
}

#title {
   font-size: 28px;
}

#range {
   padding-bottom: 10px;
}

.modal-link {
  cursor: pointer;
  text-decoration: underline;
}

.modal .select-tools {
   margin: 0 0 0 1.0em;
}

.modal .select-tools i {
   color: #21ba45;
   font-size: 0.8em;
   cursor: pointer;
}

.ui.modal {
   width: 650px;
   margin: 0 0 0 -325px;
   position: absolute;
   top: 150px;
}

.list-info {
   margin-bottom: 5px;
}

#left-info {
   border-right: 1px solid rgba(34, 36, 38, 0.15);
}


/* Documentation */
#documentation {
    font-weight: 400;
}

#documentation.ui.modal {
    position: fixed;
    top: 50%;
}

#documentation .doc-image {
    display: block;
    border: 1px solid #aaa;
    padding: 0.5em;
    margin: 1em auto;
}

#documentation .list-item-heading {
    font-weight: bold;
}

#documentation .small-panel {
    height: 250px;
    overflow-y: scroll;
}

#documentation .large-panel {
    height: 600px;
    overflow-y: scroll;
}

#documentation .content li {
    margin-bottom: 10px;
}

#documentation .content li:last-child {
    margin-bottom: 0;
}

#olofsson {
    margin-bottom: 20px;
}

.em-table {
    table-layout: fixed;
    border-collapse: collapse;
}

.em-table td {
    border: 1px solid rgba(0,0,0,.5);
    padding: 5px;
    text-align: right;
}

.em-table td.correct {
    background-color: #adcc9d;
}

.em-table .observed {
    text-align: center;
}

.em-table .rotated {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
}

.em-table .em-data {
    width: 100px;
}

.small-text {
    font-size: 80%;
}