/*
 * Copyright (c) 2022-2025 by Steffen Fuellert - Steffen Füllert Software Development
 */

.bordeaux-black {
    font-family: 'BordeauxBlack';
    font-weight: normal;
    font-style: normal;
}

.bordeaux-medium {
    font-family: 'BordeauxMedium';
    font-weight: normal;
    font-style: normal;
}

.wingdings-regular {
    font-family: 'Wingdings';
    font-weight: normal;
    font-style: normal;
}

span.pad{
    padding-right: 10px;
    padding-left: 10px;
}

body {

}

.error {
    color: red;
}

.noerror{
    color: green;
}

.warn{
    color: orange;
}

i {
    position: relative;
}

i.far.half:after, i.fas.half:after  {
    bottom: 0;
    content: "";
    position: absolute;
    background: #f8f8f8;
    width: 41%;
    height: 100%;
    left: 60%;
    right: 0;
}

.fa-stack.small { font-size: 0.5em; }




/* The Loader */

.loader {
    /* Size and position */
    position: relative;
    width: 40px;
    height: 40px;
    margin: 40px 40px; /* for centering 40px auto */

    /* Styles */
    border-radius: 50%;
    border: 10px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.6); /* sector */

    opacity: 0.5;

    animation: rota 2.5s infinite linear;

    z-index: 11;
}

.loader:after {
    content: "";

    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    margin: 20px auto;

    /* Styles */
    border-radius: 50%;
    border: 10px solid transparent;
    box-shadow: 0 0 0 10px rgba(0,0,0,0.2); /* track */
}


/* Animation */
@keyframes rota {
    from { }
    to { transform: rotate(360deg); }
}

/* --- Edit Dialog specifics --- */
/* Ensure checkbox and label are horizontally aligned and vertically centered in the edit dialog */
#tiEditDialog .ti-checkbox-row {
    display: inline-flex;            /* keep row compact and inline with surrounding content */
    align-items: center;             /* center both items vertically */
}
#tiEditDialog .ti-checkbox-row input[type="checkbox"] {
    margin: 0 0.5rem 0 0;            /* gap to label */
    vertical-align: middle;
    position: relative;              /* allow fine-tuning */
    top: 0;                          /* reset UA offsets */
    transform: translateY(2px);      /* nudge for optical center across Windows browsers */
}
#tiEditDialog .ti-checkbox-row label {
    display: inline-flex;            /* align text within label to middle */
    align-items: center;
    margin: 0;
    line-height: 1;                  /* stable line-height for centering */
}

/* Fallback for high-DPI/zoom rendering where the checkbox appears too low */
@supports (-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none) {
    /* keep native look, only adjust center subtly */
    #tiEditDialog .ti-checkbox-row input[type="checkbox"] {
        transform: translateY(1px);
    }
}