.summoner-search-form-holder select,
.summoner-search-form-holder input {
    border-color: #c9aa71;
    color: #c9aa71;
    background-color: #181819!important;
}
.summoner-search-form-holder select:focus,
.summoner-search-form-holder input:focus {
    color: #c9aa71;
    border-color: #c9aa71;
    -webkit-box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, 0.75);
}
.summoner-search-form-holder .btn {
    background: #181819;
    border-color: #c9aa71;
    color: #c9aa71;
    cursor: pointer;
}
.summoners-list {
    border: 2px solid #6b5835;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.75);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.75);
}
.summoners-list.table thead th {
    color: #c9aa71;
    vertical-align: bottom;
    border-bottom: 2px solid #6b5835;
    cursor: pointer;
}
.summoners-list.table thead th.active {
    color: #f1e6d0;
}
.summoners-list.table td {
    border-top: 1px solid #6b5835;
}
.summoners-list a {
    color: #c9aa71;
}
.summoners-list a:hover {
    color: #f1e6d0;
}
th.active {
    color: #fff;
}

th.active .arrow {
    opacity: 1;
}
.arrow {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    margin-left: 5px;
    opacity: 0;
}
.arrow.asc {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #f1e6d0;
}
.arrow.desc {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #f1e6d0;
}