@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;
}

.btn-xmin {
    font-size:75%;
    padding: 3px 6px;
    margin: 4px 2px;
}

.font-pag {
    font-size:80%;
}

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

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

label {
    margin-bottom: 0;
}

.text-none {
  text-transform: none !important;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}