.u-shopping-cart-count {
    background-color: white;
    color: black;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(40%, -20%);
    z-index: 1;
    width: calc(1em + 3px);
    height: calc(1em + 3px);
    line-height: calc(1em + 2px);
    text-align: center;
    vertical-align: baseline;
    box-sizing: content-box;
    border-radius: 50%;
    font-size: 0.75rem;
}

.navbar-toggler-icon-light {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar-light .navbar-toggler-icon-light {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

html {
  font-size: 16px;
}

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

.text-danger-reg-log {
    color: #dc3545 !important;
    font-size: smaller;
}

a.text-danger-reg-log:hover, a.text-danger-reg-log:focus {
    color: #a71d2a !important;
}

.header-fixed {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color:white;
}

.searchChild {
    align-self: center;
    text-align:center;
    width: 50%;
    /*padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);*/
}

.form-control-custom {
    display: block;
    width: 100%;
    padding: 3px;
    cursor: pointer;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-custom-checkbox {
    width: auto;
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}


.input-file {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .input-file span {
        border: 1px solid #ccc;
        border-radius: 10px;
        padding: 3px 10px;
        position: relative;
        display: inline-block;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        vertical-align: middle;
        color: black;
        text-align: center;
        background-color: buttonface;
        box-sizing: border-box;
        margin: 0;
        transition: background-color 0.2s;
    }

    .input-file input[type=file] {
        position: absolute;
        z-index: -1;
        opacity: 0;
        display: block;
        width: 0;
        height: 0;
    }



.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: 0;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: buttonface;
        color: black;
        text-align: center;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        top: 100%;
        margin-left: -30px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }