/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 


/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.container-fluid > .animated {
    margin-top: 24px !important;
}

.login-page {
    margin-top: 15%;
}

.auto-margin {
    margin: auto;
}

.full-width {
    width: 100%;
}

.customer-list {
    margin-top: 20px;
}

.freeTierOverlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    color: white;
    text-align: center;
    font-size: 30px;
    background-color: rgba(0,0,0,0.8);
    z-index: 99;
}

.freeTierOverlayAbsoluteTiles {
    position: absolute;
    display: block;
    width: 95%;
    height: 88%;
    float: left;
    color: white;
    text-align: center;
    background-color: rgba(0,0,0,0.88);
    z-index: 99;
}
/* ── BuyFlow brand colors: black sidebar + blue accents ── */
:root {
  --brand-blue: #1a56db;
  --brand-blue-hover: #1347c0;
  --brand-dark: #111318;
}

/* Sidebar */
.sidebar {
  background: var(--brand-dark) !important;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
  background: var(--brand-blue) !important;
}
.sidebar .nav-link.active .nav-icon,
.sidebar .nav-link:hover .nav-icon {
  color: #fff !important;
}
.sidebar .nav-link .nav-icon {
  color: #8fa0b4 !important;
}
.sidebar .sidebar-minimizer {
  background: var(--brand-dark) !important;
}
.sidebar .sidebar-minimizer:hover {
  background: var(--brand-blue) !important;
}

/* App header */
.app-header.navbar {
  background: #fff !important;
  border-bottom: 2px solid var(--brand-blue) !important;
}

/* Primary buttons & badges */
.btn-primary {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--brand-blue-hover) !important;
  border-color: var(--brand-blue-hover) !important;
}
.badge-primary, .bg-primary {
  background-color: var(--brand-blue) !important;
}