.iot-brand-logo {
    --iot-logo-size: 48px;
    --iot-logo-radius: 15px;
    width: var(--iot-logo-size);
    height: var(--iot-logo-size);
    min-width: var(--iot-logo-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--iot-logo-radius);
    background: linear-gradient( 145deg, #ff8a00 0%, #ff7900 55%, #ff6a00 100% );
    color: #101214;
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(var(--iot-logo-size) * 0.66);
    font-weight: 900;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: lowercase;
    box-shadow: 0 12px 26px rgba(255, 122, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    user-select: none;
    overflow: hidden;
}

    /*
 * Μικρή οπτική διόρθωση, ώστε το γράμμα i
 * να βρίσκεται ακριβώς στο κέντρο.
 */
    .iot-brand-logo::before {
        content: "i";
        display: block;
        transform: translateY(-1px);
    }

/* Μέγεθος για το sidebar του portal */
.iot-brand-logo--sidebar {
    --iot-logo-size: 43px;
    --iot-logo-radius: 13px;
    font-size: 30px;
    box-shadow: 0 10px 22px rgba(255, 122, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

/* Μέγεθος για την επάνω περιοχή της login σελίδας */
.iot-brand-logo--login {
    --iot-logo-size: 58px;
    --iot-logo-radius: 17px;
    font-size: 40px;
}