:root {
    --background: #feebc0;
    --text: #333333;
    --button-background: #33307d;
    --button-background-hover: #ffffff;
    --button-text: #ffffff;
    --button-text-hover: #33307d;
    --button-border: #ffffff;
    --button-border-hover: #33307d;
}




#__soe-home-logo {
    width: 30%;
    min-width: 200px;
    height: auto;
}

#__meeting-home-wrapper, #__meeting-noy-wrapper, #__meeting-closed-wrapper, #__meeting-pincode-wrapper {
    background-image: url(../images/esoprs-2025/pargue-top4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#__meeting-home-right, #__meeting-noy-right, #__meeting-closed-right, #__meeting-pincode-right {
    background-color: var(--background);
}

#__meeting-home-right-inner, #__meeting-noy-right-inner, #__meeting-closed-right-inner, #__meeting-pincode-right-inner {
    padding-top: 30px;
    color: var(--text);
}



    #__meeting-home-right-inner a, #__meeting-noy-right-inner a, #__meeting-closed-right-inner a, #__meeting-pincode-right-inner a {
        color: var(--text);
    }

    #__meeting-home-right-inner p, #__meeting-noy-right-inner p, #__meeting-closed-right-inner p, #__meeting-pincode-right-inner {
        font-size: 1.2rem;
    }




@media only screen and (max-height: 768px) {
    #__meeting-home-right-inner p, #__meeting-noy-right-inner p, #__meeting-closed-right-inner p, #__meeting-pincode-right-inner {
        font-size: 1em;
    }

    #__meeting-home-right-inner h1, #__meeting-noy-right-inner h1, #__meeting-closed-right-inner h1 {
        font-size: 1.5em;
    }
}



.__meeting-generic-button-style {
    font-weight: 600;
    border: solid 2px var(--button-border);
    background-color: var(--button-background);
    color: var(--button-text);
}


.__meeting-generic-button-style-inverted {
    font-weight: 600;
    border: solid 2px var(--button-border-hover);
    background-color: var(--button-background-hover);
    color: var(--button-text-hover);
    cursor: pointer;
}

.__meeting-generic-button-style:hover {
    background-color: var(--button-background-hover);
    color: var(--button-text-hover);
}

.__meeting-generic-button-style-inverted:hover {
    background-color: var(--button-background);
    color: var(--button-text);
}


#__meeting-details-banner, #__meeting-upload-banner, #__meeting-qrcode-banner {
    background-color: var(--background);
}

#__meeting-details-banner-logo, #__meeting-upload-banner-logo, #__meeting-qrcode-banner-logo {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

    #__meeting-details-banner-logo img, #__meeting-upload-banner-logo img, #__meeting-qrcode-banner-logo img {
        width: auto;
        height: 250px;
        margin-bottom: -5px;
    }

.__meeting-details-form-input {
    border: solid 1px #0054a5;
}

.__meeting-details-errorstate {
    border-color: red;
    background-color: RGBA(255,0,0,0.1);
}

#__meeting-details-content {
    color: var(--text);
}

.__meeting-details-form-input {
    color: var(--text);
}

::placeholder {
    color: #a7a7a7;
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
    color: #a7a7a7;
}

.__meeting-details-form-input:focus, .__meeting-details-form-textarea:focus {
    outline-color: #0054a5;
}

.__meeting-details-errorstate:focus {
    border-color: red;
}


#__meeting-details-session-wrapper {
    border: solid 1px #0054a5;
}

.__meeting-details-session-select-line {
    border-bottom: solid 1px #0054a5;
}




#__meeting-upload-content, #__meeting-qrcode-content {
    color: var(--text);
}


    .__meetings-upload-list-item-left i {
        color: var(--text);
    }

.__meetings-upload-list-item-center {
    color: var(--text);
}

.__meetings-upload-list-item-center a {
    color: var(--text);
}

    .__meetings-upload-list-item-right i {
        color: var(--text);
    }


.__meetings-upload-list-line {
    border-top: solid 1px var(--text);
}

#__meeting-qrcode-link a {
    color: var(--text);
}

#__meeting-details-text a {
    color: var(--text);
}


#__meeting-qrcode-text strong {
    font-weight: bold;
}

#__meeting-upload-submit-button.disabled {
    font-weight: 600;
    border: solid 2px lightgrey;
    background-color: #f4f4f4;
    color: lightgrey;
    cursor: default;
}


    #__meeting-upload-submit-button.disabled:hover {
        background-color: #f4f4f4;
        color: lightgrey;
    }





#__meeting-details-presentation-ref-wrapper {
    display: none;
}