@media (min-width: 576px) {
    .card-columns {
        column-count: 1;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 1;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 3;
    }
}

#spinner {
    height: 100%;
    width: 100%;
    left:50%;
    top:50%;
    z-index: 1501;
}

#overlay{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    z-index: 1500;
}

.hidden {
    display: none;
}

.btn-min {
    padding: 4px 8px;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.table td, .table th {
    vertical-align: middle;
}

label {
    margin-bottom: 0;
}

.card {
    margin-bottom: 30px;
}