div.signin {
    max-width: 700px;
    padding: 15px;
    margin: auto;
}

.actions > i {
    cursor: pointer;
}

.actions {
    white-space: nowrap;
}

.table.custom-table tr:not(.first) td {
    border-top: none;
}

@media (max-width: 768px) {
    .card-deck {
        flex-flow: column wrap;
    }
}

@media (max-width: 500px) {
    .control-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: initial;
    }

    .control-buttons > div {
        width: 50%;
    }

    .control-buttons > div > .btn {
        width: 90%;
        padding-top: 50%;
        margin: 5%;
        position: relative;
    }

    .control-buttons > div > .btn > span {
        font-weight: bold;
        position: absolute;
        top: 40%;
        left: 0;
        bottom: 0;
        right: 0;
    }
}