@charset "UTF-8";
@import url("../../Styles/default-styles.css");

:root {
    --arrowDownImg: url(Images/arrow_down.png);
    --arrowUpImg: url(Images/arrow_up.png);
    --addImg: url(Images/add.png);
    --mainLogo1: url(Images/main_logo_1.png);
    --mainLogo2: url(Images/main_logo_2.png);
}

/*#region Must be in every theme*/

.expandHeader {
    background-image: var(--arrowDownImg);
}

.collapseHeader {
    background-image: var(--arrowUpImg);
}

#addTask, #addTaskAgenda {
    background-image: var(--addImg);
}

.addButtonRoundGreen {
    background-image: var(--addImg);
}

/*#endregion*/

#mainLogo1 {
    background-image: var(--mainLogo1);
    width: 80px;
    height: 80px;
    background-size: cover;
    float: left;
    display: none;
}

#mainLogo2 {
    background-image: var(--mainLogo2);
    width: 389px;
    height: 80px;
    background-size: cover;
    float: left;
}

#jitsiGuestLogo1 {
    width: 17%; /* calcolato in proporzione al logo2 */
    max-width: 80px;
}

#jitsiGuestLogo2 {
    width: 83%; /* calcolato in proporzione al logo1 */
    max-width: 389px;
}