/**
 * 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.
*/

@import "./../../../../template/assets/scss/all-var-fns-mix";

#scheduleMeeting-import-page {
    @include ch5-import-snippet--popup-default(1400);
}

#schedule-meeting-page {
    /* Page level styles go here */

    width: 100%;
    height: 100%;

    & > div.book-meeting-wrapper {
        margin: 0 !important;
    }
    .book-meeting-wrapper {
        width: 100vw;
        height: 100vh;
        background-color: rgba(255, 255, 255, 1);
        position: absolute;
        z-index: 11111;
        top: 0;

        .book-meeting-header {
            padding-bottom: 20px;
            font-size: calc(2rem + 1.2vw);
        }

        .book-meeting-card {
            background-color: #fff;
            border-radius: 15px;
            z-index: 11111;
            border: 1px solid #ababab;
            margin-bottom: 35px;

            .start-timer {
                font-size: calc(1.5rem + 1.2vw);
            }

            .booking-tim {
                font-size: calc(2.5rem + 1.2vw);
            }

            .meeting-room-card-space {
                height: 35vh;
            }

            ch5-spinner {
                font-size: 28px;

                .ch5-spinner__highlight {
                    border: none;
                    box-shadow: none;
                }

                .ch5-spinner__item label {
                    font-size: calc(1.1rem + 1.2vw) !important;
                }

                .ch5-spinner--active,
                .ch5-spinner--active label {
                    color: #60cbb2;
                    font-weight: bold;
                    font-size: calc(1.5rem + 1.2vw) !important;
                }

                .ch5-spinner__scrollarea--animate {
                    margin-top: 10px;
                }
            }
        }

        .book-meeting-footer {
            ch5-button {
                &#cancelBooking {
                    div {
                        border: none;
                        background-color: transparent;

                        span {
                            color: rgb(207, 91, 98);
                        }
                    }
                }
            }

            ch5-button {
                width: 95%;
                bottom: 5px;

                div {
                    width: 100%;
                    padding: 7px 30px;
                    border-radius: 35px;
                    background-color: rgb(28, 43, 88);
                    border: 2px solid rgb(26, 35, 65);

                    button.cb-btn {
                        width: 100%;
                        line-height: 42px;
                        span {
                            font-size: calc(1.2rem + 1vw);
                            font-weight: normal;
                            color: rgb(123, 168, 164);
                        }
                    }
                }
            }
        }
    }

    .booking-time {
        color: #696969;
        font-weight: bold;
    }

    .schedule-meeting-title {
        text-align: center;
    }
}
