@import '../css/default.css';



        .chat-channel-lynn .k-widget {
        color: #515967;
        }
        /* boton */
        .chat-channel-lynn-button,
        .chat-channel-lynn-maximize {

        color: #000000;
        border: 0px solid #ffffff;
        background-color: #a9f6dc;
        border-radius:50% 50% 50% 50%;
        -moz-border-radius:50% 50% 50% 50%;
        -webkit-border-radius:50% 50% 50% 50%;
        }



        /* content */
        .chat-channel-content {
        border-radius:10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        box-shadow: 0px 0px 0px 0x rgba(255,255,255,0);
        }

        /* header */
        .chat-channel-lynn .chat-header {
        height: 35px;
        color: #ffffff;
        background-color: #a9f6dc;

        border: 1px solid #acdffd;
        border-bottom: none;

        border-radius: 10px 10px 0px 0px;
        -webkit-border-radius:  10px 10px 0px 0px;
        -moz-border-radius:  10px 10px 0px 0px;
        }
        .chat-channel-lynn .chat-header .chat-buttons a {
        color: #ffffff;
        }
        .chat-channel-lynn .k-window-titlebar {
        color: #ffffff;
        background-color: #a9f6dc;
        }

        /* footer */

                .chat-channel-lynn .chat-footer {
                height: 0px;
                }
            
        /* body */
        .chat-channel-lynn .chat-body {
        color: #515967;
        background-color: #ffffff;

        border: 1px solid #acdffd;
        border-top: none;

        border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        }


        .chat-channel-lynn.window-minimize {
        height: 35px!important;
        }

        /* form */
        .chat-channel-lynn .chat-form form input[type="submit"],
        .chat-channel-lynn .chat-form form button,
        .chat-channel-lynn .chat-form .form-body button {
        background-color: #777777;
        color: #ffffff;
        }
        .chat-channel-lynn .chat-form form .chat-form-control {
        background-color: #ffffff;
        color: #555555;
        border: 1px solid #cccccc;
        border-radius: 4px 4px 4px 4px;
        -moz-border-radius:4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        }
        .chat-channel-lynn .chat-form form .chat-form-control::placeholder {
        color: #555555;
        }
        .chat-channel-lynn .chat-form .form-footer {
            margin-top: 10px;
        }

        /* chat */
        .chat-channel-lynn .k-chat .k-message-box {
        border-top: 1px solid #acdffd;
        }

        /* ejecutivo */
        .chat-channel-lynn .k-chat .k-message-group:not(.k-alt) .k-bubble {
        border: 1px none #a9f6dc;
        color: #000000;
        background: #a9f6dc;
        }

        /* cliente */
        .chat-channel-lynn .k-chat .k-message-group.k-alt .k-bubble {
        border: 1px none #a9f6dc;
        color: #000000;
        background: #85bde1;
        }

        /* card */
        .chat-channel-lynn .k-card {
        border: 1px none #a9f6dc;
        }
        .chat-channel-lynn .k-card .k-card-title {
        color: #000000;
        }
        .k-card>.k-card-body:first-child {
        background: #a9f6dc;
        }



                .chat-channel-lynn .chat-footer .question-info {
                display: none;
                }
            

                .chat-channel-lynn .chat-footer .security-info {
                display: none;
                }
            
        /* Agendamiento */
        .chat-channel-lynn .k-picker-wrap.k-state-default,
        .chat-channel-lynn .k-picker-wrap.k-state-hover,
        .chat-channel-lynn .k-picker-wrap.k-state-focused
        {
        border: 1px solid #d1d1d1;
        background: none;
        border-radius:5px 5px 5px 5px;
        -moz-border-radius:5px 5px 5px 5px;
        -webkit-border-radius:5px 5px 5px 5px;
        }
        .chat-channel-lynn .k-picker-wrap .k-input {
        color: #676767;
        background-color: #ffffff;
        border-radius:5px 0 0 5px;
        -moz-border-radius:5px 0 0 5px;
        -webkit-border-radius:5px 0 0 5px;
        }
        .chat-channel-lynn .k-picker-wrap .k-select{
        color: #676767;
        background-color: #ffffff;
        border-radius:0 5px 5px 0;
        -moz-border-radius:0 5px 5px 0;
        -webkit-border-radius:0 5px 5px 0;
        }
        .chat-channel-lynn .k-card-calendar .k-button,
        .chat-channel-lynn .k-card-timer .k-button,
        .chat-channel-lynn .k-card-datetime .k-button {
        color: #676767;
        background-color: #ffffff;
        border: 1px solid #d1d1d1;
        border-radius:6px 6px 6px 6px;
        -moz-border-radius:6px 6px 6px 6px;
        -webkit-border-radius:6px 6px 6px 6px;
        }

        .k-popup.k-calendar-container,
        .k-popup.k-list-container {
        border: 1px solid #d1d1d1;
        border-radius:0 5px 5px 0;
        -moz-border-radius:0 5px 5px 0;
        -webkit-border-radius:0 5px 5px 0;
        }
        .k-calendar>.k-header {
        color:  #464646;
        background-color:  #ffffff;
        }
        .k-calendar th {
        color:  #676767;
        background-color:  #f5f5f5;
        }
        .k-calendar .k-header .k-link.k-state-hover,
        .k-calendar td.k-state-hover .k-link,
        .k-popup .k-list .k-state-hover {
        color:  #676767;
        background-color:  #ebebeb;
        }
        .k-calendar td.k-state-focused .k-link {
        }
        .k-calendar td.k-state-selected .k-link,
        .k-popup .k-list .k-state-selected {
        color:  #454545;
        background-color:  #eeeeee;
        }

        @media screen and (max-width: 576px) {
            .chat-channel-lynn .chat-channel {
            height: calc((var(--vh, 1vh) * 85) - 35px - 0px) !important;
            }
        }