.bc_container {
    width: 345px;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    /*visibility: hidden;*/
    font-family: Helvetica, Arial, serif;
}

.bc_container.en {
    right: 0;
}

.bc_container.ar {
    left: 0;
}

.bc_tab {
    padding: 10px;
    height: 43px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #DE0026;
    color: white;
    line-height: 23px;
    cursor: pointer;
}

.bc_tab_icon {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    width: 20px;
    height: 20px;
}

.bc_body {
    background-color: white;
    overflow-y: auto;
    display: none;
    transition: max-height 0.3s ease, padding 0.3s ease;
    font-size: .75rem;
}

.bc_body.open {
    display: block;
    height: 450px;
}

.bc_formControl {
    margin-bottom: 10px;
}

.bc_formControl label {
    display: block;
    margin-bottom: 3px;
}

.bc_formInput {
    height: 35px;
    font-size: .75rem;
}

.bc_formInputSelect {
    appearance: auto;
}

.bc_areaInput {
    display: inline-block;
    width: 20%;
}
.bc_phoneInput {
    display: inline-block;
    width: 70%;
}

.bc_messages {
    height: 290px;
    overflow-y: scroll;
    margin-bottom: 8px;
}

.bc_messages p {
    margin-bottom: 0;
    display: block;
    width: 85%;
    clear:both;
    padding: 5px;
    border-radius: .1875rem;
}

.bc_messages p.response {
    float:left;
    background-color: #e3fae6;
    margin-bottom: 5px;
    margin-left: 10px;
}

.bc_messages p.sent {
    float:right;
    background-color: #e6f4f7;
    margin-right: 10px;
    margin-bottom: 5px;
}

.bc_chatForm {
    /*display: none;*/
    padding: 10px;
}

.bc_chatInterface {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: none;
}

.bc_button {
    border: 0;
    border-radius: .1875rem;
    background-color: #DE0026;
    color: white;
    height: 35px;
    font-size: .75rem;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 10px;
}

.bc_buttonAlternative {
    border: 0;
    border-radius: .1875rem;
    color: #000000;
    height: 35px;
    font-size: .75rem;
    padding-left: 15px;
    padding-right: 15px;
}

.bc_chatInput {
    width: 100%;
    height: 35px;
    font-size: .75rem;
    margin-bottom: 5px;
}

.bc_pagePush {
    margin-top: 5px;
    display: none;
}

.bc_users {
    /*margin-top: 10px;*/
    /*border: 1px solid #cccccc;*/
    height: 25px;
    /*margin-bottom: 10px;*/
}

.hidden {
    display: none;
}

/** Call Back **/
.bc_cb_container {
    width: 345px;
    position: fixed;
    bottom: 0;
    z-index: 99999;
}

.bc_cb_container.en {
    right: 370px;
}

.bc_cb_container.ar {
    left: 370px;
}

.bc_cb_tab {
    padding: 10px;
    height: 43px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #DE0026;
    color: white;
    line-height: 23px;
    cursor: pointer;
}

.bc_cb_body {
    background-color: white;
    overflow-y: auto;
    display: none;
    transition: max-height 0.3s ease, padding 0.3s ease;
    font-size: .75rem;
}

.bc_cb_body.open {
    display: block;
    height: 420px;
}

.bc_cb_confirmation {
    padding: 10px;
    display: none;
}

.bc_label.ar {
    text-align: right;
}

.bc_notice {
    padding: 10px;
}

.bc_mode_toggle {
    /*display: block;*/
    /*margin: 10px 10px 10px 10px;*/
}

.bc_offlineSuccess {
    display: none;
}

.bc_error {
    color: red;
    font-weight: bold;
}

.pArabic {
    direction: rtl;
    text-align: right;
}