/* CHAT WINDOW START */


.bell-style.eChat-bot-container-window {
    background: none repeat scroll 0 0 #ffffff;
}

.bell-style.eChat-bot-container-max-height {
    height: 100vh;
}

.eChat-bot-container-window-custom-height {
    height: 70%;
}

.bell-style.eChat-bot-container,
.bell-style .eChat-bot-container {
    background: none repeat scroll 0 0 #00549a;
    border: 2px solid white;
    z-index: 1075;
    bottom: 95px;
    right: 15px;
    display: flex !important;
}

@media screen and (max-height: 360px) {
    .bell-style.eChat-bot-container,
    .bell-style .eChat-bot-container {
        bottom: 15px;
    }
}

.bell-style .echat-window-body .eChat-bot-container,
.bell-style .chat-alert-container .eChat-bot-container {
    box-shadow: none;
}

.eChat-bot-container.echat-outside-hoops {
    background-color: #babec2 !important;
}

.bell-style .echat-window-header {
    cursor: move;
    background-color: #00549a;
    height: 160px;
    display: flex !important;
    justify-self: flex-start;
    justify-content: space-between;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.45);
    z-index: 2;
    padding: 20px 15px;
}

.bell-style .echat-window-header-shadow .echat-window-header {
    box-shadow: none;
}

.bell-style .echat-window-header-small {
    height: 63px;
    min-height: 63px;
}

.bell-style .echat-window-body {
    color: black;
    background-color: #ffffff;
    width: 100%;
    justify-self: flex-start;
    overflow-x: hidden;
    padding: 30px 0;
    flex-grow: 1;
    margin-bottom: 60px;
}

.bell-style .eChat-agent-message .eChat-agent-text {
    background-color: #f4f4f4;
}



.bell-style .eChat-user-message .eChat-user-text {
    background-color: #333333;
}

.bell-style .eChat-user-message p {
    line-height: 16px;
}

.bell-style .echat-window-footer {
    background-color: #ffffff;
    box-shadow: 0 -4px 9px 0 rgba(0, 0, 0, 0.1);
    color: black;
    z-index: 900;
    width: 100%;
    height: 60px;
    display: flex !important;
    justify-self: flex-end !important;
    justify-content: center;
    position: absolute;
    bottom: 0;
}

.bell-style .echat-textbox {
    display: flex;
    flex-direction: row;
    border: 1px solid #757575;
    padding: 2px;
    border-radius: 23px;
    height: 45px;
    width: 100%;
    margin: 10px !important;
    padding-right: 45px;
    padding-left: 15px;
}

    .bell-style .echat-textbox::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #757575;
        opacity: 1; /* Firefox */
    }

    .bell-style .echat-textbox:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #757575;
    }

    .bell-style .echat-textbox::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #757575;
    }

    .bell-style .echat-textbox:focus {
        outline: 1px dotted #6cb6db !important;
    }

.bell-style .bell-mobile-chat-div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bell-style .bell-mobile-chat {
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 23px !important;
    margin-bottom: 0px !important;
    letter-spacing: 0.5px;
    font-family: "bellslim_font_heavy", Helvetica, Arial, sans-serif;
}

.bell-style .echat-send-button {
    position: absolute;
    right: 20px;
    top: 22px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.bell-style .echat-form {
    position: relative;
}

.bell-style .eChat-agent-text-card {
    min-height: 40px;
    background-color: #ffffff;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 15px;
    color: #555;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    border-style: none;
    text-align: left
}

.bell-style .echat-user-response-message-container {
    /* padding: 0;
    margin-left: 75px;
    margin-bottom: 30px; */
}

.bell-plus .eChat-agent-text-card {
    min-height: 45px;
    line-height: 26px;
}

.bell-style .eChat-agent-text-button-small {
    padding: 7px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 3px 0px;
    border: 1px solid #003778;
    border-radius: 15px;
    background-color: #ffffff;
    cursor: pointer;
    text-align: left;
    color: #333;
}

.bell-style .eChat-display-flex .switch {
    width: 100% !important;
}

.bell-style .switch {
    position: relative;
    display: inline-flex !important;
    height: 20px;
    cursor: pointer;
    color: #666666;
}

    .bell-style .switch input {
        opacity: 0;
        width: 40px;
        height: 0;
        margin: 0px;
    }

.bell-style .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #757575;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 40px;
}

    .bell-style .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 2px;
        bottom: 2px;
        background-color: #ffffff;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

.bell-style input:checked + .slider {
    background-color: #00549a;
}

.bell-style input:focus + .slider {
    box-shadow: 0 0 1px #00549a;
}

.bell-style input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
/*Line Divider*/
.bell-style .chat-blue-line {
    border-top: 1px solid #002d72;
}

/* Rounded sliders */
.bell-style .slider.round {
    border-radius: 34px;
}

    .bell-style .slider.round:before {
        border-radius: 50%;
    }

.bell-style .settings-arrow::before {
    border-width: 0px 10px 10px;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    content: "";
    border-bottom-color: #fff;
    top: -40px;
    left: 15px;
    visibility: visible;
}

.bell-style .settings-arrow-2::before {
    left: auto;
    right: 0px;
}

.bell-style .settings-close-arrow-2 {
    position: relative;
}

    .bell-style .settings-close-arrow-2::before {
        left: auto;
        right: -8px;
    }

.bell-style .proactive-arrow::before {
    border-width: 10px 10px 0;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    content: "";
    border-top-color: #fff;
    bottom: -25px;
    right: 0px;
}

.bell-style .proactive-arrow.proactive-arrow-2::before {
    bottom: -15px;
}

.bell-style .proactive-shop-arrow::before {
    border-width: 10px 10px 0;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    content: "";
    border-top-color: #fff;
    bottom: -8px;
    right: 40px;
}

.bell-style .settings-arrow {
    -webkit-filter: drop-shadow(0px -8px 5px rgba(0, 0, 0, 0.12));
    -moz-filter: drop-shadow(0px -8px 5px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0px -8px 5px rgba(0, 0, 0, 0.12));
    position: relative;
}

.bell-style .settings-arrow-right {
    -webkit-filter: drop-shadow(0px -8px 5px rgba(0, 0, 0, 0.12));
    -moz-filter: drop-shadow(0px -8px 5px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0px -8px 5px rgba(0, 0, 0, 0.12));
    position: relative;
}

.bell-style .proactive-arrow {
    -webkit-filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.12));
    -moz-filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.12));
    position: relative;
}

.bell-style .settings-div {
    position: relative;
    box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
    padding: 30px 15px;
}

.bell-style .proactive-shop-arrow {
    -webkit-filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.12));
    -moz-filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.12));
    position: relative;
}

.bell-plus-settings-div {
    width: 186px;
    text-align: left;
}

.bell-style .settings-div.eChat-pad-15 {
    padding: 15px;
}

.bell-style .settings-text {
    color: #222222;
    font-family: Arial;
    font-size: 14px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    line-height: 16px;
    padding-top: 15px;
    text-align: left;
}

.bell-style .your-in-queue-text {
    color: #111111;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;
    padding-top: 15px;
    text-align: left;
}

.bell-style .eChat-queue-clock-bg {
    background-color: #e99e00 !important;
    padding: 2px;
}

.bell-style .settings-text-plus {
    color: #222222;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 26px;
}

.bell-style .chat-status-text {
    color: #111111;
    font-family: Arial;
    font-size: 14px;
    letter-spacing: -0.09px;
    line-height: 16px;
    text-align: center;
}

.bell-style .chat-status-large-text {
    color: #111111;
    font-family: Arial;
    font-size: 28px;
    letter-spacing: -0.09px;
    line-height: 32px;
    text-align: center;
}

.bell-style .echat-connection-lost-text {
    width: 216px;
    margin: auto;
}
/* Lucky Button */
.bell-style .echat-blue-button {
    height: 35px;
    width: 155px;
    border-radius: 2px;
    color: #002d72;
    background-color: #e10a0a;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    border: none;
    cursor: pointer;
}

.bell-style .echat-blue-button-text {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.02px;
    line-height: 20px;
}


.bell-style .echat-blue-button-largefont {
    height: 45px;
    padding: 0 15px;
    border-radius: 2px;
    color: #002d72;
    background-color: #e10a0a;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    border: none;
    cursor: pointer;
}

.bell-style .echat-blue-button-text-largefont {
    color: #002d72;
    text-decoration: none;
    font-size: 26px;
    letter-spacing: 0.02px;
    line-height: 20px;
}

.bell-style .echat-small-red-button {
    height: 35px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 20px;
    background-color: #003778;
    cursor: pointer;
    border: none;
}

.bell-style .eChat-custom-link {
    color: #1d7696;
    font-family: Arial;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

.bell-style .eChat-agent-message .eChat-agent-text a {
    color: #1d7696;
}

.bell-style .echat-small-blue-button {
    border-radius: 20px;
    background-color: #003778;
    cursor: pointer;
    border: none;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    border: none;
    cursor: pointer;
    padding: 9px 27px;
    display: inline-block;
}

.bell-style .echat-small-darkblue-button {
    min-width: 70px;
    padding: 15px;
    height: 35px;
    background-color: #002d72;
    border: 2px solid #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.bell-style .echat-small-white-button {
    min-width: 70px;
    padding: 15px;
    height: 35px;
    background-color: white;
    border: 2px solid#E10A0A;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.bell-style .echat-small-darkblue-button-text {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.09px;
    line-height: 18px;
}

.bell-style .echat-small-white-button-text {
    color: #002d72;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.09px;
    line-height: 18px;
}

.bell-style .echat-small-darkblue-button-largefont {
    padding: 0 15px;
    height: 45px;
    background-color: #002d72;
    border: 2px solid #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.bell-style .echat-small-darkblue-button-text-largefont {
    color: #fff;
    text-decoration: none;
    font-size: 26px;
    letter-spacing: 0.09px;
}

.bell-style .echat-bell-plus-buttons {
    min-height: 45px;
    font-size: 26px;
    line-height: 26px;
}

    .bell-style .echat-bell-plus-buttons .echat-new-tab-logo {
        height: 14.55px;
        width: 14.55px;
    }

.bell-style .echat-white-button {
    min-height: 30px;
    min-width: 144px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    border: none;
    cursor: pointer;
}

.bell-style .echat-white-button {
    height: 35px;
    border: 2px solid #003778;
    border-radius: 20px;
    padding-left: 25px;
    padding-right: 25px;
    cursor: pointer;
}

.bell-style .echat-white-button-text {
    color: #003778;
    font-family: Helvetica;
    font-size: 15px;
    letter-spacing: -0.09px;
    line-height: 18px;
    text-align: center;
}

.bell-style .echat-white-button-text {
    font-size: 26px;
    line-height: 26px;
}
/*eChat form*/
.bell-style .echat-input-form {
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    border: 2px solid #d4d4d4;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 10px !important;
}

.bell-style .eChat-email-input-text {
    color: #333;
    padding: 10px 15px;
    font-family: arial;
    font-size: 14px;
    line-height: 18px;
}

.bell-style .echat-show-button-div {
    position: absolute;
    right: 10px;
    top: 0px;
    height: 49.04px;
    display: flex;
}

.bell-style .echat-custom-div-2 {
    height: 48px;
    width: 252px;
    background-color: #e10a0a;
    display: flex;
}

    .bell-style .echat-custom-div-2 p {
        margin: auto;
        color: #ffffff;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 18px;
        text-align: center;
    }

.bell-style .echat-custom-div-3 {
    border: 2px solid black;
    border-radius: 2px;
    height: 48px;
    width: 220px;
    display: flex;
}

    .bell-style .echat-custom-div-3 p {
        width: 200px;
        color: #333333;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 16px;
        text-align: center;
        margin: auto;
    }

.bell-style .echat-show-button {
    margin: auto;
    height: 30px;
    width: 55px;
    border-radius: 5px;
    background-color: #d8d8d8;
    border: none;
    color: #555555;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: -0.07px;
    line-height: 14px;
}

.bell-style .echat-input-form-2 {
    box-sizing: border-box;
    height: 49.04px;
    width: 252px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    background-color: #ffffff;
}

.bell-style .eChat-Docked-Chat {
    top: auto;
}

.bell-style .settings-section {
    position: absolute;
    z-index: 1000;
    background: #ffffff;
    top: 57px;
    width: 356px;
    border: 1px solid #e1e1e1;
    left: 50%;
    transform: translate(-50%, 0%);
}

.bell-style .settings-section-right-arrow {
    position: fixed;
    bottom: 85px;
    right: 110px;
    box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
    z-index: 900;
    width: 285px;
    background-color: white;
}

.bell-style .settings-arrow-right::before {
    border-width: 0px 10px 10px;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    content: "";
    border-bottom-color: #fff;
    bottom: 0px;
    right: -30px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.bell-style .settings-section-no-arrow-middle {
    box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
    z-index: 900;
    width: 285px;
    background-color: white;
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bell-style .settings-close-section {
    z-index: 1000;
    background: white;
    width: 186px;
    position: absolute;
    top: 55px;
    right: 6px;
    left: auto;
    bottom: auto;
    border: 1px solid #e1e1e1;
    box-shadow: 0 14px 36px 0 rgb(0 0 0 / 30%);
}

.bell-style .settings-section-fullwidth {
    position: absolute;
    z-index: 1000;
    background: #ffffff;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.bell-style .chat-alert-container {
    position: fixed;
    bottom: 10px;
    right: 0;
    height: 114px;
    width: 275px;
    border: 1px solid #d7d7d7;
    border-radius: 10px 0 0 10px;
    background-color: #ffffff;
    box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
}

.bell-style .icons-container {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

    .bell-style .icons-container ~ p {
        line-height: 30px;
    }

.bell-style .icon-item {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

/*Gray overlay*/
.bell-style .echat-gray-overlay-parent {
    background-color: none;
}

.bell-style .echat-gray-overlay-child {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.bell-style .custom-width {
    width: 259px;
    display: inline-block;
}

.bell-style .custom-width-2 {
    width: 235px;
    display: inline-block;
}

.bell-style .custom-width-4 {
    width: 98%;
    display: inline-block;
}

.bell-style .echat-relative1 {
    position: relative;
    top: -1px;
}

.bell-style .echat-relative2 {
    position: relative;
    top: -2px;
}

/* Input checkbox container start*/
.bell-style .eChat-checkbox-container {
    /* display: block; */
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    /* font-size: 22px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .bell-style .eChat-checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.bell-style .eChat-checkbox-checkmark {
    position: absolute;
    top: -4px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #002d72;
    border-radius: 2px;
    border: 1px solid #d4d4d4;
}

.bell-style
.eChat-checkbox-container
input:checked ~ .eChat-checkbox-checkmark {
    background-color: #002d72;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
}

.bell-style .eChat-checkbox-checkmark:after {
    content: "";
    position: absolute;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    border-radius: 3px;
}

.bell-style
.eChat-checkbox-container
input:checked ~ .eChat-checkbox-checkmark:after {
    border: solid white;
    border-width: 0 3px 3px 0;
    border-radius: 3px;
}

.bell-style
.eChat-checkbox-container
input:checked ~ .eChat-checkbox-checkmark {
    background: white;
}

.bell-style .eChat-checkbox-container .eChat-checkbox-checkmark:after {
    left: 6px;
    top: 2px;
    width: 8px;
    height: 13px;
    -webkit-transform: rotate(41deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*.eChat-main-text > p {
    color: #ffffff;
    font-family: "Ultramagnetic Virgin-Regular";
    font-size: 14px;
    letter-spacing: -0.09px;
    line-height: 15px;
    text-align: center;
}*/

.echat-outside-hoops .eChat-main-text > p {
    color: rgba(0, 45, 114, 0.4);
}

.bell-style .eChat-expanding-button-container .eChat-main-text > p {
    display: none;
}

.bell-style .eChat-connection-lost-section {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.bell-style .eChat-connection-lost-div {
    height: 46px;
    background-color: #003778;
    display: flex;
    align-items: center;
}

    .bell-style .eChat-connection-lost-div > * {
        color: white;
        margin: auto;
    }

        .bell-style .eChat-connection-lost-div > *.eChat-noMargin {
            margin: 0px;
        }

        .bell-style .eChat-connection-lost-div > *.eChat-margin-10-right {
            margin-right: 10px;
        }

.bell-style .eChat-message-not-sent-text {
    color: #002d72;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    align-items: center;
    margin-top: 10px;
    /*   bottom: 20px;
    padding-left: 20px;*/
}

    .bell-style .eChat-message-not-sent-text > * {
        margin-top: auto;
        margin-bottom: auto;
    }

.eChat-margin-50-top {
    margin-top: 50px !important;
}

.eChat-width-100-percent {
    width: 100%;
}

.eChat-need-help-text {
    color: #002d72;
    font-family: "gt-walsheim-bold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.09px;
    line-height: 18px;
}
/* Input checkbox container end */

.bell-style .eChat-margin-1-left {
    margin-left: 1px;
}

.bell-style .settings-div .eChat-setting-link > img {
    height: 100%;
    max-width: 24px;
    margin-left: 0px !important;
    margin-right: 10px !important;
}

.bell-style .eChat-border-red {
    border: 2px solid #e10a0a;
}

.bell-style .echat-custom-div-1 {
    display: flex;
    column-gap: 10px;
}

    .bell-style .echat-custom-div-1 > div {
        flex-grow: 1;
    }

.bell-style .echat-new-tab-logo {
    height: 12px;
    width: 12px;
    margin-left: 5px;
}

/*.bell-style .eChat-logo {
    max-width: 31px;
    max-height: 36px;
    margin-bottom: 3px;
    margin-top: 3px;
}*/

.bell-style .eChat-logo-2 {
    margin-top: 5px;
    margin-bottom: 3px;
}

.bell-style .echat-mobile-chat-div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bell-style .echat-mobile-chat {
    color: #ffffff !important;
    font-family: bellslim_font_heavy,Helvetica,Arial,sans-serif !important;
    font-size: 18px !important;
    letter-spacing: -0.11px !important;
    line-height: 19px;
    text-align: center;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.bell-style .echat-window-header-small .echat-mobile-chat-div {
    margin-top: 10px;
}

.bell-style .chat-bubble-logo-div {
    width: 45px;
    padding-right: 20px;
    display: inline-table;
}

.bell-style .eChat-setting-link-2 {
    color: #2390b9;
    font-family: Arial;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

    .bell-style .eChat-setting-link-2 p {
        font-weight: normal;
    }

.bell-style .eChat-setting-button-div {
    display: flex;
    min-width: 36px;
    margin-right: 10px;
}

    .bell-style .eChat-setting-button-div > * {
        margin: auto;
    }

.bell-style .eChat-bottom-right-notification {
    bottom: 190px;
    right: 25px;
}

.bell-style .bell_proactive_chat_shop {
    position: fixed;
    bottom: 190px;
    right: 10px;
    box-shadow: 0 14px 36px 0 rgb(0 0 0 / 30%);
    z-index: 900;
    width: 345px;
    background-color: #ffffff;
}

    .bell-style .bell_proactive_chat_shop .eChat-agent-message {
        padding-left: 15px;
        margin-bottom: 0px;
    }

.bell-style .echat-post-chat-survey-button-1 img {
    width: 33px;
    height: 33px;
}

.bell-style .echat-post-chat-survey-button-1 {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0px;
}

.bell-style .echat-post-survey-button-div {
    display: flex;
    column-gap: 18px;
}

.bell-style .echat-yes-button-1 {
    height: 30px;
    width: 60px;
    border-radius: 2px;
    background-color: #094894;
    border: none;
    cursor: pointer;
}

.bell-style .echat-no-button-1 {
    height: 30px;
    width: 60px;
    border-radius: 2px;
    background-color: #d4d4d4;
    border: none;
    cursor: pointer;
}

.bell-style .echat-yes-button-1 span {
    height: 17px;
    width: 23px;
    color: #ffffff;
    font-family: Helvetica;
    font-size: 14px;
    letter-spacing: -0.09px;
    line-height: 17px;
    text-align: center;
}

.bell-style .echat-no-button-1 span {
    height: 17px;
    width: 22px;
    color: #999999;
    font-family: Helvetica;
    font-size: 14px;
    letter-spacing: -0.09px;
    line-height: 17px;
    text-align: center;
}

.bell-style .echat-select-1 {
    height: 44px;
    width: 100%;
    border: 2px solid #d4d4d4;
    border-radius: 4px;
    padding-left: 15px;
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    color: #999999;
    padding-right: 38px;
}

.bell-style select.echat-select-1::-ms-expand {
    display: none;
}

.bell-style .echat-select-1-dropdown-image {
    width: 9px;
    height: 6px;
    position: absolute;
    top: 20px;
    right: 15px;
}

.bell-style .echat-textarea-1 {
    height: 91px;
    width: 100%;
    border: 2px solid #d4d4d4;
    border-radius: 3px;
    background-color: #ffffff;
}

.bell-style .eChat-bot-anchor-notification {
    background: #2390b9;
}

    .bell-style .eChat-bot-anchor-notification.timer {
        z-index: 999 !important;
    }

.bell-style .eChat-close-position-centered {
    position: absolute;
    top: 20px;
    right: 17px;
}

.bell-style .eChat-bgWhite-important {
    background-color: #fff !important;
}

.bell-style .chat-alert-container {
    position: fixed;
    bottom: 10px;
    right: 0;
    height: 114px;
    width: 275px;
    border: 1px solid #d7d7d7;
    border-radius: 10px 0 0 10px;
    background-color: #ffffff;
    box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
}

    .bell-style .echat-window-body .eChat-bot-container,
    .bell-style .chat-alert-container .eChat-bot-container {
        box-shadow: none;
    }

.bell-style .proactive-shop-arrow {
    -webkit-filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.12));
    -moz-filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.12));
    position: relative;
}

    .bell-style .proactive-shop-arrow::before {
        border-width: 10px 10px 0;
        position: absolute;
        border-color: transparent;
        border-style: solid;
        content: "";
        border-top-color: #fff;
        bottom: -10px;
        right: 35px;
    }

.bell-style .echat-textbox:disabled {
    background-color: #f1f2f3;
}

.bell-style .echat-textbox:focus {
    outline: 0 !important;
}

.bell-style .echat-textbox.eChat-borderRadius25:focus {
    outline: -webkit-focus-ring-color auto 1px !important;
}

.bell-style .echat-mobile-chat-div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bell-style .echat-proactive-close-button-2 {
    top: 15px;
    right: 15px;
}

.bell-style .echat-send-button img {
    max-height: 20px;
    max-width: 20px;
}

.bell-style .echat-form {
    position: relative;
}

.bell-style .chat-gray-line {
    border-top: 1px solid #d7d7d7;
}

.bell-style .echat-input-form.eChat-border-red {
    border: 2px solid #d32020;
}

.bell-style .settings-link {
    color: #00549a;
}

.bell-style .custom-width-3 {
    width: 234px;
    margin-left: auto;
    margin-right: auto;
}

.bell-style .chat-bubble-logo-div {
    width: 35px;
    padding-right: 10px;
}

.bell-style .need-help-text {
    color: #002d72;
    font-size: 14px;
    letter-spacing: -0.09px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.bell-style .settings-header-div {
    position: absolute;
    width: 100%;
    height: 78px;
    background: #f2f2f2;
    z-index: 1;
}

.bell_proactive_chat_shop {
    position: fixed;
    bottom: 130px;
    right: 20px;
    box-shadow: 0 14px 36px 0 rgb(0 0 0 / 30%);
    z-index: 900;
    width: 345px;
    background-color: #ffffff;
}

.bell_bg {
    background: url(../../content/img/bell-dummy.jpg) no-repeat top center;
    height: 3068px;
}

.bell-style .eChat-main-text > p {
    color: white;
    font-family: "bellslim_font_heavy", Helvetica, Arial, sans-serif;
    letter-spacing: -0.09px;
    font-size: 14px;
}

.eChat-logo {
    margin-top: 3px;
}

.bell-style .eChat-pad-15 {
    padding: 15px;
}

.bell-style .eChat-noMargin {
    margin: 0px;
}

.bell-style .eChat-pad-40-bottom {
    padding-bottom: 40px;
}

.bell-style .eChat-bgTransparent {
    background-color: transparent;
}

.bell-style .eChat-margin-15-left {
    margin-left: 15px !important;
}

.bell-style .eChat-margin-5-left {
    margin-left: 5px;
}

.bell-style .z-index-0 {
    z-index: 0;
}

.bell-style .eChat-agent-message .eChat-agent-text {
    background-color: #f4f4f4;
}

.bell-style .eChat-user-message .eChat-user-text {
    background-color: #00549a;
}
/* For Tablet */

@media screen and (max-width: 991.98px) {
}

/*For Mobile*/
@media screen and (max-width: 767.98px) {
    .bell-style .chat-alert-container {
        position: fixed;
        bottom: auto;
        right: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 114px;
        width: 275px;
        border: 1px solid #d7d7d7;
        border-radius: 10px;
        background-color: #ffffff;
        box-shadow: 0 14px 36px 0 rgb(0 0 0 / 30%);
    }

        .bell-style .echat-window-body .eChat-bot-container,
        .bell-style .chat-alert-container .eChat-bot-container {
            min-width: 56px;
        }

    .bell-style .eChat-main-text > p {
        display: block;
        font-size: 10px;
        letter-spacing: -0.06px;
        line-height: 11px;
    }

    .bell-style .echat-input-form-2 {
        max-width: 252px;
    }

    .bell-style .eChat-hidden-sm {
        display: none;
    }

    .bell-style .settings-header-div {
        position: absolute;
        width: 100%;
        height: 56px;
        background: #f2f2f2;
        z-index: 1;
        border-radius: 10px 10px 0 0;
    }

    .bell-style .settings-div {
        z-index: 2;
        border-radius: 10px 10px 0 0;
        padding: 20px 15px 30px;
    }

    .bell-style .settings-section {
        left: 0px;
        transform: none;
        position: absolute;
        z-index: 1000;
        background: #ffffff;
        bottom: 0px;
        left: 0px;
        width: 100%;
        top: auto;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        box-shadow: 0 14px 36px 10px rgb(0 0 0 / 50%);
    }

    .eChat-logo {
        margin-top: 5px;
    }

    .bell-style.eChat-bot-container .eChat-logo,
    .bell-style .eChat-bot-container .eChat-logo {
        max-width: 31px;
    }

    .bell-style .settings-close-section-2 {
        border-radius: 10px;
        overflow: hidden;
    }

    .bell-style .settings-text {
        color: #111111;
        font-family: "bellslim_font_black_2", Arial, sans-serif;
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 18px;
    }

    .bell-style .echat-gray-overlay-parent {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000000;
        z-index: 3;
        cursor: pointer;
        opacity: 40%;
    }

    .bell-style .settings-section-right-arrow {
        position: fixed;
        bottom: 0px;
        right: 110px;
    }

    .bell-style.eChat-bot-container-window {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
    }

    .bell-style.eChat-bot-container .eChat-logo,
    .bell-style .eChat-bot-container .eChat-logo,
    .bell-style.eChat-bot-container .eChat-logo-2,
    .bell-style .eChat-bot-container .eChat-logo-2 {
        max-width: 24.79px;
        max-height: 21.07px;
        margin-bottom: 0;
    }

    .bell-style .eChat-expanding-button-container {
        width: auto;
        border-radius: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

        .bell-style .eChat-expanding-button-container .eChat-main-text {
            display: flex;
            justify-content: center;
        }

            .bell-style .eChat-expanding-button-container .eChat-main-text > * {
                margin-top: auto;
                margin-bottom: auto;
            }

            .bell-style .eChat-expanding-button-container .eChat-main-text > p {
                display: block;
                font-size: 16px;
                font-family: Helvetica, Arial, sans-serif;
                display: flex;
                align-items: center;
            }

    .eChat-bot-container-window-custom-height {
        height: 100%;
    }

    .bell-style .settings-section-right-arrow-xs {
        box-shadow: 0 14px 36px 0 rgb(0, 0, 0, 0.3);
        z-index: 900;
        max-width: 285px;
        width: 100%;
        background-color: white;
        margin: 0;
        position: fixed;
        top: 50%;
        left: 50%;
        right: 50%;
        bottom: auto;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .bell-style .settings-arrow-right-xs::before {
        display: none;
    }

    .bell-style .echat-gray-overlay-parent {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000000;
        z-index: 3;
        cursor: pointer;
        opacity: 0.4;
    }

    .bell-style .proactive-shop-arrow::before {
        display: none;
    }

    .bell-style .chat-alert-container {
        position: fixed;
        bottom: auto;
        right: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 114px;
        width: 275px;
        border: 1px solid #d7d7d7;
        border-radius: 10px;
        background-color: #ffffff;
        box-shadow: 0 14px 36px 0 rgb(0 0 0 / 30%);
    }

    .pro-active-subtle {
        display: none;
    }

    .pro-active-aggressive {
        display: none;
    }

    .bell-style .proactive-arrow::before {
        right: -3px !important;
        bottom: -15px !important;
    }

    .bell-style .outOfOperationl-arrow::before {
        right: 14px !important;
        bottom: -9px !important
    }

    .bell-style .eChat-bottom-right-notification {
        bottom: 165px !important;
        right: 15px !important;
    }

    /*.bell-style .echat-window-footer:focus-within {
        padding-bottom: 80px !important;
    }*/
}
/*
    * Classes for over-writing CSS based on implementation team(CGI) input
    * Over-Write CSS START
*/
button.select {
    border: 0px !important;
    padding-left: 30px;
    background-color: #fff;
}

.bell-style button.select + .slider {
    background-color: #00549a !important;
}

button.select:focus {
    outline-offset: 0px;
    padding-right: 10px;
}

.bell-style button.select + .slider:before {
    left: 22px !important;
}

button.unSelect {
    border: 0px !important;
    padding-left: 30px;
    padding-right: 10px;
    background-color: #fff;
}

.bell-style button.unSelect + .slider {
    background-color: #757575 !important;
}

button.unSelect:focus {
    outline-offset: 0px;
    padding-right: 10px;
}

.bell-style button.unSelect + .slider:before {
    left: 2px !important;
}

/*.settings-div .eChat-setting-link > img {
    height: 100%;
    max-width: 24px;
}*/

.eChat-margin-l-15,
.eChat-margin-15-left {
    margin-left: 15px !important;
}

.eChat-margin-v-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.eChat-setting-link > * {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.eChat-margin-v-auto-child > * {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.settings-div {
    width: 100% !important;
}

.eChat-margin-0,
.eChat-no-margin,
.eChat-noMargin {
    margin: 0 !important;
}

.eChat-bot-container-window {
    z-index: 19999 !important;
}

.eChat-connection-lost-div > * {
    margin: auto !important;
}

.echat-connection-lost-text {
    margin: auto !important;
}

.echat-window-header {
    height: auto !important;
}

.bell-mobile-chat {
    margin: 0px !important;
}

.customFont .message-text p {
    color: #666666 !important;
    text-align: inherit !important;
    line-height: 32px !important;
    font-size: 28px !important;
    word-break: break-word !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.customFont .eChat-agent-text-button-small {
    font-size: 26px !important;
    font-weight: 500 !important;
    padding: 10px !important;
    line-height: 26px !important;
    margin-top: 10px !important;
}

.customFont .chat-status-text {
    font-size: 26px !important;
    line-height: 32px !important;
}

.customFont .settings-text {
    font-size: 24px !important;
    letter-spacing: 0 !important;
    line-height: 26px !important;
}

.customFont .switch p {
    font-size: 18px !important;
    line-height: 20px !important;
}

.customFont .eChat-connection-lost-div {
    font-size: 18px !important;
}

    .customFont .eChat-connection-lost-div p {
        font-size: 18px !important;
    }

.customFont .echat-connection-lost-text {
    width: auto !important;
}

.customFont .eChat-setting-link p {
    font-size: 18px !important;
    line-height: 20px !important;
}

.customFont form label {
    font-size: 18px !important;
    line-height: 20px !important;
}

.customFont .bell-style .echat-small-blue-button {
    font-size: 26px !important;
    line-height: 20px !important;
}

.customFont .client .message-text {
    line-height: 32px !important;
    font-size: 28px !important;
}

.client .eChat-agent-text {
    background-color: #00549a !important;
    color: #ffffff !important;
    text-align: left !important;
    border-radius: 10px 10px 0px 10px !important;
}

.client .eChat-agent-message {
    margin-left: 20px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding-right: 0px !important;
}

.echat-margin-40-left {
    margin-left: 40px;
}

.client:first-child .eChat-agent-message:first-child {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
}

.box-grey {
    background-color: #f4f4f4;
    border-radius: 10px 10px 10px 0px;
}

.replies {
    padding-left: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.bell-style .eChat-setting-link {
    color: #2390b9;
    font-family: Arial;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

    .bell-style .eChat-setting-link:hover {
        text-decoration: none;
    }

.customFont .response .eChat-txtBlueExtraDark4 {
    line-height: 24px !important;
    font-size: 26px !important;
}

.response .eChat-agent-text .message-text p {
    margin: 0px !important;
}

.echat-pad-0-right {
    padding-right: 0px !important;
}

.customFont .eChat-agent-text p {
    line-height: 32px !important;
    font-size: 28px !important;
}

.eChat-agent-text p.error-text {
    color: #E10A0A !important;
}

.customFont .eChat-col1 .chat-status-text {
    margin-right: 40px !important;
}

.customFont .bell-style .eChat-agent-message .eChat-agent-text {
    margin-right: 40px !important;
}

.customFont .response .message-text {
    line-height: 32px !important;
    font-size: 28px !important;
    color: #666666;
}

.echat-pad-15-bottom {
    padding-bottom: 15px;
}

.echat-pad-15 {
    padding: 15px;
}

.response .eChat-agent-text .message-text ol {
    padding-left: 15px !important;
}

.customFont .response .eChat-agent-text .message-text ol {
    padding-left: 30px !important;
}

.response .eChat-agent-text .message-text ol li {
    padding-top: 5px !important;
}

.customFont .response .eChat-agent-text .message-text ol li {
    padding-top: 10px !important;
}

.echat-pad-15-top {
    padding-top: 15px;
}

.echat-margin-15-bottom {
    margin-bottom: 15px;
}

.eChat-txtUnderline {
    text-decoration: underline !important;
}

.message-text a {
    text-decoration: underline;
}

.eChat-margin-0 {
    margin: 0px !important;
}

.eChat-agent-text-card {
    margin-top: 5px !important;
}

button.eChat-agent-text-card{
    cursor: pointer;
}

/*:-ms-input-placeholder {*/
/* Internet Explorer 10-11 */
/*color: #7d7d7d;
}*/

.markdown p a {
    line-height: 25px;
    text-decoration: none !important;
}

.eChat-setting-link {
    text-decoration: none !important;
}

.bell-style .settings-close-section .settings-div .eChat-setting-link-button > img {
    max-width: 14px !important;
    margin-top: 5px !important;
}

    .bell-style .settings-close-section .settings-div .eChat-setting-link-button > img.close {
        min-width: 12px !important;
        height: 100%;
        width: 13px;
        background: none !important;
        opacity: unset;
        position: unset;
    }

    .bell-style .settings-close-section .settings-div .eChat-setting-link-button > img.minimize {
        min-width: 12px !important;
        height: 100%;
        width: 13px;
        background: none !important;
    }

.customFont .icon-large {
    width: 35px;
    height: 25px;
}

.client .eChat-agent-text .message-text {
    color: #fff !important;
}

.bell-style .switch button {
    height: 20px !important;
    padding-right: 10px !important;
}

.slider.round :focus {
    outline: none !important;
}

.bell-style .eChat-setting-link-button {
    color: #00549a !important;
    font-family: Arial;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    background-color: white;
    border: none;
    padding-left: 0px;
    /*min-width: 100%;*/
}

.bell-style .settings-div .eChat-setting-link-button > img {
    /*height: 100%;*/
    /*max-width: 28px;*/
    margin-left: 0 !important;
    margin-right: 10px !important
}

.bell-style .settings-div button.eChat-setting-link-button:active, .bell-style .settings-div button.eChat-setting-link-button:focus {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: 0 0 0px 3px #efefef, 0 0 2px 3px #efefef, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important;
}

.eChat-agent-message .eChat-agent-text a:focus, .eChat-agent-message .eChat-agent-text a:hover, .eChat-agent-message .eChat-agent-text a:active {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: 0 0 0px 3px #efefef, 0 0 2px 3px #efefef, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important;
}


.eChat-agent-text .message-text .markdown a:active,
.eChat-agent-text .message-text .markdown a:focus {
    outline: none !important;
    box-shadow: 0 0 0px 3px #f4f4f4, 0 0 2px 3px #f4f4f4, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important;
}

.eChat-txtUnderline.eChat-secondaryCta:focus, eChat-txtUnderline.eChat-secondaryCta:hover, .eChat-txtUnderline.eChat-secondaryCta:active {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: 0 0 0px 3px #f4f4f4, 0 0 2px 3px #f4f4f4, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important;
}

a.echat-link:focus a.echat-link:hover a.echat-link:active {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: 0 0 0px 3px #f4f4f4, 0 0 2px 3px #f4f4f4, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important;
}

/* */
.eChat-margin-15-right, .eChat-margin-r-15 {
    margin-right: 15px !important;
}

.eChat-margin-15-bottom, .eChat-margin-b-15 {
    margin-bottom: 15px !important;
}

.start-overlay-text {
    margin-top: 7px !important;
    margin-left: 5px !important;
}

.chat-transcript-text {
    margin-top: 0px !important;
}

.customFont .echat-lost-connection {
    font-size: 24px !important;
    line-height: 26px !important;
}

.chatTrans-img-size {
    /*  width: 25px;
    height: 35px;*/
}
/*only for bell change*/
.bell-style .settings-div .eChat-setting-link-button > img.startOver-img-size {
    /* width: 35px;
    height: 35px;*/
    margin-left: 0px !important;
    margin-top: 5px !important;
}

[hidden] {
    display: none;
}

.bell-style .echat-window-header img[alt] {
    color: #fff;
}

.bell-style .eChat-bot-anchor img[alt] {
    color: #fff;
}

.bell-style.eChat-bot-container:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px #fff, 0 0 2px 2px #fff, 0 0 2px 2px #00549a, 0 0 2px 4px #00549a !important;
}

.bell-style .echat-mobile-chat-div .echat-mobile-chat {
    margin-top: 0px !important;
}

.bell-style .outOfOperationl-arrow::before {
    border-width: 10px 10px 0;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    content: "";
    border-top-color: #fff;
    bottom: -10px;
    right: 20px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .bell-style input {
        font-size: 16px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .bell-style input:focus {
        font-size: 16px;
    }
}

.bell-style .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.frHoopTxtWidth {
    width: 90% !important;
}

.bell-style .wfe-injected-message-type-one {
    font-family: Arial;
    font-size: 14px;
    letter-spacing: -0.09px;
    line-height: 16px;
    color: #555;
    width: 77% !important;
    margin-left: 15% !important;
}

.customFont .wfe-injected-message-type-one {
    font-size: 26px !important;
    line-height: 32px !important;
}


.bell-style .eChat-agent-message .eChat-agent-text a[href]:focus,
.bell-style .eChat-agent-message .eChat-agent-text a[href]:active,
.bell-style .eChat-agent-message .eChat-agent-text button:focus,
.bell-style .eChat-agent-message .eChat-agent-text button:active,
.bell-style .eChat-agent-message .eChat-agent-text input:focus,
.bell-style .eChat-agent-message .eChat-agent-text input:active,
.bell-style .eChat-agent-message .eChat-agent-text [tabindex="0"]:focus,
.bell-style .eChat-agent-message .eChat-agent-text [tabindex="0"]:active,
.bell-style .echat-window-body a[href]:focus,
.bell-style .echat-window-body a[href]:active,
.bell-style .echat-window-body button:focus,
.bell-style .echat-window-body button:active,
.bell-style .echat-window-body input:focus,
.bell-style .echat-window-body input:active,
.bell-style .echat-window-body [tabindex="0"]:focus,
.bell-style .echat-window-body [tabindex="0"]:active,
.bell-style .settings-close-section .settings-div a[href]:focus,
.bell-style .settings-close-section .settings-div a[href]:active,
.bell-style.eChat-bot-container-window .settings-div a[href]:focus,
.bell-style.eChat-bot-container-window .settings-div a[href]:active,
.bell-style.eChat-bot-container-window .settings-div button:focus,
.bell-style.eChat-bot-container-window .settings-div button:active,
.bell-style.eChat-bot-container-window .settings-div input:focus,
.bell-style.eChat-bot-container-window .settings-div input:active,
.bell-style.eChat-bot-container-window .settings-div [tabindex="0"]:focus,
.bell-style.eChat-bot-container-window .settings-div [tabindex="0"]:active,
.bell-style .echat-window-footer a[href]:focus,
.bell-style .echat-window-footer a[href]:active,
.bell-style .echat-window-footer button:focus,
.bell-style .echat-window-footer button:active,
.bell-style .echat-window-footer input:focus,
.bell-style .echat-window-footer input:active,
.bell-style .echat-window-footer [tabindex="0"]:focus,
.bell-style .echat-window-footer [tabindex="0"]:active,
.bell-style .echat-window-header a[href]:focus,
.bell-style .echat-window-header a[href]:active,
.bell-style .echat-window-header button:focus,
.bell-style .echat-window-header button:active,
.bell-style .echat-window-header input:focus,
.bell-style .echat-window-header input:active,
.bell-style .echat-window-header [tabindex="0"]:focus,
.bell-style .echat-window-header [tabindex="0"]:active,
.bell-style .echat-textbox.eChat-borderRadius25:focus,
.bell-style .echat-window-footer button.echat-send-button:focus img {
    box-shadow: none !important;
    outline: 2px solid #0075ff !important;
    outline-offset: 4px;
}

.bell-style .echat-window-header a[href]:focus,
.bell-style .echat-window-header a[href]:active,
.bell-style .echat-window-header button:focus,
.bell-style .echat-window-header button:active,
.bell-style .echat-window-header input:focus,
.bell-style .echat-window-header input:active,
.bell-style .echat-window-header [tabindex="0"]:focus,
.bell-style .echat-window-header [tabindex="0"]:active {
    outline: 2px solid #ffffff !important;
}

.bell-style .echat-window-body button.eChat-agent-text-card:focus,
.bell-style.eChat-bot-container-window .settings-section[tabindex="0"]:focus {
    outline-offset: 0px !important;
}

.bell-style.eChat-bot-container-window[tabindex="0"]:focus,
.bell-style .echat-window-footer button.echat-send-button:focus,
.bell-style.eChat-bot-container-window .settings-section[tabindex="0"]:focus,
.bell-style.eChat-bot-container-window .settings-close-section:focus {
    outline: none !important;
}

    .bell-style.eChat-bot-container-window[tabindex="0"]:focus::before,
    .bell-style.eChat-bot-container-window .settings-section[tabindex="0"]:focus::before,
    .bell-style.eChat-bot-container-window .settings-close-section:focus::before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        outline: 2px solid #0075ff !important;
    }

.bell-style.eChat-bot-container-window .settings-div .switch button:focus {
    border-radius: 34px;
}

.bell-style.eChat-bot-container-window[tabindex="0"]:focus .settings-arrow::before,
.bell-style.eChat-bot-container-window[tabindex="0"]:focus .settings-arrow::after {
    box-shadow: none !important;
    outline: none !important;
}

.bell-style .eChat-bot-container {
    box-shadow: none !important;
}

.settings-div.settings-flex {
    display: flex !important;
}

.settings-div .settings-div-left {
    width: 90%;
}

.settings-div .settings-div-right {
    width: 10%;
    background-color: white;
    z-index: 999;
    text-align: right
}

.dragTooltip {
  transform: translateX(-50%);
  visibility: hidden;
  background-color: #fff;
  color: #555;
  font-size: 14px;
  text-align: center;
  padding: 5px;
  position: absolute;
      display: block;
    margin-top: 10px;
    margin-left: 10px;
}
.dragTooltip:after {
  content: ' ';
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  margin-left: -15px;
}

button:hover>.dragTooltip,
button:focus>.dragTooltip,
button:active>.dragTooltip {
    visibility: visible;
    opacity: 1
}

button:focus>.dragTooltip:hover
{
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-indent: -9999px;
}

/*
    * Over-Write CSS ENDS
*/

.echat-minimize-icon {
    width: 50%
}

@media only screen and (min-device-width: 768px) {
    .bell-style.eChat-bot-container:focus,
    .bell-style.eChat-bot-container:active,
    #eChat_BELL_INIT_GA:focus {
        box-shadow: none !important;
        outline: 2px solid #0075ff !important;
        outline-offset: 4px;
    }
}