.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1400px;
}

.border-radius {
    border-radius: .25rem;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.bmc-btn{

    align-items:center;
    gap:.5rem;
    padding:.5rem .75rem;border-radius:8px;border:1px solid #000;
    background:#FFDD00;color:#000;text-decoration:none;font-weight:600
}
.bmc-btn:hover{filter:brightness(.95)}

.pos-trigger { line-height: 1; }          /* tight click target */
.pos-trigger:hover .badge { opacity: .9;} /* subtle hover */
.pos-more { vertical-align: text-bottom; }/* aligns icon with badge text */

body {
    margin: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #51535e;
    text-align: left;
    background-color: #353535;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.card {
    background-color: #fefefe  !important;
}

.list-group-item {
    background-color: #fefefe !important;
}

.form-control {
    background-color: #fefefe;
}

.h1, h1 {
    font-size: 1.5rem;
}

.lead {
    font-size: 0.8rem;
    font-weight: 300;
}

.bg-dark {
    background-color: #353535 !important;
}

.title {
    font-family: Arial, Verdana, sans-serif;
    font-weight: 700 !important;
}

#loading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('/images/spinner.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading #loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading #loading {
    display: block;
}


.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

#module {
    font-size: 1rem;
    line-height: 1.5;
}

#module #features.collapse:not(.show) {
    display: block;
    height: 3rem;
    overflow: hidden;
}

#module #features.collapsing {
    height: 3rem;
}

#module a.collapsed::after {
    content: '+ Show More';
    font-size: small;
    color: #818182;
    text-decoration: none;
}

#module a:not(.collapsed)::after {
    content: '- Show Less';
    font-size: small;
    color: #818182;
    text-decoration: none;
}

#module a:hover {
    text-decoration: none;
}

.custom-control {
    z-index: 0 !important;
}

.custom-control-input {
    z-index: 0 !important;
}