button:focus{
    outline-color: #056dae;
}

table th{
    text-align: left;
}

table.currency-table tbody tr:nth-child(odd){
    background-color: #f5f7fc;
}

.border-top-none{
    border-top: 0!important;
}

.main-table{
    border-collapse: inherit;
    border-spacing: 0;
    border-width: 2px;
}

.currency-list li.selected{
    position: relative;
}

.currency-list li button{
    outline-color: #056dae;
}

.currency-list li:hover{
    background-color: #056dae;
    color: #FFF!important;
}

.currency-list li:hover svg{
    color: #FFF!important;
}

@media(max-width: 767px){
    #invert-button{
        transform: rotate(90deg);
    }
}