﻿/* Additions from BS3->BS5 migration 11.16.2022 */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

:root {
    --bs-font-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: auto;
    }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    /*padding-left: 5px;*/
}

.form-floating-sm > .form-control, .form-floating-sm > .form-control-plaintext, .form-floating-sm > .form-select {
    height: calc(2.5rem + 2px);
}

.form-floating-sm > label {
    padding: 0.5rem 0.75rem;
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.40);
}

.form-floating > .form-control.disabled + .form-control-label {
    opacity: 1;
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

/*
    Glyphicons
*/

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-search::before {
    content: "\e003";
}

.glyphicon-remove-circle::before {
    content: "\e088";
}


.glyphicon-chevron-up::before {
    content: "\e113";
}

.glyphicon-chevron-down::before {
    content: "\e114";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-arrow-right::before {
    content: "\e092";
}


.glyphicon-circle-arrow-right::before {
    content: "\e131";
}

.glyphicon-plus::before {
    content: "\002b";
}

.glyphicon-minus::before {
    content: "\2212";
}

.glyphicon-backward::before {
    content: "\e071";
}

.glyphicon-forward::before {
    content: "\e075";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-arrow-down::before {
    content: "\e094";
}

.glyphicon-arrow-up::before {
    content: "\e093";
}

.glyphicon-chevron-left::before {
    content: "\e079";
}

.glyphicon-chevron-right::before {
    content: "\e080";
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
}

a {
    color: #0054AD;
    text-decoration: none;
    background-color: transparent;
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: underline;
}

a:active, a:hover {
    outline: 0;
}

.lead {
    font-size: 21px;
    line-height: 1.4;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-heading {
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body {
    padding: 5px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}



.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover, .btn-default:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pagination {
    justify-content: center;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.popover-header {
    margin-top: 0;
}

/*
    H_NAV MENU
*/

#h_nav {
    min-height: 70px;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 0;
}

#h_nav > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    min-height: inherit;
}

#h_nav > .container-fluid > .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    min-height: inherit;
}

#h_nav > .container-fluid > .navbar-collapse > .navbar-nav {
    min-height: inherit;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-nav > li > .dropdown-menu > li > a:focus {
    text-decoration: none;
}

.navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-nav > li > .dropdown-menu > li > a:focus {
    background-color: #f5f5f5;
}

.navbar-nav > li > .dropdown-menu > li > a {
    padding: 3px 20px;
}

.navbar-nav > li > a {
    color: #404040;
    line-height: 20px;
    padding: 10px 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 14px;
    min-height: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}

.navbar-nav > li.open > a {
    color: #555;
    background-color: #e7e7e7;
}

.dropdown-menu > li > a {
    color: #333;
    line-height: 1.42857143;
    padding: 3px 20px;
    font-weight: normal;
    clear: both;
    white-space: nowrap;
    font-size: 14px;
}

.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 100% !important;
}

@media (min-width: 768px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
}

@media (max-width: 768px) {
    .navbar-nav > li > a {
        justify-content: center;
    }

    .dropdown-menu {
        background-color: transparent;
        border: none;
    }
}

/*
    Image
*/
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

/*
    Breadcrumbs
*/

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > li + li::before {
    padding-left: 10px;
    padding-right: 5px;
    color: #ccc;
    content: "/\00a0";
}

/*
    Tippy
*/

.tippy-box[data-theme~='light'] {
    background-color: #ffffff;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 6px;
}

.tippy-box[data-theme~='light'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #e9ecef;
}

.tippy-box[data-theme~='light'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #e9ecef;
}

.tippy-box[data-theme~='light'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #e9ecef;
}

.tippy-box[data-theme~='light'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #e9ecef;
}

.tippy-title {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.175);
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    background-color: #f0f0f0;
}

.tippy-title > p {
    font-size: 1rem;
    font-weight: bold;
    padding-right: 20px;
}

.tippy-title > a.tippy-close-but {
    position: absolute;
    top: 8px;
    right: 5px;
    color: #212529;
}

/*
    Print
*/

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/*
    Flex alignments
*/

.flexRight-nm {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .flexRight-nm {
        justify-content: flex-end;
    }
}

/*
    Widths
*/
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

/* -nm for small breakpoint */
.maxW-100-all {
    max-width: 100px;
}

.maxW-150-all {
    max-width: 150px;
}

.maxW-200-all {
    max-width: 200px;
}

.maxW-250-all {
    max-width: 250px;
}

.maxW-300-nm {
    max-width: 300px;
}

.maxW-400-nm {
    max-width: 400px;
}

.maxW-400-md {
    max-width: 400px;
}

.maxW-450-nm {
    max-width: 450px;
}

.maxW-450-md {
    max-width: 450px;
}

@media (max-width: 767px) {
    .maxW-400-md {
        max-width: 100%;
    }

    .maxW-450-md {
        max-width: 100%;
    }
}

@media (max-width: 577px) {
    .maxW-300-nm {
        max-width: 100%;
    }

    .maxW-400-nm {
        max-width: 100%;
    }

    .maxW-450-nm {
        max-width: 100%;
    }
}

