﻿
.back-logo {
    display: block;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    /*border: 1px solid #828282;*/
    padding: 1px;
    position: relative;
    cursor: default;
    left: 50%;
    transform: translate(-50%);
    margin-top: 1rem;
    /* background-color: rgb(69, 69, 69); */
}


.logo-container-login {
    margin: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    /* background-color: rgb(69, 69, 69); */
    display: block;
    border-radius: 50%;
    font-size: 0.65rem;
    text-align: center;
}

.logo-dbo {
    position: relative;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -53%);
    font-weight: 300;
    font-size: 1.9rem;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    transition: color .4s;
}

.open-login {
    -webkit-transition: all .8s;
    transition: all .8s;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(20rem) rotateY(60deg);
    transform: perspective(20rem) rotateY(60deg);
    opacity: .0;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}


.ky-info-company {
    position: fixed;
    right: .5rem;
    bottom: .35rem;
    height: 75px;
    width: 18rem;

    font-size: .85rem;
    font-weight: 100;
    color: rgba(255, 255, 255, .4);

    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;

    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: fit-content;
}

.ky-info-company a {
    pointer-events: auto;
    cursor: pointer;
}

.ky-info-company-text{
    font-size: 1rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    margin-bottom: 0.2rem;
    margin-left: 0.25rem;
}

/* 
    La BCorp richiede esplicitamente un altezza minima di 50px per i loro loghi,
    NON cambiare questo valore, piuttosto nascondere il logo.
*/
.ky-logo-bcorp {
    height: 50px;
    min-height: 50px;
}

.ky-logo-kymos{
    height: 2.3rem;
    margin-bottom: 0.2rem;
}