#full-ladder table {
    width: 100%;
}
#full-ladder td, #full-ladder th {
    padding: 10px 5px;
    vertical-align: middle;
}
#full-ladder th {
    font-weight: 600;
}
#full-ladder tr {
    border-bottom: 1px solid #ccc;
}

/* td.percent, th.percent {
    text-align: right;
} */
td.ladder-icon {
    text-align: center;
}

td .icon {
    background-size: contain;
    margin: 0 auto;
    height: 16px;
    width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 11h14v2H5z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E");
}

td.movement-up .icon {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 8l6 6H6z' fill='rgba(15,197,93,1)'/%3E%3C/svg%3E");
}

td.movement-down .icon {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 16l-6-6h12z' fill='rgba(231,76,60,1)'/%3E%3C/svg%3E");
}

/* COMPACT LADDER -------------- */

/* div#compact-ladder {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgb(45 50 56 / 15%), 0 0 0 1px rgb(45 50 56 / 5%);
} */

#compact-ladder table {
    width: 100%;
}
#compact-ladder td, #compact-ladder th {
    padding: 3px;
    vertical-align: middle;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    color: #383838;
}
#compact-ladder th {
    font-weight: 600;
    font-size: 10px;
}
#compact-ladder tr {
    border-bottom: 1px solid #ccc;
}

#compact-ladder tr:nth-child(6) {
    border-bottom: 2px solid #444;
}

#compact-ladder tr:nth-child(n+7) td {
    background: #f5f5f5;
     font-weight: 400;
}

/* #compact-ladder td.percent, th.percent {
    text-align: right;
} */

#compact-ladder table tr td.form {
    font-size: 7px;
    font-weight: 600;
}

span.form-W {
    display: inline-block;
    background: #0cc55d;
    width: 12px;
    height: 12px;
    text-align: center;
    color: white;
    margin-left: 2px;
}

span.form-L {
    display: inline-block;
    background: #e64c3d;
    width: 12px;
    height: 12px;
    text-align: center;
    color: white;
    margin-left: 2px;
}

span.form-D {
    display: inline-block;
    background: #000000;
    width: 12px;
    height: 12px;
    text-align: center;
    color: white;
    margin-left: 2px;
}

#compact-laddertd.ladder-icon {
    text-align: center;
}

#compact-ladder td .icon {
    background-size: contain;
    margin: 0 auto;
    height: 16px;
    width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 11h14v2H5z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E");
}

#compact-ladder td.movement-up .icon {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 8l6 6H6z' fill='rgba(15,197,93,1)'/%3E%3C/svg%3E");
}

#compact-ladder td.movement-down .icon {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 16l-6-6h12z' fill='rgba(231,76,60,1)'/%3E%3C/svg%3E");
}

.compact-ladder-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

div#live-ladder {
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13l6 9H6l6-9zm0 3.6L9.74 20h4.52L12 16.6zm-1.06-6.04a1.5 1.5 0 1 1 2.12-2.12 1.5 1.5 0 0 1-2.12 2.12zM5.281 2.783l1.415 1.415a7.5 7.5 0 0 0 0 10.606l-1.415 1.415a9.5 9.5 0 0 1 0-13.436zm13.436 0a9.5 9.5 0 0 1 0 13.436l-1.415-1.415a7.5 7.5 0 0 0 0-10.606l1.415-1.415zM8.11 5.611l1.414 1.414a3.5 3.5 0 0 0 0 4.95l-1.414 1.414a5.5 5.5 0 0 1 0-7.778zm7.778 0a5.5 5.5 0 0 1 0 7.778l-1.414-1.414a3.5 3.5 0 0 0 0-4.95l1.414-1.414z'/%3E%3C/svg%3E");
    background-size: 60%;
    width: 27px;
    background-repeat: no-repeat;
    background-position: center center;
}