.cardTitle:hover {
    cursor: pointer;
}

.addCard:hover {
    cursor: pointer;
}

.removeCard:hover {
    cursor: pointer;
}

.agency {
    color: #2ba2c8;
}

.academy {
    color: #d18d14;
}

.syndicate {
    color: #3b0604;
}

.order {
    color: #909a9b;
}

.cthulhu {
    color: #354636;
}

.hastur {
    color: #e8d00b;
}

.yog {
    color: #7977b2;
}

.shub {
    color: #bf2113;
}

.bg_agency {
    background-color: #2ba2c8;
}

.bg_academy {
    background-color: #d18d14;
}

.bg_syndicate {
    background-color: #3b0604;
}

.bg_order {
    background-color: #909a9b;
}

.bg_cthulhu {
    background-color: #354636;
}

.bg_hastur {
    background-color: #e8d00b;
}

.bg_yog {
    background-color: #7977b2;
}

.bg_shub {
    background-color: #bf2113;
}

.bg_neutral {
    background-color: #cdc2c0;
}

.hidden {
    display: none !important;
}

input, button{
    vertical-align:middle;
}

#cards th {
    cursor: pointer;
}

#cards th.asc:after {
    display: inline;
    content: '↓';
}

#cards th.desc:after {
    display: inline;
    content: '↑';
}

#image {
    position: absolute;
    display: none;
    width: 293px;
    height: 419px;
    pointer-events: none;
}