/* Override the default Bootstrap style variables: */
:root,
[data-bs-theme=light] {
  --bs-primary: #FF690C;
  --bs-secondary: #01B0F0;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text: #0a58ca;
  --bs-secondary-text: #01B0F0;
  --bs-success-text: #146c43;
  --bs-info-text: #087990;
  --bs-warning-text: #997404;
  --bs-danger-text: #b02a37;
  --bs-light-text: #01B0F0;
  --bs-dark-text: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #f8f9fa;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #e9ecef;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-link-color: #FF690C;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-form-control-bg: var(--bs-body-bg);
  --bs-form-control-disabled-bg: var(--bs-secondary-bg);
  --bs-highlight-bg: #fff3cd;
 
  --bs-link-color: var(--bs-primary);
}



.btn-primary {
    --bs-btn-color: var(--bs-primary-color, #fff);
    --bs-btn-bg: var( --bs-primary);
    --bs-btn-border-color: var( --bs-primary);
    --bs-btn-hover-color: var( --bs-primary-hover-color, #fff);
    --bs-btn-hover-bg: var( --bs-primary-hover-bg, #ff7e0e);
    --bs-btn-hover-border-color: var( --bs-primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var( --bs-primary-active-color, #fff);
    --bs-btn-active-bg: var( --bs-primary-active-bg, #e6710d);
    --bs-btn-active-border-color: var( --bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-tertiary-bg);
    --bs-btn-disabled-border-color: var(--bs-tertiary-bg);
}

.btn-secondary {
    --bs-btn-color: var(--bs-secondary-color, #fff);
    --bs-btn-bg: var( --bs-secondary);
    --bs-btn-border-color: var( --bs-secondary);
    --bs-btn-hover-color: var( --bs-secondary-hover-color, #fff);
    --bs-btn-hover-bg: var( --bs-secondary-hover-bg, #ff7e0e);
    --bs-btn-hover-border-color: var( --bs-secondary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var( --bs-secondary-active-color, #fff);
    --bs-btn-active-bg: var( --bs-secondary-active-bg, #e6710d);
    --bs-btn-active-border-color: var( --bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-tertiary-bg);
    --bs-btn-disabled-border-color: var(--bs-tertiary-bg);
}


.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFF;
  --bs-btn-disabled-bg: #888;
  --bs-btn-disabled-border-color: #888;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}


.link-primary {
  color: var(--bs-primary) !important;
}
.link-primary:hover, .link-primary:focus {
  color: var( --bs-primary-hover-bg, #ff7e0e) !important;
}

.link-secondary {
  color: var(--bs-secondary) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: var( --bs-secondary-hover-bg, #ff7e0e) !important;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
}


.pagination {
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
  --bs-pagination-disabled-color: var(--bs-tertiary-color);
}

.page-link {
    color: var(--bs-body-color, #000);
}

.page-item.answered:not(.active) > .page-link {
    color: var(--bs-pagination-color);
}

.page-link:focus {
    z-index: 4;
}

html[dir="rtl"] .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
}
html[dir="rtl"] .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}
html[dir="rtl"] .float-start {
    float: right !important;
} 

.progress,
.progress-stacked {
  --bs-progress-bar-bg: var(--bs-primary);
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-primary-color);
    text-decoration: none;
    background-color: var(--bs-primary);
}
.text-muted {
    color: var(--bs-tertiary-color) !important;
}

.nav, .pagination a:not(.disabled), .carousel, .panel-title a { cursor: pointer; }

@font-face {
    font-family: 'Futura Md BT';
    src: local('Futura Medium BT'), local('FuturaBT-Medium'),
        url('/v2/css/fonts/Futura.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Lt BT';
    src: local('Futura Light BT'), local('FuturaBT-Light'),
        url('/v2/css/fonts/FuturaLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Md BT';
    src: local('Futura Bold Italic BT'), local('FuturaBT-BoldItalic'),
        url('/v2/css/fonts/Futura-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Futura Lt BT';
    src: local('Futura Light Italic BT'), local('FuturaBT-LightItalic'),
        url('/v2/css/fonts/FuturaLight-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Futura Md BT';
    src: local('Futura Medium Italic BT'), local('FuturaBT-MediumItalic'),
        url('/v2/css/fonts/Futura-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

:lang(ja), :lang(ja) * {
   font-family: var(--bs-body-font-family), "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

:lang(zh), :lang(zh) * {
   font-family: var(--bs-body-font-family), 'Microsoft Yahei',simsun,sans-serif !important;
}

body {
   overscroll-behavior-x: none;
}

::backdrop {
   background-color: var(--bs-body-bg);
}

header#header-bar img.navbar-brand {
   max-width: 300px;
   max-height: 4rem;
   max-height: 60px;
}

#footer-copyright-holder {
   font-size: 0.75rem;
   color: #555; /* Contrast of at least 7.0*/
}

div.comparison-text {
    font-size: 1.25rem;
}

div.comparison-text, div.comparison-item {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

div.item-row.item-row-list-group .list-group-item-action {
    --bs-list-group-action-color: var(--bs-list-group-color);
}

div.item-row.item-row-list-group .list-group-item.active {
   /* border-width: 2px !important ; */
   outline: 1px solid var(--bs-primary);
   border-color: var(--bs-primary);
   color: var(--bs-primary);
   background: transparent;
}


/* div.list-group:not(+ div.list-group) {
    border-radius: var(--bs-list-group-border-radius);
} */
div.list-group:has(+ div.list-group) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
div.list-group + div.list-group {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-width: 0;
}
div.list-group + div.list-group > .list-group-item:not(.active):first-child {
    border-top-width: 0;
}

@media (width < 768px) {
    div.list-group + div.list-group > .list-group-item:first-child:not(:last-child) {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }
    div.list-group + div.list-group > .list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }
}

@media (min-width: 768px) {
    div.list-group.list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
        border-top-left-radius: inherit;
        border-bottom-left-radius: inherit;
    }
    div.list-group.list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: inherit;
        border-bottom-right-radius: inherit;
    }
    div.list-group.list-group-horizontal-md:not(+ div.list-group.list-group-horizontal-md) {
        border-radius: var(--bs-list-group-border-radius);
    }
   html[dir="rtl"] .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
       border-radius: 0 var(--bs-list-group-border-radius) var(--bs-list-group-border-radius)  0 !important;
   }
   /* html[dir="rtl"] .list-group-horizontal-md > .list-group-item:first-child:not(.active):not(:last-child) {
       border-left-width: 0;
   } */
   html[dir="rtl"] .list-group-horizontal-md > .list-group-item:last-child {
       border-radius: var(--bs-list-group-border-radius) 0 0 var(--bs-list-group-border-radius) !important;
   }
   html[dir="rtl"] .list-group-horizontal-md > .list-group-item {
       border-left-width: var(--bs-list-group-border-width);
   }
    div.list-group.list-group-horizontal-md:has(+ div.list-group.list-group-horizontal-md), html[dir="rtl"] div.list-group.list-group-horizontal-md:has(+ div.list-group.list-group-horizontal-md) > .list-group-item {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    div.list-group.list-group-horizontal-md + div.list-group.list-group-horizontal-md, html[dir="rtl"] div.list-group.list-group-horizontal-md + div.list-group.list-group-horizontal-md > .list-group-item {
        border-top-right-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }
    div.list-group.list-group-horizontal-md + div.list-group.list-group-horizontal-md > .list-group-item:not(.active):first-child {
        border-top-width: var(--bs-list-group-border-width);
    }
}



div.row > input, div.row > textarea, div.row > select {
   box-sizing: border-box;
   margin-left: calc(var(--bs-gutter-x) * 0.5);
   margin-right: calc(var(--bs-gutter-x) * 0.5);
   width: calc(100% - var(--bs-gutter-x));
}

.row > img {
    width: auto;
    /* margin-left: auto; */
    /* margin-right: auto; */
}

.row > ul:not([class]), .row > ul[class=""], .row > ul.block-list, .row > ol:not([class]), .row > ol[class=""], .row > ol.block-list {
    padding-left: revert;
    /* padding-left: calc(var(--bs-gutter-x) *1.5); */
}


ol.block-list, ul.block-list {
    border: 1px solid var(--bs-body-color);
    padding: 1rem;
    margin: 1rem;
    font-size: 0.9rem;
    width: calc(100% - 2rem);
}

.list-group.is-invalid, div.card.is-invalid, div.is-invalid .form-check input[type="checkbox"]:not(:checked) {
    outline: var(--bs-border-width) solid var(--bs-danger);
}

/* Hack to get the invalid radios to scroll into view and suppress error in console. */
button.list-group-item.list-group-item-action input[type="radio"]:invalid {
    display: inline-block !important;
    appearance: none;
    position: absolute;
    /* width: 0.1px; 
    height: 0.1px;
    opacity: 0.1; */
}

.form-control:focus, .form-select:focus {
   border-color: var(--bs-primary) ;
   box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 25%) ;
   border-color: var(--bs-primary-hover-bg) ;
   box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-hover-bg-rgb), 25%) ;
}

.form-range.not-answered::-webkit-slider-thumb {
    background-color: var(--bs-border-color);
    box-shadow: 0 0 0px calc(var(--bs-border-width)*3) var(--bs-primary);
    width: calc(1rem - var(--bs-border-width) * 6);
    height: calc(1rem - var(--bs-border-width) * 6);
    margin-top: calc(-0.25rem + var(--bs-border-width) * 3);
}
.form-range.not-answered::-moz-range-thumb {
    background-color: var(--bs-border-color);
    box-shadow: 0 0 0px calc(var(--bs-border-width)*3) var(--bs-primary);
    width: calc(1rem - var(--bs-border-width) * 6);
    height: calc(1rem - var(--bs-border-width) * 6);
    margin-top: calc(-0.25rem + var(--bs-border-width) * 3);
}

.form-range.not-answered:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0px calc(var(--bs-border-width)*3) var(--bs-primary), 0 0 0 calc(var(--bs-border-width)*3 + 0.25rem) rgba(13, 110, 253, 0.25);
}
.form-range.not-answered:focus::-moz-range-thumb {
    box-shadow: 0 0 0px calc(var(--bs-border-width)*3) var(--bs-primary), 0 0 0 calc(var(--bs-border-width)*3 + 0.25rem) rgba(13, 110, 253, 0.25);
}

.form-range::-webkit-slider-thumb {
   background-color: var(--bs-primary);
}
.form-range::-moz-range-thumb {
   background-color: var(--bs-primary);
}
.form-range::-webkit-slider-thumb:active {
   background-color: var(--bs-primary-active-bg);
}
.form-range::-moz-range-thumb:active {
   background-color: var(--bs-primary-active-bg);
}
.form-range::-webkit-slider-runnable-track {
   background-color: var(--bs-border-color);
}
.form-range::-moz-range-track {
   background-color: var(--bs-border-color);
}
.form-range.is-invalid::-webkit-slider-runnable-track {
   border: var(--bs-border-width) solid var(--bs-danger);
}
.form-range::-moz-range-track {
   border: var(--bs-border-width) solid var(--bs-danger);
}

div.card > table.table-bordered tr td:last-child,
div.card > table.table-bordered tr th:last-child {
    border-right: none;
}
div.card > table.table-bordered.mb-0 tr:last-child, div.card > table.table-bordered.mb-0 tr:last-child td {
    border-bottom: none;
}
div.card > table.table-bordered tr td:first-child,
div.card > table.table-bordered tr th:first-child {
    border-left: none;
}
div.card > table.table-bordered thead tr, div.card > table.table-bordered th{
    border-top: none;
}



/* --bs-breakpoint-sm: 576px */
@media (max-width: 576px) {
   header.navbar > div.container > p.navbar-text {
      order: 3;
      width: 100%;
      text-align: center;
   }
}

/* Stop monica extension from displaying */
[id^="monica-" i] {
  display: none !important;
}