﻿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: 'Open Sans', sans-serif !important; 
}

.b-purple {color:#361E55}
.b-plum {color:#643371}
.b-dark-blue {color:#005B8B}
.b-light-blue {color:#29B5E4}
.b-dark-green {color:#62AD46}
.b-light-green {color:#B7D433}

:root {
  --deep-purple: #361E55;
  --plum: #643371;
  --ocean-blue: #005B8B;
  --sky-blue: #29B5E4;
  --grass-green: #62AD46;
  --lime-green: #B7D433;
}


.sidebar-bg,
#sidebar.c-sidebar,
#sidebar .c-sidebar-brand,
#sidebar .c-sidebar-nav,
#sidebar .c-sidebar-footer {
  background-color: #005B8B !important;
}
#sidebar .c-sidebar-nav-dropdown-toggle:hover,
#sidebar .c-sidebar-nav-link:hover,
#sidebar .c-sidebar-nav-link.c-active {
  background-color: #29B4E3 !important;
  color: #000 !important;
}
#sidebar .c-sidebar-nav-link.c-active .c-sidebar-nav-icon,
#sidebar .c-sidebar-nav-dropdown-toggle:hover .c-sidebar-nav-icon,
#sidebar .c-sidebar-nav-link:hover .c-sidebar-nav-icon {
  color: #000 !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;
}




