﻿.tooltip-icon {
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    width: 20px;
    height: 20px;
    background-color: var(--v-grey-lighter);
    color: var(--v-primary-light);
}

.input-tooltip {
    position: absolute;
    top: -11px;
    right: 18px;
}

.input-tooltip > .tooltip-icon {
    font-size: 10px !important;
    width: 16px !important;
    height: 16px !important;
}

.wizard-tooltip {
    --bs-tooltip-bg: var(--v-secondary);
    --bs-tooltip-color: #fff;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-border-radius: 0;
    --bs-tooltip-max-width: 400px;
    font-family: var(--v-font-primary);
}

.wizard-tooltip > .tooltip-inner {
    text-align: left;
}

.wizard-tooltip > .tooltip-inner * {
    font-size: 12px;
}

/*noinspection CssInvalidPropertyValue*/
.wizard-tooltip > .tooltip-inner img {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
}

.wizard-tooltip > .tooltip-inner p {
    margin: 5px 0;
}

.wizard-tooltip > .tooltip-inner strong {
    font-weight: 900;
}
