/* 

These are CSS rule templates for TrueConf Server branding.


Warning! 
All actions performed are at your own risk. 
TrueConf Company bears no responsibility for server malfunction after performed actions. 
If something goes wrong, please contact technical support. 
In any case, we advise you to make backups of the files mentioned in this article. 

The file is split into sections for better navigation: 

1. Guest Page Configuration:

• color settings
• hiding blocks
• disabling blocks
• background settings

2. Conference Page Configuration

• color settings
• hiding blocks
• disabling blocks
• background settings

/* --- Styles for the Guest Page --- */

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

/* Hide footer (the space it occupies will remain) */
.conference-screen-footer {
    visibility: hidden;
}

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

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

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

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

/* Hide Login button (to Personal Account) */
.main-header__button-login {
    visibility: hidden;
}

/* Disable Login button (to Personal Account) */
.main-header__button-login {
    display: none;
}

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

/* Disable hamburger menu in mobile version */
#main-header__buttons-menu {
    display: none;
}

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

/* Disable language selection */
.language-selector-container__button {
    display: none;
}

/* Styles for the conference connection page */

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

/* Change QR code button color */
.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 entry window */
.conference-pin {
    background: #0e3fc875 !important;
}

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

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

/* Increase QR code button size. 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 QR code button size. End */

/* "Conference Title" text size in pixels */

.dropdown-text__text{
    font-size: 70px;
    line-height: 70px;
}

/* Guest page and connection page background, image in base64 format */
.main-background {
    background-image:
        url('Image in data: image/jpeg;base64 format') !important;
}

/* Styles for the conference page */

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

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

/* Color of the chat window header 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 "Speak at the 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;
}

/* Conference page background, image in base64 format */
.webrtc-background {
    background-image:
        url('Image in image/jpeg;base64 format') !important;
}