/*
 * Custom CSS
 */
@import url('fonts/fonts.tildasans.css');
:root,
[data-oh-theme=default] {
    --oh-emphasis-font-weight: 600;
    --oh-body-font-weight: 500;
    --oh-font-weight-regular: 400;
    --oh-border-color: #EBEBEB;
    --oh-primary-bg: #FF5701;
    --oh-primary: #FF5701;
    --oh-primary-rgb: 255,87,1;
    --oh-secondary: #9C9C9C;
    --oh-secondary-color: #747474;
    --oh-secondary-rgb: 156, 156, 156;
    --oh-secondary-bg-subtle: #EBEBEB;
    --oh-light-bg: #F2F2F2;
    --oh-dark: #292929;
    --oh-btn-font-size: 1rem;
    --oh-blue: #0176FF;
    --oh-green: #00CB5D;
    --oh-gray: #747474;
    --oh-gray-dark: #292929;
    --oh-gray-light: #9C9C9C;
    --bs-primary: var(--oh-primary);
    --bs-primary-rgb: var(--oh-primary-rgb);
    --bg-secondary: var(--oh-secondary);
    --bg-secondary-rgb: var(--oh-secondary-rgb);
    --bs-font-sans-serif: TildaSans, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
    /*    --bs-body-font-size: 1.25rem;*/
    --bs-body-line-height: 1.25;
    --bs-nav-link-font-size: var(--oh-btn-font-size);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Font size adjustments */
@media screen and (min-width: 576px) {
    :root {
        --bs-body-font-size: 1.25rem;
        --oh-btn-font-size: 17px;
        --bs-dropdown-font-size: 17px;
    }
}

@media screen and (min-width: 768px) {
    :root {
        --oh-btn-font-size: 1.25rem;
        --bs-dropdown-font-size: 1.25rem;
        --bs-nav-link-font-size: 1.25rem;
    }
}

[data-oh-theme=dark] {
    color-scheme: dark;
}

body {
    font-weight: var(--oh-body-font-weight);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3 {
    font-weight: 700;
}

h2, .h2, h1, .h1 {
    font-weight: 900;
}

small, .small {
    font-size:0.8em;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.btn {
    --bs-btn-padding-x: 1.25rem;    
    --bs-btn-font-family: var(--bs-font-sans-serif);
    --bs-btn-font-size: var(--oh-btn-font-size);
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.3;
}

/* enlarge vertical padding */
@media only screen and (max-width: 575.98px) {
    .btn {
        --bs-btn-padding-y: 0.5rem;
        --bs-btn-line-height: 1.375rem;
        /*height:40px;*/
        white-space: nowrap;
    }
}
.btn-oh-link {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    height: auto;
    text-decoration: none;
}

    .btn-oh-link:focus-visible {
        color: var(--bs-btn-color);
        box-shadow:none;
    }

    .btn-oh-link:hover {
        color: var(--bs-btn-hover-color);
    }
    .btn-oh-link._underline {
        text-decoration: underline;
    }

.btn-oh-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--oh-primary-bg);
    --bs-btn-border-color: var(--oh-primary-bg);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff3300;
    --bs-btn-hover-border-color: #ff3300;
    --bs-btn-focus-shadow-rgb: var(--oh-primary-rgb);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff7514;
    --bs-btn-disabled-border-color: #ff7514;
    --bs-btn-font-weight: 500;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--bs-btn-hover-bg);
    --bs-btn-active-border-color: var(--bs-btn-hover-border-color);
}

.btn-outline-primary {
    --bs-btn-color: var(--oh-primary);
    --bs-btn-border-color: var(--oh-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--oh-primary);
    --bs-btn-hover-border-color: var(--oh-primary);
    --bs-btn-focus-shadow-rgb: var(--oh-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--oh-primary);
    --bs-btn-active-border-color: var(--oh-primary);
    --bs-btn-disabled-color: var(--oh-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--oh-primary);
}

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

.btn-oh-wide {
    min-width:195px !important;
}
.btn-secondary {
    --bs-btn-color: #292929;
    --bs-btn-bg: var(--oh-secondary-bg-subtle);
    --bs-btn-border-color: var(--oh-secondary-bg-subtle);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-bg: var(--oh-secondary);
    --bs-btn-hover-border-color: var(--oh-secondary);
    --bs-btn-focus-shadow-rgb: var(--oh-secondary-rgb);
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--oh-secondary);
    --bs-btn-active-border-color: var(--oh-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--oh-secondary-bg-subtle);
    --bs-btn-disabled-border-color: var(--oh-secondary-bg-subtle);
}
.dropdown-menu {
    --bs-dropdown-border-radius: var(--bs-border-radius-lg);
    --bs-dropdown-font-size: var(--bs-body-font-size);
    --bs-dropdown-item-padding-x: 1.25rem;
    --bs-dropdown-item-padding-y: 0.5rem;
    --bs-dropdown-header-padding-x: 1.25rem;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: var(--oh-primary);
}

.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: var(--oh-primary);
}

.dropdown-toggle::after {
    vertical-align: 0.15em;
}
.form-control {
    font-size: var(--bs-body-font-size);
    line-height: 1.4;
}

.form-header {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--oh-border-color);
}
/* Costom forms OH */
.form-oh .field-validation-valid {
    display: none;
}

.form-oh .field-validation-error {
    color: var(--bs-form-invalid-color);
}

/*.form-oh*/ .invalid-feedback.field-validation-error {
    display: block;
}  

.form-oh .validation-summary-errors {
    color: var(--bs-form-invalid-color);
    font-size: 0.875em
}

.form-oh .form-block {
    margin-bottom: 1.25rem;
}

/*.form-oh */.form-control.input-validation-error {
    border-color: var(--bs-form-invalid-border-color);
}
/*.form-oh */.form-control.input-validation-error:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }

.form-oh .form-control-upload::-webkit-file-upload-button,
.form-oh .form-control-upload::file-selector-button {
    display: none;
}

.form-oh .form-check-input {
    margin-top:0;
}

.form-oh .form-control,
.form-oh .input-group-text,
.form-oh .input-group .btn {
    border-radius: var(--bs-border-radius-xl);
}

.form-oh[data-state=pending] .form-control,
.form-oh[data-state=pending] .form-oh-check
{
    color: var(--oh-secondary-color);
    pointer-events: none;
}

.form-oh[data-state=pending] .btn
{
    color: var(--bs-btn-disabled-color);
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none;
}

.form-oh[data-state=pending] .form-check-input,
.form-oh[data-state=pending] input[type=radio]
{
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

.form-oh:not([data-state=pending]) [data-state=pending],
.modal-dialog[data-state]:not([data-state=pending]) [data-state=pending] {
    display: none;
}

.form-oh-check {
    /*display: block;*/
    min-height: 1.5rem;
    padding-left: 1.75em;
    margin-bottom: 0.25rem;
}

.form-oh-check .form-check-input {
    float: left;
    border-radius: 50%;
    margin-left: -1.75em;
    margin-top: 0;
    width: calc(1.2 * var(--bs-body-font-size));
    height: calc(1.2 * var(--bs-body-font-size));
}

    .form-oh-check .form-check-input:checked {
        background-color: var(--oh-primary-bg);
        border-color: var(--oh-primary-bg);
    }

.form-oh .form-control[data-input-type=number] {
    text-align:right;
}

    .form-oh .form-control[data-input-type=number]:placeholder-shown {
        text-align: left;
    }

.form-oh .form-label {
    color: #5c5c5c;
    font-weight: 700; 
}
.form-oh .form-switch .form-check-input {
    margin-top:0.125rem;
}
.form-oh .form-text,
.form-text-optional {
    color: var(--oh-gray);
}

.form-oh .form-row {
    --bs-gutter-y: 1.25rem;
}

.form-oh:not([data-mode=edit]) *[data-mode=edit] {
    display: none !important
}

.form-oh[data-mode=edit] *[data-mode]:not([data-mode=edit]) {
    display: none !important
}

.form-oh-blockqute {
    color: var(--oh-secondary-color);
    padding: 0.5rem 2rem 0.5rem;
    position: relative;
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2);
}
    .form-oh-blockqute::before {
        display: block;
        height: 0;
        content: "“";
        font-size: 2.5em;
        color: var(--oh-gray-light);
        position: absolute;
        top: 0;
        left: 0.5rem;
    }
    .form-oh-blockqute .btn-close {
        position: absolute;
        top: 0.375rem;
        right: 0.5rem;
        z-index:5;
    }
    .form-oh-blockqute:not(.collapse) + textarea.form-control,
    .form-oh-blockqute.show + textarea.form-control {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.form-oh-rating {
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: start;
    overflow: hidden;
}
    .form-oh-rating input._star {
        flex-shrink: 0;
        width: 1.5rem;
        height: 1.5rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999999" viewBox="0 0 16 16"><path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/></svg>');
        background-position: center;
        background-size: contain;
        border: none;
        border-radius: 0;
        transition: background-image 0.15s ease-in-out;
    }    
@media (prefers-reduced-motion: reduce) {
    .form-oh-rating input._star {
        transition: none;
    }
}
.form-oh-rating input._star:not(:disabled) {
    cursor: pointer;
}

.form-oh-rating input._star:active,
.form-oh-rating input._star:focus,
.form-oh-rating input._star:checked {
    background-color: var(--bs-body-bg);
    border: none;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    filter: none;
}

.form-oh-rating > input._star:checked,
.form-oh-rating > input._star:checked ~ input._star,
.form-oh-rating > input._star:hover,
.form-oh-rating > input._star:hover ~ input._star {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffb900" viewBox="0 0 16 16"><path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/></svg>');
}

.form-select, .input-group-text {
    font-size: var(--bs-body-font-size);
}

@media only screen and (max-width: 575.98px) {
    .fs-1 {
        font-size: 1.75rem !important;
    }

    .fs-2 {
        font-size: 1.5rem !important;
    }

    .fs-3 {
        font-size: 1.375rem !important;
    }

    .fs-4 {
        font-size: 1.25rem !important;
    }

    .fs-5 {
        font-size: 1.125rem !important;
    }

    .fs-6 {
        font-size: 1rem !important;
    }
}

@media (min-width: 1200px) {
    .fs-xl-1 {
        font-size: 2.5rem !important;
    }

    .fs-xl-2 {
        font-size: 2rem !important;
    }

    .fs-xl-3 {
        font-size: 1.75rem !important;
    }

    .fs-xl-4 {
        font-size: 1.5rem !important;
    }
}
.fw-emphasis {
    font-weight: var(--oh-emphasis-font-weight) !important;
}
.fw-max, .fw-xbold { 
    font-weight: 900 !important;
}

.fw-normal, .fw-medium {
    font-weight: var(--oh-body-font-weight) !important;
}

.input-group .btn:not(:first-child) {
    padding-left: 0.625rem;
}

.input-group .btn:not(:last-child) {
    padding-right: 0.625rem;
}

.input-group.bs-primary > .form-control,
.input-group.bs-primary > .form-select,
.input-group.bs-primary > .form-floating,
.input-group.bs-primary > .input-group-text {
    border-color: #0176FF;
    border-width: 2px;
}

.input-group.bs-primary > .input-group-text {
    background-color: #0176FF;
    color:#fff;
}

.input-group.bs-success > .form-control,
.input-group.bs-success > .input-group-text {
    border-color: #00CB5D;
    border-width: 2px;
}

.input-group.bs-success > .input-group-text {
    background-color: #00CB5D;
    color: #fff;
}

.modal-title {
    font-weight: 900;
    color: var(--oh-blue);
}

.navbar-oh {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.75rem;
}
    .navbar-oh .navbar-brand img {
        height: 40px;
        width: auto;
        object-fit: contain;
    }
    .navbar-oh .nav-item {
        text-align: center;
    }
        .navbar-oh .nav-item:not(.dropdown):not(:last-child) {
            margin-bottom: 0.75rem;
        }
        .navbar-oh .nav-item.dropdown:not(:last-child) {
            margin-bottom: 0.5rem;
        }

    .navbar-oh .nav-link.active {
        background-color: var(--oh-primary-bg);
        color: var(--bs-white);
    }

    .navbar-oh .nav-link.bg-primary {
        background-color: var(--oh-primary-bg) !important
    }

    .navbar-oh .nav-link.bg-secondary-subtle {
        background-color: var(--oh-secondary-bg-subtle) !important
    }

    .navbar-oh .dropdown-item {
        line-height: 2rem;
    }
        .navbar-oh .dropdown-item.active,
        .navbar-oh .dropdown-item:active {
            background-color: var(--oh-primary-bg);
            color: var(--bs-white) !important;
        }

@media (min-width: 992px) {
    .navbar-oh .nav-item:not(.dropdown):not(:last-child) {
        margin-right: 1rem;
        margin-top:0;
        margin-bottom: 0;
    }
    .navbar-oh .nav-item.dropdown:not(:last-child) {
        margin-bottom: 0;
        margin-right: 0.5rem;
    }
}

.navbar-oh .nav-link {
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-padding-x: 1.25rem;
}

.nav-tabs-oh {
    --bs-nav-link-color: var(--oh-secondary-color);
    --bs-nav-link-hover-color: var(--oh-dark);
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-tabs-border-color: var(--oh-border-color);
    --bs-nav-tabs-border-width: 3px;
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-link-hover-border-color: var(--oh-secondary-color);
    --bs-nav-tabs-link-active-color: var(--oh-primary);
    --bs-nav-tabs-link-active-border-color: var(--oh-primary);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
    .nav-tabs-oh .nav-item:not(:last-of-type) {
        margin-right:1em;
    }
    .nav-tabs-oh .nav-link {
        border-width: 0 0 var(--bs-nav-tabs-border-width);
    }

.oh-action-link {
    text-decoration: none !important;
}
.oh-action-link:hover {
    background-color: var(--oh-light-bg);
}

.oh-bg-dark {
    --bs-emphasis-color: var(--bs-white);
    --bs-emphasis-color-rgb: var(--bs-white-rgb);
    color: var(--bs-white);
    background-color: #292929 !important;
}
    .oh-bg-dark .text-info {
        --bs-info: #00FFA3;
        --bs-info-rgb: 0, 255, 163;
        --bs-info-text-emphasis: #00b372;
    }

    .oh-bg-dark .link-info {
        --bs-info: #00FFA3;
        --bs-info-rgb: 0, 255, 163;
    }
        .oh-bg-dark .link-info:hover, .oh-bg-dark .link-info:focus {
            color: RGBA(20, 184, 125, var(--bs-link-opacity, 1)) !important;
            -webkit-text-decoration-color: RGBA(20, 184, 125, var(--bs-link-underline-opacity, 1)) !important;
            text-decoration-color: RGBA(20, 184, 125, var(--bs-link-underline-opacity, 1)) !important;
        }
    .oh-bg-dark .link-primary:hover, .oh-bg-dark .link-primary:focus {
        color: RGBA(var(--oh-primary-rgb), var(--bs-link-opacity, 1)) !important;
        -webkit-text-decoration-color: RGBA(var(--oh-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--oh-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    }

.oh-bg-light {
    --bs-emphasis-color: var(--bs-black);
    --bs-emphasis-color-rgb: var(--bs-black-rgb);
    color: var(--bs-black);
    background-color: #F2F2F2 !important;
}

.oh-btn-block {
    display: flex;
    flex-direction: column;
    align-items:stretch;
    gap: 1rem 1rem;
}
    .oh-btn-block .btn {        
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }    

@media only screen and (min-width: 576px) {
    .oh-btn-block {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .modal .oh-btn-block .btn {
        flex: 0 1 195px;
    }
}

.oh-btn-block-nowrap {
    max-width: 100%;
}

    .oh-btn-block-nowrap .btn {
        flex: 1 1 195px;
        border-top-left-radius: 0;
    }

@media only screen and (max-width: 575.98px) {

    .oh-btn-block-nowrap {
        width: 100%;
        flex-flow: row nowrap;
        gap:0;
    }

        .oh-btn-block-nowrap .btn {
            flex: 1 1 50%;
            border-top-left-radius: 0;
        }

            .oh-btn-block-nowrap .btn:not(:last-child) {
                border-top-right-radius: 0 !important;
                border-bottom-right-radius: 0 !important;
            }

            .oh-btn-block-nowrap .btn:not(:first-child) {
                border-top-left-radius: 0 !important;
                border-bottom-left-radius: 0 !important;
            }
}
.oh-car-brand-options {
    max-height: 300px;
    overflow-y: auto;
}

@media(min-width: 576px) {
    .oh-car-brand-options-inner {
        -moz-column-count: 2;
        -moz-column-gap: 1rem;
        -webkit-column-count: 2;
        -webkit-column-gap: 1rem;
        column-count: 2;
        column-gap: 1rem;
    }
}
@media(min-width: 992px) {
    .oh-car-brand-options-inner {
        -moz-column-count: 3;
        -moz-column-gap: 1rem;
        -webkit-column-count: 3;
        -webkit-column-gap: 1rem;
        column-count: 3;
        column-gap: 1rem;
    }
}

/*@media(min-width: 1200px) {
    .oh-car-brand-options {
        -moz-column-count: 4;
        -moz-column-gap: 1rem;
        -webkit-column-count: 4;
        -webkit-column-gap: 1rem;
        column-count: 4;
        column-gap: 1rem;
        max-height:400px;
    }
}*/

.oh-card-equipment {
    height: 150px;
    min-width: 300px;
}
    .oh-card-equipment .card-body {
        background-image: var(--oh-bg-img);
        background-image: -webkit-image-set(var(--oh-bg-img) 1x, var(--oh-bg-img-lg) 2x);
        background-image: image-set(var(--oh-bg-img) 1x, var(--oh-bg-img-lg) 2x);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 120px auto;
        -webkit-background-origin: padding-box;
        background-origin: content-box;
    }
    .oh-card-equipment.active {
        border-color: var(--oh-primary) !important;
        box-shadow: 0 0 0 3px rgba(var(--oh-primary-rgb), .25);
    }
    .oh-card-equipment ._title {
        max-width: 10em;
        white-space: pre-wrap;
    }
    .btn-oh-toggle,
    .oh-card-equipment ._select-btn {
        --bs-btn-color: #292929;
        --bs-btn-bg: var(--oh-secondary-bg-subtle);
        --bs-btn-border-color: var(--oh-secondary-bg-subtle);
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: var(--oh-secondary);
        --bs-btn-hover-border-color: var(--oh-secondary);
        --bs-btn-focus-shadow-rgb: var(--oh-secondary-rgb);
    }
    .form-oh .btn-check:checked + .btn-oh-toggle,
    .oh-card-equipment .btn-check:checked + ._select-btn {
        --bs-btn-active-bg: var(--oh-primary-bg);
        --bs-btn-active-border-color: var(--oh-primary-bg);
        --bs-btn-focus-shadow-rgb: var(--oh-primary-rgb);
        background-color: var(--bs-btn-active-bg);
        border-color: var(--bs-btn-active-border-color);
        color: #fff;
    }

@media (min-width: 1200px) {
    .oh-card-equipment {
        height: 240px;
    }
        .oh-card-equipment .card-body {
            background-size: 200px auto;
            padding: 1.5rem;
        }        
}

.oh-dialog-action-buttons {
    display: flex;
    flex-direction: row;
}

.oh-dialog-action-buttons .btn {
    flex: 0 1 192px;
    max-width:100%;
} 

.oh-form-issue-create .btn-check,
.oh-form-issue-create .btn-check:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
    .oh-form-issue-create .btn-check:checked + ._brand-select-label {
        border-color: var(--oh-primary) !important;
        box-shadow: 0 0 0 3px rgba(var(--oh-primary-rgb), .25);
    }

.oh-form-issue-create ._brand-select {
    display: flex;
    flex-flow: row wrap;
    -moz-column-gap: 0.833vw;
    column-gap: 0.833vw;
}

.oh-form-issue-create ._brand-select-label {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-xl);
    padding: 0.25rem 0.375rem;
}

    .oh-form-issue-create ._brand-select-label,
    .oh-form-issue-create ._brand-select-label:focus {
        outline: 0;
        cursor: pointer;
    }
        .oh-form-issue-create ._brand-select-label:hover {
            border-color: var(--bg-secondary) !important;
        }
        .oh-form-issue-create ._brand-select-label > img {
            width: 96px;
        }

@media (min-width: 992px) {
    .oh-form-issue-create ._brand-select {
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
    .oh-form-issue-create ._brand-select-label {
        padding: 0.25rem 0.5rem;
    }
    .oh-form-issue-create ._brand-select-label > img {
        width:auto !important;
    }
}

.oh-form-issue-create .form-control {
    border-radius: var(--bs-border-radius-xl);
}

.oh-form-issue-create .oh-upload-preview {
    padding: 0.25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    position: relative;
    min-width: 40px;
}
.oh-issue-block-header {
    display: flex;
}
.oh-issue-block-header.collapsed {
    margin-bottom: 0 !important;
}
    .oh-issue-block-header::after {
        align-self: center;
        flex-shrink: 0;
        width: var(--bs-accordion-btn-icon-width);
        height: 16px;
        margin-left: auto;
        content: "";
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: var(--bs-accordion-btn-icon-width);
        transition: var(--bs-accordion-btn-icon-transition);
    }
    .oh-issue-block-header:not(.collapsed)::after {
        transform: var(--bs-accordion-btn-icon-transform);
    }

.oh-issue-form-selector {
    max-width: 400px;    
}

.oh-issue-form-selector.active {
    border-color: var(--oh-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--oh-primary-rgb), .25);
}

    .oh-issue-form-selector:not(.active):hover {
        border-color: var(--oh-secondary) !important;
        box-shadow: 0 0 0 3px rgba(var(--oh-secondary-rgb), .25);
    }

.oh-issue-form-selector-bg {
    background-image: var(--oh-bg-img);
    background-image: -webkit-image-set(var(--oh-bg-img) 1x, var(--oh-bg-img-lg) 2x);
    background-image: image-set(var(--oh-bg-img) 1x, var(--oh-bg-img-lg) 2x);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 200px auto;
    -webkit-background-origin: padding-box;
    background-origin: content-box;
}

.oh-upload-preview:hover {
    border-color: var(--bg-secondary) !important;
}

.oh-upload-preview img {
    filter: opacity(0.75);
}

.oh-upload-preview ._overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: var(--bs-white);
    padding: 0.25rem;
    opacity: 0.85;
}

.oh-upload-preview .btn-close:focus {
    outline: none;
    box-shadow:none;
}

.oh-message-list-item {
    background-color: var(--oh-light-bg);
    padding: 1rem 1.5rem;
}

    .oh-message-list-item._featured {
        /*border: 2px solid var(--oh-primary);*/
        box-shadow: inset 0 0 0 2px var(--oh-primary);
    }

    .oh-message-list-item[data-mode=edit] {
        background-color: var(--bs-primary-bg-subtle) !important;
        box-shadow: inset 0 0 0 2px var(--bs-primary-border-subtle);
    }

    .oh-message-list-item:not([data-mode=edit]) *[data-mode=edit],
    .oh-message-list-item[data-mode=edit] *[data-mode]:not([data-mode=edit])
    {
        visibility: hidden;
    }

/* Quotation */
.oh-message-list-quote {
    background-color: white;
    padding: 1rem;
    padding-right: 3rem;
    position:relative;
}
    .oh-message-list-quote .q {
        quotes: "“" "”" "‘" "’";
    }
        .oh-message-list-quote .q::before {
            content: open-quote;
        }

        .oh-message-list-quote .q::after {
            content: close-quote;
        }

[data-mode=edit] > .oh-message-list-quote {
    background-color: var(--oh-light-bg);
}

    .oh-message-list-quote .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem;
    }
/*---*/
.oh-icon-cell-tutorial {
    flex: 0 0 auto !important;
}
.oh-icon-cell-tutorial > img {
    max-width: 106.5px;
}
.oh-issue-preamble ._number {
    flex:0 0 auto;
    width: 73.5px;
}

.oh-issue-preamble ._digit {
    overflow: hidden;
    width: 75px;
    height: 75px;
    background-position: center -1px;
    background-size: contain;
    background-repeat: no-repeat;
}

.oh-issue-preamble ._digit-1 {
    background-image: url('data:image/svg+xml,%3Csvg width="98" viewBox="0 0 98 101" fill="none" xmlns="http://www.w3.org/2000/svg" class="_number"%3E%3Cpath d="M43.4619 44.9236H38.4888V41.4885L44.2993 36.6179H48.999V61.1248H43.4619V44.9236ZM58.3301 56.6301C58.877 57.12 59.1504 57.7979 59.1504 58.6638C59.1504 59.5297 58.877 60.2133 58.3301 60.7146C57.7718 61.2159 57.054 61.4666 56.1768 61.4666C55.2995 61.4666 54.5817 61.2159 54.0234 60.7146C53.4766 60.2133 53.2031 59.5297 53.2031 58.6638C53.2031 57.7979 53.4766 57.12 54.0234 56.6301C54.5817 56.1288 55.2995 55.8782 56.1768 55.8782C57.054 55.8782 57.7718 56.1288 58.3301 56.6301Z" fill="white" /%3E%3Cellipse cx="48.7115" cy="50.2139" rx="27.7497" ry="42.3861" transform="rotate(40.8383 48.7115 50.2139)" stroke="%23F0222D" stroke-width="3" stroke-dasharray="10 10" /%3E%3C/svg%3E');
}

.oh-issue-preamble ._digit-2 {
    background-image: url('data:image/svg+xml,%3Csvg width="98" viewBox="0 0 98 101" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M55.1514 61.2495H33.9429V57.3701C33.9429 56.2194 34.2163 55.1712 34.7632 54.2256C35.3215 53.2799 36.0791 52.5109 37.0361 51.9185C38.4375 51.0412 40.568 50.1183 43.4277 49.1499C44.362 48.8423 45.1538 48.5518 45.8032 48.2783C46.4526 47.9935 47.085 47.6574 47.7002 47.27C48.3268 46.8826 48.7939 46.444 49.1016 45.9541C49.4206 45.4642 49.5801 44.9287 49.5801 44.3477C49.5801 42.1488 48.0078 41.0493 44.8633 41.0493C43.291 41.0493 42.1061 41.3911 41.3086 42.0747C40.5225 42.7583 40.1294 43.7153 40.1294 44.9458V45.9541H34.6094V44.9458C34.6094 42.1203 35.4753 39.9897 37.207 38.5542C38.9502 37.1187 41.5023 36.4009 44.8633 36.4009C48.1901 36.4009 50.7308 37.0788 52.4854 38.4346C54.2399 39.7904 55.1172 41.7614 55.1172 44.3477C55.1172 45.806 54.7526 47.0877 54.0234 48.1929C53.2715 49.3208 52.3486 50.1981 51.2549 50.8247C50.1156 51.4969 48.9193 52.0894 47.666 52.6021C46.333 53.1489 45.1367 53.5876 44.0771 53.918C42.9492 54.2598 42.0264 54.6585 41.3086 55.1143C40.568 55.5814 40.1978 56.077 40.1978 56.6011H55.1514V61.2495ZM63.7646 56.7549C64.3115 57.2448 64.585 57.9227 64.585 58.7886C64.585 59.6545 64.3115 60.3381 63.7646 60.8394C63.2064 61.3407 62.4886 61.5913 61.6113 61.5913C60.734 61.5913 60.0163 61.3407 59.458 60.8394C58.9111 60.3381 58.6377 59.6545 58.6377 58.7886C58.6377 57.9227 58.9111 57.2448 59.458 56.7549C60.0163 56.2536 60.734 56.0029 61.6113 56.0029C62.4886 56.0029 63.2064 56.2536 63.7646 56.7549Z" fill="white" /%3E%3Cellipse cx="48.7115" cy="50.3386" rx="27.7497" ry="42.3861" transform="rotate(40.8383 48.7115 50.3386)" stroke="%23F0222D" stroke-width="3" stroke-dasharray="10 10" /%3E%3C/svg%3E');
}

.oh-issue-preamble ._digit-3 {
    background-image: url('data:image/svg+xml,%3Csvg width="98" viewBox="0 0 98 101" fill="none" xmlns="http://www.w3.org/2000/svg" class="_number"%3E%3Cpath d="M44.4019 41.2373H34.917V36.7427H53.8867V41.2373L46.2476 45.5269L43.4106 46.3472V46.8599L46.709 46.0908C49.318 46.0908 51.3745 46.7231 52.8784 47.9878C54.3823 49.2638 55.1343 51.0811 55.1343 53.4395C55.1343 56.0371 54.2171 58.048 52.3828 59.4722C50.5485 60.8849 47.9338 61.5913 44.5386 61.5913C41.1434 61.5913 38.5286 60.8849 36.6943 59.4722C34.8486 58.0708 33.9258 56.0371 33.9258 53.3711V52.8071H39.4629V53.3711C39.4629 55.7523 41.1548 56.9429 44.5386 56.9429C47.9224 56.9429 49.6143 55.7751 49.6143 53.4395C49.6143 51.0811 47.9224 49.9019 44.5386 49.9019H37.2925V46.5181L44.4019 42.0063L47.2388 41.186V40.6733L44.4019 41.2373ZM63.5938 56.7549C64.1406 57.2448 64.4141 57.9227 64.4141 58.7886C64.4141 59.6545 64.1406 60.3381 63.5938 60.8394C63.0355 61.3407 62.3177 61.5913 61.4404 61.5913C60.5632 61.5913 59.8454 61.3407 59.2871 60.8394C58.7402 60.3381 58.4668 59.6545 58.4668 58.7886C58.4668 57.9227 58.7402 57.2448 59.2871 56.7549C59.8454 56.2536 60.5632 56.0029 61.4404 56.0029C62.3177 56.0029 63.0355 56.2536 63.5938 56.7549Z" fill="white" /%3E%3Cellipse cx="48.7115" cy="50.3386" rx="27.7497" ry="42.3861" transform="rotate(40.8383 48.7115 50.3386)" stroke="%23F0222D" stroke-width="3" stroke-dasharray="10 10" /%3E%3C/svg%3E');
}

.oh-issue-preamble ._digit-4 {
    background-image: url('data:image/svg+xml,%3Csvg width="98" height="101" viewBox="0 0 98 101" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M52.606 61.5547H47.0688V56.3765H33.0381V51.7964L45.2915 37.0479H52.606V51.8306H55.853V56.3765H52.606V61.5547ZM47.855 40.9102H47.3252L46.0947 43.7129L39.4468 51.6768V51.8306H47.0688V43.7129L47.855 40.9102ZM63.6118 57.0601C64.1587 57.55 64.4321 58.2279 64.4321 59.0938C64.4321 59.9596 64.1587 60.6432 63.6118 61.1445C63.0535 61.6458 62.3358 61.8965 61.4585 61.8965C60.5812 61.8965 59.8634 61.6458 59.3052 61.1445C58.7583 60.6432 58.4849 59.9596 58.4849 59.0938C58.4849 58.2279 58.7583 57.55 59.3052 57.0601C59.8634 56.5588 60.5812 56.3081 61.4585 56.3081C62.3358 56.3081 63.0535 56.5588 63.6118 57.0601Z" fill="white"/%3E%3Cellipse cx="48.7144" cy="50.6435" rx="27.7497" ry="42.3861" transform="rotate(40.8383 48.7144 50.6435)" stroke="%23F0222D" stroke-width="3" stroke-dasharray="10 10"/%3E%3C/svg%3E');
}

@media (min-width: 992px) {
    .oh-issue-preamble ._number {
        width: 98px;
        height: 101px;
        margin-left: -1.25rem;
    }

    .oh-issue-preamble ._digit {
        background-size: auto;
        width: 100px;
        height: 100px;
        margin-left: -20px;
    }
}

.oh-modal-gallery {
    --bs-modal-width: 820px;
}

.oh-modal-state .modal-body {
    min-height: 40px;
}

.oh-modal-state .oh-modal-state-blind {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: auto;
    background-color: white;
    opacity: 0.5;
}
.oh-modal-state [data-state=pending] .btn {
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none;
}
.oh-modal-state [data-state]:first-of-type:not([data-state=pending]) .oh-modal-state-blind {
    display: none !important;
}

.oh-partner-brands {
    width: 100% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
    .oh-partner-brands .oh-brand-label + .oh-brand-label {
        margin-left: 0.5rem;
    }

.oh-personal-card {
    --oh-font-size: 1rem;
    background-color: var(--oh-light-bg);
    border-radius: var(--bs-border-radius-xl);
    display: flex;
    flex-flow: column nowrap;
    flex: 0 1 240px;
    font-size: var(--oh-font-size);
    max-width: 240px;
    padding: 1rem 1rem 1.25rem;
}
    .oh-personal-card ._name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break:break-word;
        /*no vertical paddings!*/
    }
    .oh-personal-card ._image,
    .oh-personal-card ._image-placeholder {
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70px;
        height: 70px;
        --oh-font-size: 1.25rem;
    }

@media (min-width: 1200px) {
    .oh-personal-card {
        --oh-font-size: var(--bs-body-font-size);
    }
        .oh-personal-card ._image,
        .oh-personal-card ._image-placeholder {
            --oh-font-size: 2rem;
            width: 140px;
            height: 140px;
        }
}

/* Rating*/
.oh-rating-stars {
    display: flex;
    width: 88px;
    justify-content: space-between;
    align-items: center;
}
    .oh-rating-stars ._star {
        display: inline-block;
        background-image: url('../Images/up/star-icons.svg');
        background-size: cover;
        width: 16px;
        height: 16px;
    }
    .oh-rating-stars ._star-half-cut {
        background-position: -100%;
    }

    .oh-rating-stars ._star-fill {
        background-position: -200%;
    }

    .oh-rating-stars ._star-inactive {
        background-position: -300%;
    }

    .oh-rating-stars ._star-gray-fill {
        background-position: -400%;
    }
/* -- Articles */

.oh-ref-article-list-item {
    background-color: var(--oh-light-bg);
    padding: 1rem;
}
    .oh-ref-article-list-item ._body {
        flex: 1 1 100%;
    }
.oh-ref-article-list-item ._tail {
    flex: 0 0 5em;
    text-align:right;
}

.oh-ref-brands {
    display: flex;
    flex-wrap: wrap;
/*    margin-top: -0.5rem;
    margin-left: -0.5rem;*/
}

.oh-brand-label,
.oh-ref-brand-label, .oh-car-brand-label {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-xl);
    padding: 0.375rem 0.5rem;
    text-decoration: none;
}
    .oh-ref-brand-label._hover:hover,
    a.oh-car-brand-label:hover, [role=link].oh-car-brand-label:hover {
        border-color: var(--bg-secondary) !important;
    }

    .oh-brand-label > img,
    .oh-ref-brand-label > img
    {
        width: 96px;
    }

.oh-ref-brands .oh-car-brand-label > svg {
    width: 96px;
    height: 40px;
}

.oh-car-brand-label > ._text {
    display: block;
    width: 96px;
    height: 40px;
    line-height:40px;
    text-align: center;
    font-weight: 700;
    font-size: 1rem;
    color: var(--oh-gray);
}

.oh-car-brand-label:hover > ._text {
    color: var(--bs-gray-dark);
}

@media (min-width: 992px) {
/*    .oh-ref-brands .oh-ref-brand-label {
        margin-top: 0.5rem;
        margin-left: 0.5rem;
    }*/

    .oh-brand-label,
    .oh-ref-brand-label {
        padding: 0.25rem 0.5rem;
    }

        .oh-brand-label > img,
        .oh-ref-brand-label > img {
            width: auto !important;
        }

    .oh-car-brand-label > ._text {
        width: 128px;
        height: 52px;
        line-height: 52px;
        font-size:1.25rem;
    }
}

.oh-image-cell-flex-fixed,
.oh-role-icon-cell {
    flex: 0 0 75px !important;
}
    .oh-role-icon-cell > img {
        transition: transform 0.9s ease-in;
    }

@media (prefers-reduced-motion: reduce) {
    .oh-role-icon-cell > img {
        transition: none !important;
    }
}

a:hover >
.oh-role-icon-cell img {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.oh-top-dealers-presentation {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    
}
    .oh-top-dealers-presentation > * {
        flex: 0 0 200px;
        max-width: 250px;
    }

@media (min-width:768px) {
    .oh-top-dealers-presentation > * {
        flex-basis: 250px !important;
    }
}
.oh-text-clip {
    height: calc(var(--bs-body-font-size) * var(--bs-body-line-height) * 2);
    line-height: calc(var(--bs-body-font-size) * var(--bs-body-line-height) * 2);  
}
    .oh-text-clip > * {
        display:inline-block;
        line-height: var(--bs-body-line-height);
        vertical-align: middle;
    }

.oh-search-container {
    width:100%;
    padding-top: 1rem;
}


@media (min-width: 576px) {
    .oh-search-container {
        width: auto !important;
        padding-top: 0 !important;
    }

        .oh-search-container .oh-search-input-group {
            max-width: 280px
        }
}
.oh-search-input-group {
    position:relative;
    width:100%;
}

.oh-search-input-group > .form-control {
    padding-left: 2.75rem;
    border-radius: 1.5rem;

}
.oh-search-input-group[data-bs-theme=dark] > .form-control,
.oh-search-input-group[data-bs-theme=dark] > .form-control:focus {
    color: var(--bs-light);
}

.oh-search-input-group ._search-submit-btn {
    position: absolute;
    left: 2px;
    top: 2px;
    padding: 5px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"%3E%3Cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3E%3C/svg%3E');
    background-repeat:no-repeat;
}

.oh-search-input-group::before {
    position: absolute;
    top: 50%;
    left: 1rem;
    height: 1.5rem;
    margin-top: -10px;
    font-size: .75rem;
    color: #fff;
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23fff" class="bi bi-search" viewBox="0 0 16 16"%3E%3Cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3E%3C/svg%3E');
    opacity:0.75;
}

.oh-skippy-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
    .oh-skippy-top .small {
        font-size: 1rem;
    }

.oh-status-badge {
    display: inline-block;
    padding: 0.375rem 1.25rem;
    color: var(--oh-secondary-color);
    background-color: var(--oh-secondary-bg-subtle);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .oh-status-badge._fulfilled {
        color: white;
        background-color: var(--oh-green);
    }

    .oh-status-badge._processed {
        color: white;
        background-color: var(--oh-dark);
    }

    .oh-status-badge._submitted {
        color: white;
        background-color: var(--oh-blue);
    }

.oh-status-submitted {
    color:var(--oh-blue);
}

.oh-status-fulfilled {
    color: var(--oh-green);
}

.oh-notiflist-item-read {
    color: var(--oh-secondary-color) !important;
}

.oh-pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    /*    --bs-pagination-font-size: 1rem;*/
    --bs-pagination-color: var(--oh-dark);
    --bs-pagination-bg: var(--oh-light-bg);
    --bs-pagination-border-color: var(--oh-light-bg);
    --bs-pagination-hover-color: var(--oh-dark);
    --bs-pagination-hover-bg: #d3d4d5;
    --bs-pagination-hover-border-color: #c6c7c8;
    --bs-pagination-focus-color: var(--oh-dark);
    --bs-pagination-focus-bg: #d3d4d5;
    --bs-pagination-focus-box-shadow: 0 0 0 2px rgba(211, 212, 213, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--oh-dark);
    --bs-pagination-active-border-color: var(--oh-dark);
    --bs-pagination-disabled-color: var(--oh-secondary);
    --bs-pagination-disabled-bg: var(--oh-light-bg);
    --bs-pagination-disabled-border-color: var(--oh-light-bg);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
}
/*    .oh-pagination .page-item:not(:last-child) {
        margin-right: 0.25rem;
    }*/
    .oh-pagination .page-item > .page-link {
        min-width: 1.8em;
        border-radius: var(--bs-border-radius);
        text-align: center;
    }
    .oh-pagination .page-trail {
        padding: var(--bs-pagination-padding-y);
        color:var(--oh-secondary-color);
    }

.oh-participant-image, /* Details photo */
.oh-profile-image {
    border-radius:50%;
    width:70px;
    height:70px;
    outline: 1px solid var(--oh-primary-bg);
}

@media only screen and (min-width : 1200px) {
    .oh-participant-image {
        width: 140px;
        height: 140px;
    }
}

.oh-profile-image-preview {
    display: inline-flex;
    border-radius: 50%;
    width: 140px;
    height: 140px;    
}

    .oh-profile-image-preview:empty {
        outline: 3px dashed var(--oh-gray-light);
    }

    .oh-profile-image-preview > img {
        border-radius: 50%;
        width: 140px;
        height: 140px;
        outline: 2px solid var(--oh-gray-light);
    }

.oh-property-list {
    margin-bottom: 0;
}

.oh-property-list > dd:not(:last-of-type) {
    margin-bottom: 0.75rem;
}
.oh-property-list>dt {
    color: var(--oh-secondary-color) !important;
}

.oh-upload-image-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.toast-oh-position {
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 992px) {
    .toast-oh-position {
        left: auto;
        right: 1rem;
        transform: none;
    }
}

.text-bg-primary {
    /* text-color defined in bootstrap.css */
    background-color: var(--oh-primary-bg) !important;
}

.text-bs-primary {
    color: var(--oh-blue) !important;
}

.text-muted, .text-secondary, .text-body-secondary {
    --bs-secondary-rgb: 116, 116, 116;
    --bs-secondary-color: var(--oh-secondary-color);
}

.text-pre-line {
    white-space: pre;
    white-space: pre-line;
}