.chat-box {
    border: 1px solid #ddd;
    height: 300px;
    overflow-y: auto;
    padding: 10px;
    margin-bottom: 10px;
}

.user-msg {
    text-align: right;
    background: #d1ecf1;
    padding: 8px;
    margin: 5px;
    border-radius: 5px;
}

.admin-msg {
    text-align: left;
    background: #f8d7da;
    padding: 8px;
    margin: 5px;
    border-radius: 5px;
}

.br-t {
    /* border: 1px solid #8c8c8c; */
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    background: #00a3ff;
    color: #fff !important;
    text-decoration: none !important;
}
.br-t:hover {
    background: #f9440a;
}
.br-t2 {
    color: #fff !important;
   width: 100%;
    padding: 10px;
}
.br-t {
    position: relative;
}
div#chatBox {
    border: 1px solid #8c8c8c;
}
#replyBox {
    min-height: 200px;
    border: 1px solid #8c8c8c;
    border-radius: 0px;
}
.button2 {
    padding: 6px 15px;
    font-size: 18px !important;
    width: 220px;margin-bottom: 35px !important;
}
.user-msg p {
    font-size: 16px !important;
    color: #262626 !important;
}
.user-msg b {
    text-transform: uppercase !important;
    color: #262626 !important;
}

.admin-msg b {
    text-transform: uppercase !important;
    color: #262626 !important;
}

.admin-msg p {
    font-size: 16px !important;
    color: #262626 !important;
}


div#adminChat {
    background: #fff;
}
textarea#adminReply {
    width: 100%;
    min-height: 200px;
}
button#adminSend {
    color: #ffffff !important;
    background: #00a3ff !important;
    border: 1px solid #00A3FF !important;
}

.tic-n {
    position: relative;
}
.tic-n strong {
    position: absolute;
    right: 7px;
    top: 9px;
    color: #ffffff !important;
    background: #262626;
    padding: 0px 10px;
    border-radius: 36px;
    font-weight: 300;
}

.chat-box {
    position: relative;
    min-height: 150px;
}

.chat-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.woocommerce-MyAccount-content a.re-t-b {
    text-decoration: none !important;
}
.br-t:hover a.re-t-b {
    background: #262626 !important;
    text-decoration: none !important;
}