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



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

        color: #ffffff;
        border: 5px double #feefe4;
        background-color: #ff6600;
        border-radius:50% 50% 50% 50%;
        -moz-border-radius:50% 50% 50% 50%;
        -webkit-border-radius:50% 50% 50% 50%;
        }


            .chat-channel-lynn-button,
            .chat-channel-lynn-maximize {
            width: 60px;
            height: 60px;
            padding: 0;
            }
    

        /* 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(0,0,0,0);
        box-shadow: 0px 0px 0px 0x rgba(0,0,0,0);
        }

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

        border: 0px solid #ff6600;
        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: #ff6600;
        }

        /* footer */

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

        border: 0px solid #ff6600;
        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: 40px!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: #ff6600;
        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: 0px solid #ff6600;
        }

        /* ejecutivo */
        .chat-channel-lynn .k-chat .k-message-group:not(.k-alt) .k-bubble {
        border: 0px solid #7c7c7c;
        color: #000000;
        background: #ffffff;
        }

        /* cliente */
        .chat-channel-lynn .k-chat .k-message-group.k-alt .k-bubble {
        border: 0px solid #ff6600;
        color: #000000;
        background: #ffecdf;
        }

        /* card */
        .chat-channel-lynn .k-card {
        border: 0px solid #7c7c7c;
        }
        .chat-channel-lynn .k-card .k-card-title {
        color: #000000;
        }
        .k-card>.k-card-body:first-child {
        background: #ffffff;
        }


                .k-chat .k-message-box .k-button.k-button-send span {
                position: relative;
                width: 30px;
                height: 30px;
                }
                .k-chat .k-message-box .k-button.k-button-send span:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 30px;
                height: 30px;
                background-color: transparent;
                background-image: url('data:image/png;base64,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');
                background-size: 30px 30px;
                background-repeat: no-repeat;
                background-position: 0 0;
                background-position: center center;
                }
                .k-chat .k-message-box .k-button.k-button-send i {
                display: none
                }
            

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

                .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: #000000;
        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) - 40px - 0px) !important;
            }
        }

        .chat-channel-lynn .chat-header h4 {
    line-height: normal!important;
    font-size: 20px!important;
}
.chat-channel-lynn .chat-form form .chat-form-control {
    width: 350px!important;
}

.chat-channel-lynn .chat-form form button, 
.chat-channel-lynn .chat-form .form-body button {
width: 250px;
}