@charset "utf-8";

.bx-crm-widget-form-config-sidebar { position: fixed; left: -3850px; height: 100%; width: 369px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px; background: rgba(255, 255, 255, 0.98); overflow: hidden; transition: opacity 0.5s; box-sizing: border-box; opacity: 0; z-index: 10101; }

.bx-crm-widget-form-config-sidebar-inner { position: absolute; width: 100%; height: 100%; overflow: hidden; }

.bx-crm-widget-form-config-sidebar.open-sidebar { left: auto; right: 0px; opacity: 1; top: 0px; }

.bx-crm-widget-form-config-button.open-sidebar { display: none; }

.bx-crm-widget-form-config-button.button-visible { display: block; }

.bx-crm-widget-form-config-sidebar.close-sidebar { right: -385px; }

.bx-crm-widget-form-config-sidebar-header { position: absolute; top: 0px; display: flex; -webkit-box-align: center; align-items: center; padding: 0px 20px; height: 60px; width: 100%; border-bottom: 1px solid rgb(230, 230, 231); box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 0px 0px; background: rgb(255, 255, 255); box-sizing: border-box; z-index: 4; }

.bx-crm-widget-form-config-sidebar-close { display: inline-block; -webkit-box-flex: 1; flex: 1 1 0%; }

.bx-crm-widget-form-config-sidebar-close-item { display: inline-block; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4gIDxwYXRoIGZpbGw9IiM4MDg2OEUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE2NDIuNDI0NjIsMjQ1LjAxMDQwOCBMMTYzNi40MTQyMSwyMzkgTDE2MzUsMjQwLjQxNDIxNCBMMTY0MS4wMTA0MSwyNDYuNDI0NjIxIEwxNjM1LDI1Mi40MzUwMjkgTDE2MzYuNDE0MjEsMjUzLjg0OTI0MiBMMTY0Mi40MjQ2MiwyNDcuODM4ODM1IEwxNjQ4LjQzNTAzLDI1My44NDkyNDIgTDE2NDkuODQ5MjQsMjUyLjQzNTAyOSBMMTY0My44Mzg4MywyNDYuNDI0NjIxIEwxNjQ5Ljg0OTI0LDI0MC40MTQyMTQgTDE2NDguNDM1MDMsMjM5IEwxNjQyLjQyNDYyLDI0NS4wMTA0MDggWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2MzUgLTIzOSkiLz48L3N2Zz4="); cursor: pointer; transition: opacity 0.3s ease-in-out; opacity: 0.5; }

.bx-crm-widget-form-config-sidebar-close-item { width: 20px; height: 18px; background-position: 3px 2px; background-repeat: no-repeat; }

.bx-crm-widget-form-config-sidebar-close-item:hover { opacity: 1; }

.bx-crm-widget-form-config-sidebar-message { -webkit-box-flex: 16; flex: 16 1 0%; text-align: center; }

.bx-crm-widget-form-config-sidebar-message-item { display: inline-block; max-width: 310px; font: var(--ui-font-weight-bold) 10px var(--ui-font-family-primary,var(--ui-font-family-helvetica)); color: rgb(66, 73, 86); text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.bx-crm-widget-form-config-sidebar-rollup { display: none; margin: 0px 6px 0px 0px; }

.bx-crm-widget-form-config-sidebar-hamburger { display: none; }

.bx-crm-widget-form-config-sidebar-info { position: absolute; top: 60px; width: 100%; height: calc(100% - 130px); background: rgb(255, 255, 255); transition: opacity 0.6s; overflow: auto; opacity: 1; }

.bx-crm-widget-form-copyright-disabled .bx-crm-widget-form-config-sidebar-info { height: calc(100% - 75px); }

.bx-crm-widget-form-copyright-disabled .bx-crm-widget-form-config-sidebar-logo { display: none; }

.bx-crm-widget-form-config-sidebar-chat-container { position: absolute; bottom: 0px; width: 100%; background: rgb(255, 255, 255); box-sizing: border-box; z-index: 4; }

.bx-crm-widget-form-config-sidebar-chat { padding: 20px; box-shadow: rgba(0, 0, 0, 0.03) 0px -2px 0px 0px; }

.bx-crm-widget-form-config-sidebar-chat-border { height: 3px; background: linear-gradient(to right, rgb(47, 199, 247) 0px, rgb(53, 232, 246) 50%, rgb(124, 227, 167) 74%, rgb(188, 246, 100) 100%); }

.bx-crm-widget-form-config-sidebar-logo { padding: 15px 0px 10px; text-align: center; }

.bx-crm-widget-form-config-sidebar-logo a { text-decoration: none !important; }

.bx-crm-widget-form-config-sidebar-logo-text { display: inline-block; margin: 0px 0px 0px -2px; font: 12px var(--ui-font-family-primary,var(--ui-font-family-helvetica)); color: rgb(178, 182, 189); }

.bx-crm-widget-form-config-sidebar-logo-bx { display: inline-block; margin: 0px -2px 0px 0px; font: var(--ui-font-weight-bold) 14px var(--ui-font-family-primary,var(--ui-font-family-helvetica)); color: rgb(47, 199, 247); }

.bx-crm-widget-form-config-sidebar-logo-24 { display: inline-block; font: var(--ui-font-weight-bold) 15px var(--ui-font-family-primary,var(--ui-font-family-helvetica)); color: rgb(33, 95, 152); }

@media (min-width: 320px) and (max-width: 420px) {
  .bx-crm-widget-form-config-sidebar { width: 100%; }
  .bx-crm-widget-form-config-sidebar-info-block-container { padding: 0px; width: 100%; height: 115px; border-radius: 0px; }
  .bx-crm-widget-form-config-sidebar-info-block-container::before { top: 0px; left: 0px; width: 100%; height: 113px; border-radius: 0px; }
  .bx-crm-widget-form-config-sidebar-info-block-container::after { top: 0px; left: 0px; width: 100%; height: 100px; border-radius: 0px; }
  .bx-crm-widget-form-config-sidebar-social { width: 100%; }
  .crm-webform-header-container { text-align: center; }
}