/* 

These are CSS rule templates for branding TrueConf Server.


Attention!
You perform all actions at your own risk.
TrueConf company is not responsible for any server malfunction following the performed actions.
If something went wrong, please contact our technical support team.
Regardless, we advise you to create backups of the files mentioned in this article.

The file is divided into sections for better navigation:

1. Guest page configuration:

• color setting
• block hiding
• block removing
• background configuration

2. Conference page configuration

• color setting
• block hiding
• block removing
• background configuration

/* --- Guest page styles --- */

/* Change the footer color */
.conference-screen-footer {
    background-color: #20376c !important
}

/* Hide the footer (the layout of element won't be turned off) */
.conference-screen-footer {
    visibility: hidden;
}

/* Remove the footer */
.conference-screen-footer {
    display: none !important;
}

/* Hide the server version in the footer */
.conference-screen-footer__desc:nth-child(2) {
    display: none;
}

/* Hide Home and Download buttons */
.main-header__button {
    visibility: hidden;
}

/* Remove Home and Download buttons */
.main-header__button {
    display: none;
}

/* Hide the Sign in (to the personal area) button */
.main-header__button-login {
    visibility: hidden;
}

/* Remove the Sign in (to the personal area) button */
.main-header__button-login {
    display: none;
}

/* Hide the burger menu in mobile version */
#main-header__buttons-menu {
    visibility: hidden;
}

/* Remove the burger menu in mobile version */
#main-header__buttons-menu {
    display: none;
}

/* Hide the language selection dropdown */
.language-selector-container__button {
    visibility: hidden;
}

/* Remove the language selection dropdown */
.language-selector-container__button {
    display: none;
}

/* Styles for the conference connection page  */

/* Change the background color beneath the connection selection buttons on the conference page */
.conference-main-container {
    background-color: #106ed9c4;
}

/* Change the color of the QR code button  */
.conference-qr-code__button .tc-button:not([disabled]) {
    background-color: #106ed9c4 !important;
}

/* Background of the "Link copied" window */
.mdc-snackbar__label {
    background-color: #0e3fc875 !important;
}

/* Background of the PIN code input window */
.conference-pin {
    background: #0e3fc875 !important;
}

/* Background of the "Invalid PIN" window */
.mdl-snackbar {
    background-color: #0e3fc875 !important;
}

/* Background of the devices configuration window */
.equipment__container {
    background-color: #0e3fc875 !important;
}

/* Increase the size of the QR code button. Start */

#conference-qr-code-button {
    font-size: 25px;
}

.mdc-button .mdc-button__icon {
    height: auto;
}

.tc-button .tc-button__icon svg {
    height: 25px;
    width: 25px;
}

/* Increase the size of the QR code button. End */

/* The size of the "Conference name" text in pixels */

.conference-main__title {
    font-size: 70px;
    line-height: 70px;
}

/* Background of the guest page and conference connection page, a base64 image */
.main-background {
    background-image:
        url('Image in the data format: image/jpeg;base64') !important;
}

/* Conference page styles */

/* Text color in the "conference paricipants" window */
.conference-participant-category__heading {
    color: #0e40c8 !important;
}

/* Color of the title in chat window and video layout */
.conference-card-header {
    background-color: #0e40c8 !important;
}

/* Color of the chat window title in mobile version */
.mobile-header {
    background-color: #0e40c8 !important;
}

/* Color of the send message button in the chat window */
.chat-message-form__send-button {
    color: #0e40c8 !important;
}

/* Background of the "Take podium" button */
.podium-controls-initial {
    background-color: #0e3fc875 !important;
}

/* Top menu of the WebRTC conference window */
.conference-header--webrtc-background {
    background-color: #0e3fc875 !important;
}

/* Bottom menu of the WebRTC conference window */
.conference-footer {
    background-color: #0e40c8 !important;
}

/* Background of the conference page, a base64 image */
.webrtc-background {
    background-image:
        url('Image in the data format: image/jpeg;base64') !important;
}