@import"https://fonts.googleapis.com/css?family=Raleway:500,800&display=swap";
:root {
    --color-1: #ffffff;
    --color-2: #59595b;
    --color-3: #1e1a17;
    --color-4: #000000;
    --color-5: #FDC205;
    --color-6: #59595b
}

.inbenta-bot,
.inbenta {
    font-family: Raleway, sans-serif !important;
    z-index: 10000
}

.inbenta-bot .inbenta-bot__chat__body {
    background-color: #fff
}

.inbenta .inbenta-bot__bubble__header {
    background-color: var(--color-5);
    color: #fff;
    font-family: Raleway, sans-serif
}

.inbenta .inbenta-bot__bubble .header__title {
    font-family: Raleway, sans-serif
}

.inbenta .inbenta-bot__bubble__body {
    background-color: #fff
}

.inbenta .inbenta-bot__bubble__body a {
    color: var(--color-5);
    text-decoration: var(--color-5)
}

.inbenta .inbenta-bot__bubble__body a:hover {
    color: var(--color-5)
}

.inbenta .inbenta-bot__bubble__body ul {
    list-style-type: none
}

.inbenta .inbenta-bot__bubble__body ul li {
    color: var(--color-3) !important;
    margin-left: -15px;
    border-bottom: 1px solid #dddddd;
    padding: 0 0 5px 1px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: 0px 3px
}

.inbenta .inbenta-bot__bubble__body ul li:before {
    color: var(--color-6) !important;
    content: "\bb  "
}

.inbenta .inbenta-bot__bubble__body ol {
    list-style-type: none
}

.inbenta .inbenta-bot__bubble__body ol li {
    color: var(--color-3) !important;
    margin-left: -15px;
    padding: 0 0 5px;
    border-bottom: 1px solid #ced5e2;
    margin-bottom: 5px;
    counter-increment: item
}

.inbenta .inbenta-bot__bubble__body ol li:before {
    color: #fff !important;
    margin-right: 10px;
    content: counter(item);
    background: var(--color-6);
    border-radius: 150%;
    width: 1.8em;
    text-align: center;
    display: inline-block;
    font-size: .8em
}

.inbenta .inbenta-bot__chat .content__related__show {
    font-family: Raleway, sans-serif !important;
    color: #000
}

.inbenta .content__related-buttons button {
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: Raleway, sans-serif !important;
    color: var(--color-6);
    text-align: center
}

.inbenta .content__related-buttons button:hover {
    background-color: var(--color-6) !important;
    color: #fff !important
}

.inbenta .inbenta-bot__chat .content__related__button:hover {
    color: #000
}

.inbenta .inbenta-bot__bubble__footer {
    font-family: Raleway, sans-serif !important;
    font-weight: 400 !important
}

.inbenta .inbenta-bot-rating__content__buttons .inbenta-bot-button {
    border: 2px solid var(--color-6);
    background-color: var(--color-6);
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.inbenta .inbenta-bot-rating__content__buttons .inbenta-bot-button:hover {
    border: 2px solid var(--color-5);
    background-color: var(--color-5);
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.inbenta .inbenta-bot-rating .comment__wrapper .inbenta-bot-button {
    height: 48px !important
}

.inbenta .inbenta-bot-rating__content__phrase {
    padding-left: 15px !important
}

.inbenta .inbenta-bot-rating__content__buttons .inbenta-bot-button {
    border: 2px solid var(--color-6) !important;
    background-color: var(--color-6) !important;
    color: #fff !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 2px
}

.inbenta .inbenta-bot__chat__header {
    background-color: #252525;
    color: #fff;
    font-family: Raleway, sans-serif
}

.inbenta .inbenta-bot__chat .header__title {
    font-family: Raleway, sans-serif
}

.inbenta .inbenta-bot__chat .content__text p {
    color: #000;
    line-height: 145% !important;
    font-size: 13.5px !important
}

.inbenta .inbenta-bot__chat .messages__message--received .messages__message__avatar {
    display: none
}

.inbenta .inbenta-bot__chat .body__wrapper {
    background-color: #fff;
    border-left: 1px solid #e2e2e2
}

.inbenta-bot-avatar .body__avatar-content__avatar div {
    position: relative !important;
    bottom: 0px !important;
    left: 0px !important
}

.inbenta .inbenta-bot__chat .body__wrapper {
    padding: 0 !important
}

.inbenta .inbenta-bot__chat .body__wrapper__messages {
    padding: 0 5px
}

.inbenta .inbenta-bot__bubble .messages__message--sent .messages__message__content,
.inbenta .inbenta-bot__chat .messages__message--sent .messages__message__content,
.inbenta .inbenta-bot__bubble .messages__message--received .messages__message__content,
.inbenta .inbenta-bot__chat .messages__message--received .messages__message__content {
    background-color: #fff;
    box-shadow: none
}

.inbenta-bot__bubble .content__open-sidebubble__phrase,
.inbenta-bot__chat .content__open-sidebubble__phrase {
    color: var(--color-6) !important
}

.inbenta-bot__chat .content__open-sidebubble__icon {
    color: var(--color-6) !important;
    margin-left: 15px
}

.inbenta .inbenta-bot__chat .messages__message--received .content__label {
    opacity: 1 !important;
    background-color: transparent;
    color: var(--color-5);
    font-weight: bolder;
    min-width: 100px;
    padding: 5px 0 5px 10px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: block
}

.inbenta .inbenta-bot__chat .messages__message--received .content__label:after {
    padding-left: 8px
}

.inbenta .inbenta-bot__chat .messages__message--received .messages__message__content {
    background-image: url(sep-left.png);
    background-repeat: no-repeat;
    background-position: 0px top;
    border: 1px solid #f5f5f5 !important;
    border-left: 0px solid #f5f5f5 !important;
    box-shadow: 5px 2px 5px #f5f5f5 !important;
    padding: 8px 0 0 12px !important
}

.inbenta .inbenta-bot__chat .messages__message--received .extended_message_container {
    background-image: none;
    box-shadow: none !important
}

.inbenta .inbenta-bot__chat .messages__message--received .content__text {
    padding: 10px 5px 5px 15px !important
}

.inbenta .inbenta-bot__chat .messages__message--received .content__text a {
    color: var(--color-6) !important;
    font-weight: bolder !important;
    text-decoration: underline
}

.inbenta .inbenta-bot__chat .messages__message--sent .content__text a {
    color: var(--color-6) !important;
    font-weight: bolder !important;
    text-decoration: underline
}

.inbenta .inbenta-bot__chat .messages__message--sent .content__text a:hover {
    color: var(--color-5) !important
}

.inbenta .inbenta-bot__chat .messages__message--received .content__text ul {
    list-style-type: none
}

.inbenta .inbenta-bot__chat .messages__message--received .content__text ul li {
    color: var(--color-5) !important;
    margin-left: -15px;
    border-bottom: 1px solid #dddddd;
    padding: 0 0 5px 1px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: 0px 3px
}

.inbenta .inbenta-bot__chat .messages__message--received .content__text ul li:before {
    color: var(--color-6) !important;
    content: "\bb  "
}

.inbenta .inbenta-bot__chat .messages__message--received .content__text ol {
    list-style: none
}

.inbenta .inbenta-bot__chat .messages__message--received .content__text ol li {
    color: var(--color-5) !important;
    margin-left: -15px;
    padding: 0 0 5px;
    border-bottom: 1px solid #ced5e2;
    margin-bottom: 5px;
    counter-increment: item
}

.inbenta .inbenta-bot__chat .messages__message--received .content__text ol li:before {
    color: #fff !important;
    margin-right: 10px;
    content: counter(item);
    background: var(--color-6);
    border-radius: 150%;
    width: 1.8em;
    text-align: center;
    display: inline-block;
    font-size: .8em
}

.inbenta .inbenta-bot__chat .messages__message--received .content__text table {
    border-collapse: collapse;
    font-size: 12px;
    line-height: 120%;
    margin: 15px 0
}

.inbenta .inbenta-bot__chat .messages__message--received .content__text th,
.inbenta .inbenta-bot__chat .messages__message--received .content__text td {
    padding: 4px;
    text-align: left;
    border: 1px solid #afafaf !important
}

.inbenta .inbenta-bot__chat .messages__message--sent .messages__message__content {
    background-image: url(sep-right.png);
    background-repeat: no-repeat;
    background-position: right top;
    border: 1px solid #f2f2f2;
    border-right: 0px solid #f2f2f2;
    box-shadow: -5px 2px 5px #f5f5f5
}

.inbenta .inbenta-bot__chat .messages__message--sent .content__label {
    opacity: 1 !important;
    background-color: transparent;
    color: var(--color-6);
    font-weight: bolder;
    width: auto !important;
    padding: 5px 10px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: block !important;
    float: right
}

.inbenta .inbenta-bot__chat .messages__message--sent .content__text {
    clear: both;
    padding: 10px 15px 5px 10px;
    text-align: right;
    display: block !important
}

.inbenta-bot__bubble .messages__message--received,
.inbenta-bot__bubble .messages__message--sent .messages__message__content,
.inbenta-bot__chat .messages__message--received,
.inbenta-bot__chat .messages__message--sent .messages__message__content {
    display: inline-block !important;
    -webkit-align-items: none !important;
    -ms-align-items: none !important;
    -ms-flex-align: none !important;
    align-items: none !important
}

.inbenta .inbenta-bot__chat .content__buttons--multiple-choise .inbenta-bot-button {
    color: #fff !important;
    border: solid 1px #252525 !important;
    border-radius: 10px !important;
    padding: 5px 15px !important;
    background-color: #252525 !important
}

.inbenta-bot__bubble .content__buttons--multiple-choise .inbenta-bot-icon--faq-icon,
.inbenta-bot__chat .content__buttons--multiple-choise .inbenta-bot-icon--faq-icon {
    display: none !important
}

.inbenta-bot__bubble .content__buttons,
.inbenta-bot__chat .content__buttons {
    padding-top: 5px !important
}

.inbenta .inbenta-bot__chat .content__buttons--multiple-choise .inbenta-bot-button:hover {
    background-color: #fdc205 !important;
    color: #000 !important;
    border: solid 1px #FDC205 !important;
    border-radius: 10px !important
}

.inbenta .inbenta-bot__chat .content__buttons--multiple-choise .inbenta-bot-icon--faq-icon:before {
    content: "\2192  ";
    font-size: 14px;
    color: var(--color-5);
    padding: 0 10px 0 0
}

.inbenta-bot__bubble .content__buttons--multiple-choise[disabled],
.inbenta-bot__chat .content__buttons--multiple-choise[disabled],
.inbenta-bot-button[disabled] span {
    opacity: 1 !important
}

.inbenta .inbenta-bot__chat .content__buttons--multiple-choise .inbenta-bot-button:disabled {
    background-color: #8a8a8a !important;
    color: var(--color-5);
    border: none !important
}

.inbenta .inbenta-bot__chat .alert-box__title {
    color: var(--color-5) !important;
    font-weight: 700
}

.inbenta .inbenta-bot-button {
    color: #fff;
    background-color: var(--color-6);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.inbenta .inbenta-bot-button:hover {
    background-color: var(--color-5) !important
}

.inbenta .inbenta-bot__chat .footer__form--focus .footer__form__button .inbenta-bot-icon--send {
    color: var(--color-6)
}

.inbenta .inbenta-bot__chat .footer__form__button {
    border: none !important;
    color: var(--color-6);
    background-color: #eaf1ff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.inbenta-bot__launcher {
    background-color: #fefefe !important;
    height: 100px !important;
    box-shadow: none !important;
    color: #221432 !important;
    margin-bottom: 30px;
    background-color: transparent !important;
	right: 10px !important;
	bottom: 10px !important;
}

.inbenta-bot__launcher:hover {
    box-shadow: none !important
}

.inbenta-bot__launcher__image {
    background-image: url(https://continua.com.mx/chatbot/radial/launcher_caucho.png) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 257px !important;
	height: 79px !important;
}

.inbenta-bot__launcher__text {
    width: 170px !important;
    height: 100% !important;
    text-align: center !important;
    word-wrap: break-word !important
}

.inbenta .content__buttons {
    padding: 10px
}

.inbenta .content__buttons .inbenta-bot-button {
    border: 2px solid var(--color-5);
    color: #fff;
    background-color: var(--color-5);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.inbenta .content__buttons .inbenta-bot-button:hover {
    border: 2px solid var(--color-6);
    color: #fff;
    background-color: var(--color-6) !important
}

.inbenta .content__buttons .inbenta-bot-button:disabled {
    border: 2px solid #c6c6c6;
    background-color: transparent;
    color: #c6c6c6;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.inbenta .content__buttons .inbenta-bot-button.clicked {
    border: 2px solid #76798d;
    background-color: transparent;
    color: var(--color-5);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.inbenta .inbenta-bot__chat .footer__chat-activity .activity__avatar,
.inbenta .inbenta-bot__chat .footer__chat-activity .activity__content {
    background-color: var(--color-5)
}

.inbenta .inbenta-bot__chat .footer__chat-activity .activity__content .activity__dot {
    background-color: #fff
}

.inbenta .inbenta-bot__chat .content__status {
    right: 20px
}

.inbenta .messages__message__content .status__icon.inbenta-bot-icon--doblecheck,
.inbenta .messages__message__content .status__icon.inbenta-bot-icon--check {
    color: var(--color-6)
}

.menuli {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.menuli li {
    display: block;
    width: 210px;
    padding: 0;
    margin: 0;
    border-bottom: none !important
}

.menuli li:after {
    content: "" !important
}

.menuli li:before {
    content: "" !important
}

.btninsidechat {
    display: table;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 7px 4px #00000012;
    border-radius: 10px;
    font-size: 12px !important;
    text-decoration: none !important;
    padding-left: 8px;
    padding-right: 8px;
    border: 2px solid #363ffb
}

.insidecolor {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #1d172f;
    font-weight: 400;
    width: 100%;
    height: 35px
}

.insidecolor:hover {
    color: #fff !important
}

.btninsidechat:hover {
    background-color: #363ffb;
    border: 2px solid #363ffb;
    color: #fff !important
}

.agente {
    position: relative;
    display: table;
    width: 100%;
    background: var(--color-6);
    box-shadow: 0 0 7px 4px #00000012;
    border-radius: 100px;
    font-size: 12px !important;
    text-decoration: none !important;
    padding-left: 8px;
    padding-right: 8px;
    border: 2px solid #FFF
}

.agenteicono {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 24px;
    height: 24px;
    display: table;
    background: #FFF;
    border: solid 1px #FFF;
    color: var(--color-5);
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50%
}

.agenteicono span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center
}

.agenteicono span img {
    box-shadow: 0 1px 2px #0000, 0 1px 3px #0000
}

.agente .insidecolor {
    padding-left: 10px
}

.inbenta-bot__bubble,
.inbenta-bot__chat {
    box-shadow: none !important
}

.inbenta-bot__chat__confirmation {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .75) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .75) !important;
    box-shadow: 0 0 5px #000000bf !important
}

.inbenta-bot__chat__footer {
    border: none !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.inbenta .inbenta-bot__chat .messages__message--received .messages__message__content,
.inbenta .inbenta-bot__chat .messages__message--sent .messages__message__content {
    border: 0px !important;
    border-left: 0px !important;
    box-shadow: none !important
}

.inbenta .inbenta-bot__chat .body__wrapper {
    border-left: 0px !important
}

.ui-draggable {
    position: absolute !important;
    left: none !important;
    transform: none !important
}

@media screen and (max-width: 640px) {
    .ui-draggable {
        position: relative !important;
        right: 0px !important;
        left: none !important;
        transform: none !important
    }
}

.inbenta-bot__bubble {
    width: 420px !important;
    height: 510px !important
}

.inbenta-bot-avatar .body__avatar-content__avatar div {
    position: absolute !important;
    bottom: -6px !important;
    display: none !important
}

.inbenta-bot__powered {
    display: none !important
}

.inbenta-bot__bubble,
.inbenta-bot__chat {
    box-shadow: 0 2px 3px #00000029, 0 3px 12px #00000014 !important
}

.inbenta-bot__bubble .messages__message__content,
.inbenta-bot__chat .messages__message__content {
    color: #25172f !important
}

.inbenta-bot__bubble,
.inbenta-bot__chat {
    border-radius: 15px !important
}

.inbenta-bot__bubble .footer__form__input,
.inbenta-bot__chat .footer__form__input {
    background-color: #fff !important
}

.inbenta-bot-avatar .body__avatar-content {
    background-image: url(avatar-principal.png) !important
}

.btn-agente {
    background-color: #363ffb !important;
    color: #fff !important
}

@media (max-width: 768px) {
    .inbenta-bot-avatar .inbenta-bot__bubble,
    .inbenta-bot-avatar .inbenta-bot__chat {
        width: 100% !important;
        height: 100% !important
    }
}

.inbenta-bot__bubble .content__open-sidebubble__phrase,
.inbenta-bot__chat .content__open-sidebubble__phrase {
    color: #fff !important;
    border: solid 1px #252525 !important;
    border-radius: 0 10px 10px 0 !important;
    padding: 5px 15px !important;
    background-color: #252525 !important
}

.inbenta-bot__bubble .content__open-sidebubble__icon,
.inbenta-bot__chat .content__open-sidebubble__icon {
    color: #fff !important;
    border: solid 1px #252525 !important;
    border-radius: 10px 0 0 10px !important;
    padding: 10px 0 9px 20px !important;
    background-color: #252525 !important;
    opacity: 1 !important
}

@media (max-width: 768px) {
    .inbenta-bot__bubble,
    .inbenta-bot__chat {
        width: 100% !important;
        height: 100% !important
    }
}

@media (max-width: 768px) {
    .inbenta-bot__launcher__image {
        background-image: url(https://continua.com.mx/chatbot/radial/radial-llantas-bubble-animate.png) !important;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 50%;
        width: 146px !important;
        height: 41px !important
    }
}

@media (max-width: 768px) {
    .inbenta-bot__launcher {
        margin-bottom: -45px !important;
        margin-right: -30px !important
    }
}