@import url("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: #ffc90d;
--color-6: #59595b;
}
.inbenta-bot,
.inbenta {
font-family: 'Raleway', sans-serif !important;
z-index: 10000;
}
.inbenta-bot .inbenta-bot__chat__body {
background-color: #ffffff;
}
.inbenta .inbenta-bot__bubble .header__title {
font-family: 'Raleway', sans-serif;
} .inbenta .inbenta-bot__bubble__body {
background-color: #ffffff;
} .inbenta-bot__launcher {
background-color: transparent !important;
height: 100px !important;
box-shadow: none !important;
}
.inbenta-bot__launcher__text {
display: none;
width: 120px !important;
height: 100% !important;
text-align: center !important;
word-wrap: break-word !important;
} .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;
padding: 0;
border-bottom: 1px solid #dddddd;
padding-bottom: 5px;
padding-left: 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: "» ";
}
.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;
border-bottom: 1px solid #ced5e2;
padding-bottom: 5px;
margin-bottom: 5px;
counter-increment: item;
}
.inbenta .inbenta-bot__bubble__body ol li:before {
color: #FFFFFF !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-contents {}
.inbenta .inbenta-bot__chat .content__related__show {
font-family: 'Raleway', sans-serif !important;
color: #000000;
}
.inbenta .content__related-buttons button {
background-color: #ffffff;
-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 {
background-color: #ffffff;
-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: #ffffff !important;
}
.inbenta .inbenta-bot__chat .content__related__button:hover {
color: #000000;
}  .inbenta .inbenta-bot__bubble__footer {
font-family: 'Raleway', sans-serif !important;
font-weight: normal !important;
}
.inbenta .inbenta-bot-rating__content__buttons .inbenta-bot-button {
border: 2px solid var(--color-6);
background-color: var(--color-6);
color: #ffffff;
-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: #ffffff;
-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: #ffffff !important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin: 2px;
}   .inbenta .inbenta-bot__chat .header__title {
font-family: 'Raleway', sans-serif;
} .inbenta .inbenta-bot__chat .messages__message--received .messages__message__avatar {
background-color: #ffffff !important;
color: #ffffff !important;
border: none;
}
.inbenta .inbenta-bot__chat .body__wrapper {
background-color: #ffffff;
border-left: 1px solid #e2e2e2;
}
.inbenta .inbenta-bot__chat .body__avatar-content .body__avatar-content__avatar {  }
.inbenta-bot-avatar .body__avatar-content__avatar div { position: relative !important;
bottom: 0px !important;
left: 0px !important;
} .inbenta .inbenta-bot__chat .body__wrapper {
padding: 0px !important;
}
.inbenta .inbenta-bot__chat .body__wrapper__messages {
padding: 0px 5px 0px 5px;
} .inbenta .inbenta-bot__bubble .messages__message--sent .messages__message__content,
.inbenta .inbenta-bot__chat .messages__message--sent .messages__message__content {
background-color: #f5f5f5;
box-shadow: none;
border-radius: 12px 12px 0px 12px;
;
}
.inbenta .inbenta-bot__bubble .messages__message--received .messages__message__content,
.inbenta .inbenta-bot__chat .messages__message--received .messages__message__content {
background-color: #ffffff;
box-shadow: none;
} .inbenta-bot__bubble .content__open-sidebubble__phrase,
.inbenta-bot__chat .content__open-sidebubble__phrase {
color: var(--color-6) !important;
}  .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(//ofiplan.mx/wp-content/themes/astra-child/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 15px 15px 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:hover {
color: var(--color-5) !important;
}
.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:before {
color: var(--color-6) !important;
content: "» ";
}
.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: #000000 !important;
margin-left: -15px;
padding: 0;
border-bottom: 1px solid #ced5e2;
padding-bottom: 5px;
margin-bottom: 5px;
counter-increment: item;
}
.inbenta .inbenta-bot__chat .messages__message--received .content__text ol li:before {
color: #FFFFFF !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 0px 15px 0px;
}
.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(//ofiplan.mx/wp-content/themes/astra-child/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.0 !important;
background-color: transparent;
color: var(--color-6);
font-weight: bolder;
width: auto !important;
padding: 5px 10px 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__label:after {}
.inbenta .inbenta-bot__chat .messages__message--sent .content__text {
clear: both; padding: 10px 15px 5px 10px;
text-align: right;
display: block !important;
}  .inbenta .inbenta-bot__chat .alert-box__title {
color: var(--color-5) !important;
font-weight: bold;
}
.inbenta .inbenta-bot-button {
color: #ffffff;
background-color: #59595b;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.inbenta .inbenta-bot-button:before {
background-color: #ffffff;
}
.inbenta .inbenta-bot-button:hover {
background-color: var(--color-5) !important;
}    .inbenta .inbenta-bot__chat .footer__chat-activity .activity__avatar {
background-color: var(--color-5);
}
.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: #ffffff;
}
.inbenta .inbenta-bot__chat .content__status {
right: 20px;
}
.inbenta .messages__message__content .status__icon.inbenta-bot-icon--doblecheck {
color: var(--color-6);
}
.inbenta .messages__message__content .status__icon.inbenta-bot-icon--check {
color: var(--color-6);
} .menuli {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
}
.menuli li {
display: block;
width: 210px;
padding: 0 0 0 0;
margin: 0 0 0 0;
border-bottom: none !important;
}
.menuli li:after {
content: '' !important;
}
.menuli li:before {
content: '' !important;
}
.btninsidechat {
display: table;
width: 100%;
background: var(--color-5);
box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.07);
border-radius: 0px 100px 100px 100px;
font-size: 12px !important;
text-decoration: none !important;
padding-left: 8px;
padding-right: 8px;
border: 2px solid var(--color-5);
}
.insidecolor {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #FFF;
font-weight: normal;
width: 100%;
height: 35px;
}
.btninsidechat:hover {
background-color: var(--color-6);
border: 2px solid #ffffff;
}
.agente {
position: relative;
display: table;
width: 100%;
background: var(--color-6);
box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.07);
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% 50% 50% 50%;
}
.agenteicono span {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.agenteicono span img {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0);
}
.agente .insidecolor {
padding-left: 10px;
} .header__actions { }  .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, 0.75) !important;
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75) !important;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75) !important;
}  .inbenta-bot__chat__footer {
border: 0px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff !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: 290px !important;
} .inbenta-bot-avatar .body__avatar-content__avatar div {
position: absolute !important;
bottom: -6px !important;
}
.inbenta-bot__bubble .messages__message--received .messages__message__avatar,
.inbenta-bot__chat .messages__message--received .messages__message__avatar {
background-color: #ffffff !important;
background-image: url(//ofiplan.mx/wp-content/themes/astra-child/avatar-mini-remate.png);
background-repeat: no-repeat;
border-radius: 100px !important;
width: 44px !important;
height: 42px !important;
margin-right: 8px !important;
box-shadow: none !important;
}
.body__avatar-content {
display: none;
}
.inbenta-bot-icon .inbenta-bot-icon--send {
color: #ffffff;
}
.inbenta-bot__launcher {
border-radius: 25px 25px 0px 25px !important;
}
.inbenta-bot__bubble .messages__message .inbenta-bot-icon--avatar,
.inbenta-bot__chat .messages__message .inbenta-bot-icon--avatar {
display: none;
}
.btnagente {
background-color: #210f65 !important;
border: 2px solid #210f65 !important;
}
.inbenta .inbenta-bot__chat__header {
background-color: #731d28;
color: #FFF;
font-family: 'Raleway', sans-serif;
}
.inbenta-bot__bubble,
.inbenta-bot__chat {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16), 0 3px 12px 0 rgba(0, 0, 0, .08) !important;
}
.inbenta-bot__bubble,
.inbenta-bot__chat {
border-radius: 8px !important;
width: 336px !important;
height: 580px !important;
}
.inbenta .inbenta-bot__chat .messages__message--received .content__label {
opacity: 1.0 !important;
background-color: transparent;
color: #000000;
font-weight: bolder;
min-width: 100px;
padding: 5px 0px 5px 0px;
-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-bot__launcher__image {
background-image: url(https://ofiplan.mx/wp-content/uploads/OFIPLANITO-PARA-CHATBOT.png) !important;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 50%;
width: 80px !important;
height: 63px !important;
cursor: pointer;
}
li#mobile-inbenta-launcher:after {
content: 'Chatbot';
color: #fff;
}
.inbenta-bot__bubble .messages__message--received .messages__message__content,
.inbenta-bot__chat .messages__message--received .messages__message__content {
background-color: #f3f3f3 !important;
border-radius: 12px 12px 12px 0px !important;
color: #484848 !important;
}
.inbenta .inbenta-bot__chat .content__text p {
color: #484848;
line-height: 145% !important;
font-size: 13.5px !important;
} .inbenta .inbenta-bot__chat .content__buttons--multiple-choise .inbenta-bot-button {
color: #FFF !important;
border: solid 1px #ffffff !important;
border-radius: 10px !important;
padding: 2px 10px !important;
background-color: #731d28 !important;
}
.inbenta .inbenta-bot__chat .content__buttons--multiple-choise .inbenta-bot-button:hover {
background-color: #31090e !important;
color: #FFF !important;
border: none !important;
border: solid 1px #ffffff !important;
border-radius: 10px !important;
padding: 2px 10px !important;
}  .inbenta .inbenta-bot__bubble__header {
background-color: #ff8c34;
color: #000;
font-family: 'Raleway', sans-serif;
}
.inbenta .inbenta-bot__chat .messages__message--received .content__text ul li {
color: #000000 !important;
margin-left: -15px;
padding: 0;
border-bottom: 1px solid #dddddd;
padding-bottom: 5px;
padding-left: 1px;
margin-bottom: 5px;
background-repeat: no-repeat;
background-position: 0px 3px;
}
.inbenta .inbenta-bot__bubble__body a {
color: #ff8c34;
text-decoration: underline;
}
.inbenta .inbenta-bot__bubble__body a:hover {
color: #ffc90d;
}
.inbenta-bot__bubble .content__open-sidebubble__phrase,
.inbenta-bot__chat .content__open-sidebubble__phrase {
color: #ff8c34 !important;
}
.inbenta-bot__chat .content__open-sidebubble__icon {
color: #000 !important;
margin-left: 15px;
}
.inbenta-bot__bubble .footer__form,
.inbenta-bot__chat .footer__form {
background-color: #f3f3f3 !important;
margin: 10px !important;
border-radius: 6px !important;
}
.inbenta .inbenta-bot__chat .footer__form--focus .footer__form__button .inbenta-bot-icon--send {
color: #000000;
}
.inbenta .inbenta-bot__chat .footer__form__button {
border: none !important;
color: #000000;
background-color: #f3f3f3;
-webkit-border-radius: 0px 6px 6px6px 0px;
-moz-border-radius: 0px 6px 6px 0px;
border-radius: 0px 6px 6px 0px;
} .inbenta .content__buttons {
padding: 10px;
}
.inbenta .content__buttons .inbenta-bot-button {
border: 2px solid var(--color-5);
color: #000000;
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: #ffffff;
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-bot__bubble__confirmation .confirmation-box__icon,
.inbenta-bot__chat__confirmation .confirmation-box__icon {
color: #ff8c34 !important;
}
h1 {
font-size: 1.5em !important;
}
@media (max-width: 768px) {
.inbenta-bot__launcher {
margin-bottom: -45px !important;
margin-right: -30px !important;
}
}
#mobile-inbenta-launcher{
display:inline-block;
}
.inbenta-bot__launcher {
display: none !important;
}  @media (max-width:425px) and (min-width:320px) {
.inbenta-bot__launcher__image {
background-image: url(https://ofiplan.mx/wp-content/uploads/OFIPLANITO-PARA-CHATBOT.png) !important;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 50%;
width: 34px !important;
height: 27px !important;
cursor: pointer;
}
.container-grid ul li:nth-child(3) a img {
width: 40px !important;
}
}