:root {
    --bg-color: rgba(0, 0, 0, 0);
    --branding-primary: #178CE0;
    --branding-primary-light: #33AAFF;
    --branding-primary-dark: #1973B6;
    --branding-danger: #D6242A;
    --branding-danger-emphasis: #A11212;
    --branding-info: #18F0E9;
    --branding-info-emphasis: #0AC2BC;
    --branding-secondary: #F9B718;
    --branding-secondary-light: #FFC742;
    --branding-secondary-dark: #AC7A00;
    --branding-gray: #686868;
    --branding-gray-dark: #3B3B3B;
    --branding-primary-rgb: 23, 140, 224;
    --branding-primary-light-rgb: 51, 170, 255;
    --branding-primary-dark-rgb: 25, 115, 182;
    --branding-danger-rgb: 214, 36, 42;
    --branding-danger-emphasis-rgb: 161, 18, 18;
    --branding-info-rgb: 24, 240, 233;
    --branding-info-emphasis-rgb: 10, 194, 188;
    --branding-secondary-rgb: 249, 183, 24;
    --branding-secondary-light-rgb: 255, 199, 66;
    --branding-secondary-dark-rgb: 172, 122, 0;
    --branding-gray-rgb: 104, 104, 104;
    --branding-gray-dark-rgb: 59, 59, 59;
}

@font-face {
    src: url('/fonts/mvb-dovetail/mvb-dovetail.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    src: url('/fonts/solitaire-mvb/solitaire-mvb-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

.footer{
    white-space:unset !important;
    line-height:unset !important;
}

body{
    margin-bottom:150px;
    margin:8px !important;
}
.form-check-payment {
    display: flex;
    align-items: center;
}

.form-check-payment .form-check-input-payment[type=checkbox] {
    border-radius: .25em;
    height: 50px;
    width: 50px;
    margin-left:10%
}
.clickable{
    cursor:pointer;
}
.no-highlight {
    -webkit-user-select: none;
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}
.or-divider {
    position: relative;
    width: 100%; 
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.or-divider::before,
.or-divider::after {
    position: absolute;
    width: calc(50% - 20px);
    height: 1px;
    top: 24px;
    background-color: #aaa;
    content: '';
}

.or-divider::before {
    left: 0;
}

.or-divider::after {
    right: 0;
}

#loading-modal {
    z-index: 1056 !important;
}