@charset "UTF-8";

$operator-bg-color: #3B75F9;
$guest-bg-color: #ddd;
$font-color: #222;
//$link-color: #3B6BF9;
$link-color: #fff;

$btn-gray: #6c757dcc;
$btn-gray-hover: #6c757d;
$btn-blue: #2a28a7cc;
$btn-blue-hover: #2a28a7;

/* header */

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar  {
    background: #5d02c494;
    color: #fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: #5d02c494;
    color: #fff;
}

.nav-link-btn {
    background: #0211c494;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background: #0211C4AF;
    /*background: #5d02c494;*/
    /*border-color: #3d6983;*/
}

body {
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Original Yu Gothic', 'Yu Gothic', YuGothic, Verdana, Helvetica, 'ＭＳ Ｐゴシック', sans-serif;
    color: #4c4b4b;
}

/*
=============================================
Chat
=============================================
 */

.accordion-toggle {
    color: #0a0302;
    margin-right: 1.2rem;
}

.chat-history {
    list-style: none;
    margin: 0;
    padding: 0;
    .message-data {
        margin-bottom: 8px;
    }

    .message-data-time {
        color: #a8aab1;
        padding-left: 6px;
    }

    .message {
        color: $font-color;
        padding: 6px 12px;
        line-height: 19px;
        font-size: 14px;
        border-radius: 7px;
        margin-bottom: 15px;
        position: relative;
        display: inline-block;

        a {
            color: $link-color;

            &:hover {
                text-decoration: underline;
            }
        }
    }

    .my-message {
        background: $guest-bg-color;
    }

    .other-message {
        background: $operator-bg-color;
        color: #fff;
    }

    .operator-avatar {
        width: 50px;
        height: 50px;
    }

}

.float-right {
    float: right;
}