body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    /*overflow: scroll;*/
    -webkit-overflow-scrolling: touch !important;
}
/*
body, html, .modal, .container-fluid {
    font-family: 'Lato', sans-serif !important; 
}
*/

.card {
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

/* http://www.color-hex.com/color-palette/4832 */
.fa-cc-visa {
    color: #fdbb0a;
}

/* https://brand.mastercard.com/brandcenter/mastercard-brand-mark.html */
.fa-cc-mastercard {
    color: #eb001b;
}

/* http://www.codeofcolors.com/american-express-colors.html */
.fa-cc-amex {
    color: #37B1E6;
}

/* http://www.codeofcolors.com/discover-colors.html */
.fa-cc-discover {
    color: #F58220;
}

/*
 * Picture grid?
 */

.gridLayout {
    display: grid;
    display: -ms-grid;
    /*display: -moz-grid;*/
    grid-template-columns: repeat(auto-fill, minmax(95px, 100px));
    grid-gap: 20px;
    align-items: stretch;
}

.gridLayout .imgTag {
    border: 1px solid #ccc;
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.3);
    width: 100px;
    height: 100px;
}

.td-hover tbody td:hover {
    background-color: rgba(0,0,0,.075);
}

.portrait-card-img {
    object-fit: cover !important;
    width: inherit !important;
    max-height: -webkit-fill-available !important;
    max-height: -moz-available !important;
}

.portrait-card-width {
    max-width: 540px !important;
}

.landscape-card-img {
    width: 100%;   
    height: 120px !important;
}

.object-fit-cover {
    object-fit: cover !important;
    width: -webkit-fill-available;
    width: -mox-available;
    width: fill-available;
}

/* Mobile */
@media only screen and (max-width: 600px) {
    .landscape-card-img-sm {
        width: 100%;       
        height: 80px;
    }

    .card-content-padding {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

/* Desktop */
@media only screen and (min-width: 600px) {
    .landscape-card-img-sm {
        width: 100px;
        height: 80px;
    }

    .card-content-padding {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 30px;
    }
}

.fc .fc-scrollgrid-section-sticky > * {
    background: inherit !important;
}

.text-pdf {
    color: #ff0000;
}