/**
 * Copyright (C) 2020 to the present, Crestron Electronics, Inc.
 * All rights reserved.
 * No part of this software may be reproduced in any form, machine
 * or natural, without the express written consent of Crestron Electronics.
 * Use of this source code is subject to the terms of the Crestron Software License Agreement 
 * under which you licensed this source code.  
 *
 * This code was automatically generated by Crestron's code generation tool.
*/

#uncontrolled-sources-page {
    /* Page level styles go here */

    width: 100%;
    height: 100%;

    .out-of-sync {
        color: rgb(255, 128, 64);
        font-size: calc(0.7rem + 1.3vw);
    }

    ch5-button {
        &.source-image {
            div {
                background-color: transparent;
                border: none;

                button {
                    img {
                        width: calc(7.6rem + 2vw);
                        height: calc(7.6rem + 2vw);
                    }
                }
            }
        }

        &#prev-present-page {
            font-size: calc(0.7rem + 1vw);

            div {
                background-color: transparent;
                border: 0px;

                button {
                    width: 100%;

                    .ch5-button--img {
                        width: 4vw;
                        height: 8vh;
                        margin: -5px;
                    }
                }
            }
        }

        &.stop-presenting {
            width: 100%;

            div {
                background-color: transparent;
                border: 0;
                width: 100%;
                button {
                    &.cb-btn {
                        margin: 0 auto;
                        width: 100%;
                        .ch5-button--img {
                            width: calc(4.1rem + 1vw);
                            height: calc(4.1rem + 1vw);
                        }
                        .cb-lbl {
                            font-size: calc(2.2rem + 0.3vw);
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            color: #000;
                        }
                    }
                }
            }
        }
    }

    .source-title {
        color: rgb(90, 91, 99);
        font-size: calc(2rem + 0.2vw);
    }

    .sync-img {
        width: 24px;
        height: 24px;
    }
}

#uncontrolledDeviceSourceLabel {
    &[data-airmedia="false"] {
        #sourceTypeName_airmedia,
        #sourcDeviceName_airmedia {
            display: none;
        }
    }
    &[data-airmedia="true"] {
        #sourceTypeName,
        #sourcDeviceName {
            display: none;
        }
    }
}
