html, body {
height: 100%; }
body::-webkit-scrollbar {
display: none; }
body {
position: relative;
box-sizing: border-box; }
.app-container {
position: relative;
height: 100%;
min-height: 100%; }
.app-container .image.is-rounded img {
border-radius: 50%; }
.app-container.is-app-settings .app-center, .app-container.is-app-settings .app-contact-list, .app-container.is-app-settings .app-contact-info, .app-container.is-app-settings .app-roster {
display: none !important; }
.app-container.is-app-chat {
background-color: #34495e; }
.app-container.is-app-chat .app-settings, .app-container.is-app-chat .app-roster {
display: none !important; }
.app-container.is-app-chat.is-app-placeholder .app-center, .app-container.is-app-chat.is-app-placeholder .app-contact-list, .app-container.is-app-chat.is-app-placeholder .app-contact-info, .app-container.is-app-chat.is-app-placeholder .app-roster {
display: none !important; }
.app-container.is-app-chat.is-app-placeholder .app-placeholder {
display: block !important;
background-color: white; }
.app-container.is-app-chat.is-app-placeholder .app-placeholder .is-app-roster, .app-container.is-app-chat.is-app-placeholder .app-placeholder .is-app-team {
display: none; }
.app-container.is-app-roster .app-settings {
display: none !important; }
.app-container.is-app-roster .app-center, .app-container.is-app-roster .app-contact-list, .app-container.is-app-roster .app-contact-info {
display: none !important; }
.app-container.is-app-roster.is-app-placeholder .app-roster {
display: none !important; }
.app-container.is-app-roster.is-app-placeholder .app-placeholder {
display: block !important; }
.app-container.is-app-roster.is-app-placeholder .app-placeholder .is-app-chat, .app-container.is-app-roster.is-app-placeholder .app-placeholder .is-app-team {
display: none; }
.app-container.is-app-call {
max-width: 300px;
max-height: 455px;
height: 455px; }
.app-container.is-app-call .app-contact-info {
border: 0 !important; }
.app-container.is-app-call .app-contact-info .app-map {
position: absolute !important;
height: 100%;
min-height: 100%; }
.app-container.is-app-call .app-contact-info .app-map .image {
height: 100%;
min-height: 100%; }
.app-container.is-app-call .app-contact-info .app-map .image img {
position: absolute;
top: -290px; }
.app-container.is-app-call .app-contact-info .app-map .app-map-info > small {
top: 1.75em !important;
left: 1em !important;
right: 1em !important; }
.app-container.is-app-call .app-contact-info .app-map .app-map-info.is-overlay {
background: transparent !important;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%) !important; }
.app-container.is-app-call .app-contact-info .app-visitor-card {
bottom: -100px !important; }
.app-container.is-app-call .app-contact-info .app-visitor-card .heading {
color: whitesmoke;
line-height: 1.5em;
text-shadow: rgba(0, 0, 0, 0.15) 0 2px 4px; }
.app-container.is-app-call .app-contact-info .app-visitor-card .image img {
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px; }
.app-container.is-app-call .app-contact-info .app-visitor-card .button.is-rounded {
width: 54px;
height: 54px; }
.app-container.is-app-call .app-contact-info .app-visitor-card .button.is-rounded:first-child {
margin-right: 0.55em; }
.app-container.is-app-call .app-contact-info .app-visitor-card .button.is-rounded:last-child {
margin-left: 0.55em; }
.app-container.is-app-team {
background-color: #34495e; }
.app-container.is-app-team .app-contact-list.is-team, .app-container.is-app-team .app-center.is-team, .app-container.is-app-team .app-contact-info.is-team {
display: block !important; }
.app-container.is-app-team .app-settings, .app-container.is-app-team .app-roster, .app-container.is-app-team .app-contact-list, .app-container.is-app-team .app-center, .app-container.is-app-team .app-contact-info {
display: none !important; }
.app-container.is-app-team.is-app-placeholder .app-contact-list.is-team, .app-container.is-app-team.is-app-placeholder .app-center.is-team, .app-container.is-app-team.is-app-placeholder .app-contact-info.is-team {
display: none !important; }
.app-container.is-app-team.is-app-placeholder .app-placeholder {
display: block !important;
background-color: white; }
.app-container.is-app-team.is-app-placeholder .app-placeholder .is-app-chat, .app-container.is-app-team.is-app-placeholder .app-placeholder .is-app-roster {
display: none; }
.app-container.is-app-team.is-app-placeholder .app-placeholder .is-app-team .fa-user-ninja {
color: #b86bff; }
.app-container.is-app-archive .app-settings, .app-container.is-app-archive .app-center, .app-container.is-app-archive .app-contact-list, .app-container.is-app-archive .app-contact-info, .app-container.is-app-archive .app-roster {
display: none !important; }
.app-container.is-app-archive .app-archive {
display: block !important; }
.app-container .column.app-main-menu {
background-color: #2c3e50; }
.app-container .column.app-main-menu:hover .menu.app-main-menu-top small {
opacity: 1 !important; }
.app-container .column.app-main-menu .menu {
width: 80px; }
.app-container .column.app-main-menu .menu.app-main-menu-top .menu-list li:first-child a {
padding: 0; }
.app-container .column.app-main-menu .menu.app-main-menu-top .menu-list li a {
padding-top: 15px;
padding-bottom: 15px; }
.app-container .column.app-main-menu .menu.app-main-menu-top .menu-list li a small {
font-size: 10px;
opacity: 0;
transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1) 0.6s; }
.app-container .column.app-main-menu .menu .menu-list a {
color: #b5b5b5;
border-radius: 0px;
text-align: center; }
.app-container .column.app-main-menu .menu .menu-list a figure img {
padding: 12px; }
.app-container .column.app-main-menu .menu .menu-list a.is-active {
background-color: transparent; }
.app-container .column.app-main-menu .menu .menu-list a.is-active .icon .fa-cog {
color: #209cee; }
.app-container .column.app-main-menu .menu .menu-list a.is-active .icon .fa-users {
color: #23d160; }
.app-container .column.app-main-menu .menu .menu-list a.is-active .icon .fa-inbox-in {
color: #00d1b2; }
.app-container .column.app-main-menu .menu .menu-list a.is-active .icon .fa-user-ninja {
color: #b86bff; }
.app-container .column.app-main-menu .menu .menu-list a.is-active .icon .fa-archive {
color: #3273dc; }
.app-container .column.app-main-menu .menu .menu-list a:hover {
color: white;
background-color: #34495e; }
.app-container .column.app-main-menu .menu .menu-list a:hover .icon .fa-cog {
color: #209cee; }
.app-container .column.app-main-menu .menu .menu-list a:hover .icon .fa-users {
color: #23d160; }
.app-container .column.app-main-menu .menu .menu-list a:hover .icon .fa-inbox-in {
color: #00d1b2; }
.app-container .column.app-main-menu .menu .menu-list a:hover .icon .fa-user-ninja {
color: #b86bff; }
.app-container .column.app-main-menu .menu .menu-list a:hover .icon .fa-archive {
color: #3273dc; }
.app-container .column.app-main-menu .app-main-menu-top {
margin-top: 0px; }
.app-container .column.app-main-menu .app-main-menu-top .tag {
position: absolute;
bottom: -0.5em;
right: -1em;
height: 1.5em;
line-height: 1em;
padding-left: 0.45em;
padding-right: 0.45em;
min-width: 1.5em; }
.app-container .column.app-main-menu .app-main-menu-bottom {
position: absolute;
bottom: 0px; }
.app-container .column.app-roster, .app-container .column.app-archive {
overflow-y: auto; }
.app-container .column.app-roster .field:first-of-type, .app-container .column.app-archive .field:first-of-type {
position: sticky;
z-index: 1;
top: 0px; }
.app-container .column.app-roster .field:first-of-type .input, .app-container .column.app-archive .field:first-of-type .input {
border-radius: 0px; }
.app-container .column.app-roster .section, .app-container .column.app-archive .section {
padding-top: 1em; }
.app-container .column.app-roster .table th, .app-container .column.app-archive .table th {
color: #b5b5b5; }
.app-container .column.app-roster .table .media-left, .app-container .column.app-archive .table .media-left {
margin-right: 0.5rem; }
.app-container .column.app-archive .app-archive-container {
height: 100%;
min-height: 100%; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed {
background-color: #34495e; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .field .input {
background-color: transparent;
color: white; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .field .input:focus + .icon, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .field .input.is-focused + .icon {
color: rgba(255, 255, 255, 0.85); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .field .input:focus::-webkit-input-placeholder, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .field .input.is-focused::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.3); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .field .input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .field .icon {
color: rgba(255, 255, 255, 0.5); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list b, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list strong, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list small, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .subtitle {
color: white; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-filter .dropdown .dropdown-trigger button {
background-color: transparent;
color: white;
border-color: rgba(255, 255, 255, 0.3); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-filter .dropdown .dropdown-trigger button:hover {
border-color: rgba(255, 255, 255, 0.5); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-filter .dropdown .dropdown-content {
background-color: #2c3e50;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-filter .dropdown .dropdown-item {
color: rgba(255, 255, 255, 0.9); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-filter .dropdown .dropdown-item:hover:not(.is-active) {
background-color: #273646;
color: white; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-filter .dropdown .dropdown-item.is-active {
background-color: #3273dc;
color: white; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-filter .dropdown .dropdown-divider {
background-color: rgba(255, 255, 255, 0.1); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--empty {
color: rgba(255, 255, 255, 0.5); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--empty .icon {
color: rgba(255, 255, 255, 0.3); }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--empty.is-loading .app-archive-loading::before {
border: 2px solid rgba(255, 255, 255, 0.3);
border-right-color: transparent;
border-top-color: transparent; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block {
padding: 0px 15px 10px 10px; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table {
background-color: #34495e; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected:hover {
background-color: #3273dc; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected td .media .media-content > span, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected:hover td .media .media-content > span {
font-weight: bold;
color: white; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected td b, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected td strong, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected td small, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected td .subtitle, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected:hover td b, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected:hover td strong, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected:hover td small, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr.is-selected:hover td .subtitle {
color: white; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr th, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr td {
display: none; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr th {
border-color: transparent;
background-color: #34495e; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr th:first-child, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr td:first-child {
display: table-cell;
border-radius: 5px;
color: white; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr th:first-child .media .media-right, .app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tr td:first-child .media .media-right {
display: block !important; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-list .app-archive-list--block .table tbody tr:hover {
background-color: #2c3e50;
color: white; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-archive-viewer {
display: block !important; }
.app-container .column.app-archive .app-archive-container.is-archive-dialog-showed > .app-contact-info {
display: block !important; }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer {
overflow-y: auto; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .field:first-of-type {
padding: 10px; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .field:first-of-type .control.is-loading:after {
right: initial;
left: 0.625em; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .field:first-of-type .control.is-loading .icon {
display: none; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .field:first-of-type .input {
border-color: transparent;
box-shadow: none;
background-color: transparent; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-filter {
padding: 0 10px; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-filter .field {
z-index: 2; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-filter .dropdown .dropdown-content {
min-width: max-content; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-filter .dropdown label.dropdown-item {
cursor: pointer; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-filter .dropdown label.dropdown-item:hover {
background-color: whitesmoke;
color: #0a0a0a; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-filter .dropdown label.dropdown-item .media .media-left {
margin-right: 0.75rem; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-filter .dropdown label.dropdown-item .media .media-right .is-checkradio[type="checkbox"].is-small + label {
padding-left: 0px; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--empty {
color: #7a7a7a; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--empty .icon {
color: #b5b5b5; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--empty.is-loading .app-archive-placeholder {
display: none; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--empty.is-loading .app-archive-loading {
display: block !important; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--empty.is-loading .app-archive-loading::before {
animation: spinAround 500ms infinite linear;
border: 2px solid #b5b5b5;
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
position: relative;
top: -5px;
left: 0px;
right: 0px;
width: 32px;
height: 32px;
margin: auto;
z-index: 4; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block {
padding: 0 10px 10px 10px;
overflow-y: auto;
height: calc(100% - 124px); }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .app-archive-preview {
border: 1px solid #dbdbdb;
background-color: white;
color: #363636;
width: 33%;
min-width: 350px;
max-height: 380px;
padding: 15px;
font-size: 0.75rem;
position: absolute;
z-index: 999;
pointer-events: none;
border-radius: 3px;
overflow: hidden;
box-shadow: #3636360a 0 0 3px 3px; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .app-archive-preview .media + .media {
padding: initial;
margin-top: 0;
margin-bottom: 0.7em;
border: initial; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .app-archive-preview .media:first-child {
margin-bottom: 0.7em; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .app-archive-preview .media:last-child {
margin-bottom: 0; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .app-archive-preview .media .media-left {
margin: 0px 10px auto 0;
margin-right: 10px; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .app-archive-preview:after {
content: "";
height: 20px;
width: 100%;
left: 0;
right: 0;
bottom: 0px;
position: absolute;
background-color: transparent;
background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .table td {
border: none; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .table tr.is-selected {
background-color: whitesmoke;
color: #363636; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .table tr th {
min-height: 37px;
height: 37px;
position: sticky;
top: 0px;
background-color: white;
z-index: 1;
border-radius: 0px !important; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .table tr th .subtitle {
font-weight: bold;
color: #b5b5b5; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .table tr td {
padding: 15px;
min-height: 68px;
height: 68px;
cursor: pointer; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .table tr td:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .table tr td:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .table tr td .media .media-content > span:first-of-type {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 200px;
max-width: calc(100% - 10px);
min-width: calc(100% - 10px);
display: inline-block; }
.app-container .column.app-archive .app-archive-container > .app-archive-list .app-archive-list--block .table tr td .has-ellipsis--two-lines {
word-break: break-all; }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer {
display: none;
border-radius: 0px;
box-shadow: 0 0 0 1px #2c3e50, 0 4px 24px 2px rgba(0, 0, 0, 0.1); }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer .app-archive-viewer--close {
position: absolute; }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer .app-archive-viewer--close a {
position: absolute;
left: -20px;
top: 10px;
z-index: 4;
background-color: white;
border-radius: 100%; }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer .app-archive-viewer--close a .icon {
color: #7a7a7a; }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer .app-archive-viewer--close a .icon:hover {
color: #363636; }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer .app-archive-viewer--scroll {
position: absolute;
right: 0px;
bottom: 92px; }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer .app-archive-viewer--scroll a {
position: absolute;
right: 25px;
top: -65px;
z-index: 4;
background-color: white;
border-radius: 100%;
box-shadow: #e8e8e8 0px 3px 3px 0px;
height: 3rem;
width: 3rem; }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer .app-archive-viewer--scroll a .icon {
color: #7a7a7a; }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer .app-archive-viewer--scroll a .icon:hover {
color: #363636; }
.app-container .column.app-archive .app-archive-container > .app-archive-viewer .app-dialog-messages {
height: calc(100% - 92px);
padding-bottom: 68px; }
.app-container .column.app-settings .app-settings-menu {
background-color: #fafafa; }
.app-container .column.app-settings .app-settings-container {
position: relative;
height: 100%;
min-height: 100%; }
.app-container .column.app-settings .app-settings-container .column.app-settings-content {
overflow-y: auto; }
.app-container .column.app-settings .app-settings-container .message .message-header {
padding: 1em; }
.app-container .column.app-settings .app-settings-container .message .message-body {
border: 0px; }
.app-container .column.app-placeholder {
overflow-y: auto;
display: none; }
.app-container .column.app-placeholder .content .fa-4x, .app-container .column.app-placeholder .content .fa-5x, .app-container .column.app-placeholder .content .fa-6x, .app-container .column.app-placeholder .content .fa-7x, .app-container .column.app-placeholder .content .fa-8x, .app-container .column.app-placeholder .content .fa-9x {
line-height: 1em; }
.app-container .column.app-placeholder .hero .hero-body {
padding-top: 6rem; }
.app-container .column.app-contact-list {
position: relative;
top: 0;
bottom: 0;
left: 0;
overflow-y: hidden;
background-color: #34495e; }
.app-container .column.app-contact-list > section {
padding: 10px 0px;
height: 100%; }
.app-container .column.app-contact-list > section b, .app-container .column.app-contact-list > section strong, .app-container .column.app-contact-list > section small, .app-container .column.app-contact-list > section .subtitle {
color: white; }
.app-container .column.app-contact-list > section .app-contact-list--header-block {
margin: 0;
padding: 0;
width: 95%; }
.app-container .column.app-contact-list > section .app-contact-list--header-block .subtitle {
margin: 10px 20px; }
.app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button {
color: white; }
.app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button.tooltip.is-tooltip-bottom::before {
left: 70px;
transform: translate(-100%, -1rem); }
.app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button.tooltip.is-tooltip-bottom:focus::before, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button.tooltip.is-tooltip-bottom:hover::before, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button.tooltip.is-tooltip-bottom.is-tooltip-active::before {
transform: translate(-100%, 0.5rem); }
.app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button.is-hovered, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button.is-focused, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button.is-active, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button:hover, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button:active, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right > .button:focus {
background-color: #2c3e50; }
.app-container .column.app-contact-list > section .app-contact-list--header-block .level-right .dropdown .button {
color: white; }
.app-container .column.app-contact-list > section .app-contact-list--header-block .level-right .dropdown .button.is-hovered, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right .dropdown .button.is-focused, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right .dropdown .button.is-active, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right .dropdown .button:hover, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right .dropdown .button:active, .app-container .column.app-contact-list > section .app-contact-list--header-block .level-right .dropdown .button:focus {
background-color: #2c3e50; }
.app-container .column.app-contact-list > section .app-contact-list--header-block .level-right .dropdown .dropdown-content {
background-color: #2c3e50; }
.app-container .column.app-contact-list > section .app-contact-list--header-block .level-right .dropdown .dropdown-content a.dropdown-item {
color: white; }
.app-container .column.app-contact-list > section .app-contact-list--header-block .level-right .dropdown .dropdown-content a.dropdown-item:hover {
background-color: #3273dc;
color: white; }
.app-container .column.app-contact-list > section .app-contacts {
overflow-y: auto;
height: calc(100% - 35px); }
.app-container .column.app-contact-list > section .app-contacts .is-divider {
border-top: 0.1rem solid white;
opacity: 0.3;
margin-left: 20px;
margin-right: 20px; }
.app-container .column.app-contact-list > section .app-contacts .is-divider::after {
background-color: #34495e;
color: white; }
.app-container .column.app-contact-list > section .app-contacts .app-contact {
padding: 10px;
min-height: 68px;
cursor: pointer;
margin-left: 10px;
margin-right: 15px;
border-radius: 5px; }
.app-container .column.app-contact-list > section .app-contacts .app-contact:first-child {
margin-top: 9px; }
.app-container .column.app-contact-list > section .app-contacts .app-contact:hover {
background-color: #2c3e50; }
.app-container .column.app-contact-list > section .app-contacts .app-contact:hover .delete {
visibility: visible; }
.app-container .column.app-contact-list > section .app-contacts .app-contact:hover .has-unread small.is-size-7 {
display: none; }
.app-container .column.app-contact-list > section .app-contacts .app-contact:hover .has-unread a.app-set-answered {
color: white;
display: initial; }
.app-container .column.app-contact-list > section .app-contacts .app-contact:hover .media-left .image .tag.is-danger.is-rounded, .app-container .column.app-contact-list > section .app-contacts .app-contact:hover .media-left .image .tag.is-success.is-rounded {
box-shadow: 0 0 0px 3px #2c3e50; }
.app-container .column.app-contact-list > section .app-contacts .app-contact:hover .media-left .image .online-status .icon {
border: 8px solid #2c3e50; }
.app-container .column.app-contact-list > section .app-contacts .app-contact.is-selected {
background-color: #3273dc; }
.app-container .column.app-contact-list > section .app-contacts .app-contact.is-selected b, .app-container .column.app-contact-list > section .app-contacts .app-contact.is-selected strong, .app-container .column.app-contact-list > section .app-contacts .app-contact.is-selected small {
color: white; }
.app-container .column.app-contact-list > section .app-contacts .app-contact.is-selected .media-left .image .tag.is-danger.is-rounded, .app-container .column.app-contact-list > section .app-contacts .app-contact.is-selected .media-left .image .tag.is-success.is-rounded {
box-shadow: 0 0 0px 3px #3273dc; }
.app-container .column.app-contact-list > section .app-contacts .app-contact.is-selected .media-left .image .online-status .icon {
border: 8px solid #3273dc; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .delete {
visibility: hidden; }
.app-container .column.app-contact-list > section .app-contacts .app-contact a.app-set-answered {
display: none; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .content {
color: white;
line-height: 1em; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .content .online-status {
font-size: 12px;
line-height: 2em; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left {
margin-right: 0.75rem;
margin-top: 5px; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image {
position: relative; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image img {
border-radius: 50%; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag {
position: absolute;
height: 1.5em;
line-height: 1em;
padding-left: 0.45em;
padding-right: 0.45em;
min-width: 1.5em; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag.is-danger.is-rounded, .app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag.is-success.is-rounded {
box-shadow: 0 0 0px 3px #34495e; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag:nth-child(even) {
bottom: -0.5em;
right: -0.5em; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag:nth-child(odd) {
top: -0.5em;
left: -0.5em; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag.is-success {
height: 2em;
min-width: 2em;
top: initial;
left: initial;
bottom: -0.75em;
right: -0.75em;
animation: pulsate-bck 1.5s ease-in-out infinite both; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag.has-text-facebook {
background-color: #3b5998; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag.has-text-vk {
background-color: #45668e; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag.has-text-viber {
background-color: #59267c; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag.has-text-telegram {
background-color: #0088cc; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag.has-text-yandex {
color: #F70C18;
background-color: #ffcc00; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag.has-text-whatsapp {
background-color: #25D366; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .tag.has-text-instagram {
background: #e1306c;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .online-status {
font-size: 12px;
line-height: 2em;
position: absolute;
line-height: 1em;
top: -0.25em;
left: -0.25em; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-left .image .online-status .icon {
border-radius: 100%;
border: 8px solid #34495e; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-content {
overflow: hidden; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-right {
cursor: default;
min-width: 32px; }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-right .app-set-answered.tooltip.is-tooltip-bottom.is-tooltip-align-left::before {
left: 20px;
transform: translate(-100%, -1rem); }
.app-container .column.app-contact-list > section .app-contacts .app-contact .media-right .app-set-answered.tooltip.is-tooltip-bottom.is-tooltip-align-left:focus::before, .app-container .column.app-contact-list > section .app-contacts .app-contact .media-right .app-set-answered.tooltip.is-tooltip-bottom.is-tooltip-align-left:hover::before, .app-container .column.app-contact-list > section .app-contacts .app-contact .media-right .app-set-answered.tooltip.is-tooltip-bottom.is-tooltip-align-left.is-tooltip-active::before {
transform: translate(-100%, 0.5rem); }
.app-container .column.app-center, .app-container .column .app-archive-viewer {
height: 100%;
border-radius: 8px 0 0 8px;
box-shadow: 0 0 0 1px #2c3e50, 0 4px 24px 2px rgba(0, 0, 0, 0.1);
z-index: 1; }
.app-container .column.app-center.app-center--dialog-templates-showed .app-dialog-messages, .app-container .column .app-archive-viewer.app-center--dialog-templates-showed .app-dialog-messages {
padding-bottom: 250px; }
.app-container .column.app-center.app-center--dialog-templates-showed .app-dialog-templates, .app-container .column .app-archive-viewer.app-center--dialog-templates-showed .app-dialog-templates {
display: block; }
.app-container .column.app-center.is-team .app-dialog-header, .app-container .column .app-archive-viewer.is-team .app-dialog-header {
height: 8px;
padding: 0; }
.app-container .column.app-center.is-team .app-dialog-messages, .app-container .column .app-archive-viewer.is-team .app-dialog-messages {
height: calc(100% - 100px);
padding: 20px 30px 33px 30px; }
.app-container .column.app-center .app-dialog-header, .app-container .column .app-archive-viewer .app-dialog-header {
background-color: white;
height: 100px;
padding: 10px 10px 0px 10px;
border-top-left-radius: 8px; }
.app-container .column.app-center .app-dialog-header .field:not(:last-child), .app-container .column .app-archive-viewer .app-dialog-header .field:not(:last-child) {
margin-bottom: 0.25rem; }
.app-container .column.app-center .app-dialog-header .field .button:not(:last-child), .app-container .column .app-archive-viewer .app-dialog-header .field .button:not(:last-child) {
margin-right: 0.25rem; }
.app-container .column.app-center .app-dialog-header .app-dialog-notify .app-dialog-notify--bell-on, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-notify .app-dialog-notify--bell-on {
display: none;
text-decoration: none; }
.app-container .column.app-center .app-dialog-header .app-dialog-notify .app-dialog-notify--bell-off, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-notify .app-dialog-notify--bell-off {
margin-right: 5px; }
.app-container .column.app-center .app-dialog-header .app-dialog-notify.app-dialog-notify--on .app-dialog-notify--bell-on, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-notify.app-dialog-notify--on .app-dialog-notify--bell-on {
display: inline-flex; }
.app-container .column.app-center .app-dialog-header .app-dialog-notify.app-dialog-notify--on .app-dialog-notify--bell-off, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-notify.app-dialog-notify--on .app-dialog-notify--bell-off {
display: none; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page {
position: relative;
top: 0px;
left: 0px;
z-index: 35;
margin-top: 0.3rem;
transition: all 0.2s; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page.is-active, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page.is-active {
top: -58px; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page.is-active .button, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page.is-active .button {
width: calc(100% - 25px);
padding-left: 10px; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page.is-active .button:focus:not(:active), .app-container .column.app-center .app-dialog-header .app-dialog-header--current-page.is-active .button.is-focused:not(:active), .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page.is-active .button:focus:not(:active), .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page.is-active .button.is-focused:not(:active) {
box-shadow: none; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page.is-active .button.is-text:hover, .app-container .column.app-center .app-dialog-header .app-dialog-header--current-page.is-active .button.is-text.is-hovered, .app-container .column.app-center .app-dialog-header .app-dialog-header--current-page.is-active .button.is-text:focus, .app-container .column.app-center .app-dialog-header .app-dialog-header--current-page.is-active .button.is-text.is-focused, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page.is-active .button.is-text:hover, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page.is-active .button.is-text.is-hovered, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page.is-active .button.is-text:focus, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page.is-active .button.is-text.is-focused {
background-color: transparent; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page.is-active .button span.icon:first-child, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page.is-active .button span.icon:first-child {
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page.is-active .delete.is-pulled-right, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page.is-active .delete.is-pulled-right {
display: block; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page .button, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page .button {
width: 100%;
padding-left: 0px; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page .button:focus:not(:active), .app-container .column.app-center .app-dialog-header .app-dialog-header--current-page .button.is-focused:not(:active), .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page .button:focus:not(:active), .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page .button.is-focused:not(:active) {
box-shadow: none; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page .button span:last-child, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page .button span:last-child {
width: 365px;
text-overflow: ellipsis;
overflow: hidden; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page .button span.icon.is-xsmall, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page .button span.icon.is-xsmall {
margin-right: 5px; }
.app-container .column.app-center .app-dialog-header .app-dialog-header--current-page .delete.is-pulled-right, .app-container .column .app-archive-viewer .app-dialog-header .app-dialog-header--current-page .delete.is-pulled-right {
display: none;
position: absolute;
right: 5px;
top: 2px; }
.app-container .column.app-center .app-dialog-messages, .app-container .column .app-archive-viewer .app-dialog-messages {
background-color: white;
padding: 20px 30px;
overflow-y: auto;
text-align: center;
width: 100%;
height: calc(100% - 192px); }
.app-container .column.app-center .app-dialog-messages.app-dialog-placeholder, .app-container .column .app-archive-viewer .app-dialog-messages.app-dialog-placeholder {
display: flex;
align-items: flex-end; }
.app-container .column.app-center .app-dialog-messages.app-dialog-placeholder .app-visitor-messages, .app-container .column.app-center .app-dialog-messages.app-dialog-placeholder .app-operator-messages, .app-container .column.app-center .app-dialog-messages.app-dialog-placeholder .app-system-messages, .app-container .column.app-center .app-dialog-messages.app-dialog-placeholder .is-divider, .app-container .column .app-archive-viewer .app-dialog-messages.app-dialog-placeholder .app-visitor-messages, .app-container .column .app-archive-viewer .app-dialog-messages.app-dialog-placeholder .app-operator-messages, .app-container .column .app-archive-viewer .app-dialog-messages.app-dialog-placeholder .app-system-messages, .app-container .column .app-archive-viewer .app-dialog-messages.app-dialog-placeholder .is-divider {
display: none; }
.app-container .column.app-center .app-dialog-messages.app-dialog-placeholder > .app-dialog-placeholder, .app-container .column .app-archive-viewer .app-dialog-messages.app-dialog-placeholder > .app-dialog-placeholder {
display: flex !important; }
.app-container .column.app-center .app-dialog-messages .media + .media, .app-container .column .app-archive-viewer .app-dialog-messages .media + .media {
border: 0px; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages, .app-container .column.app-center .app-dialog-messages .app-operator-messages, .app-container .column.app-center .app-dialog-messages .app-system-messages, .app-container .column.app-center .app-dialog-messages .app-system-invoice, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call {
word-break: break-word; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages.app-dialog-placeholder, .app-container .column.app-center .app-dialog-messages .app-operator-messages.app-dialog-placeholder, .app-container .column.app-center .app-dialog-messages .app-system-messages.app-dialog-placeholder, .app-container .column.app-center .app-dialog-messages .app-system-invoice.app-dialog-placeholder, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call.app-dialog-placeholder, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages.app-dialog-placeholder, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages.app-dialog-placeholder, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages.app-dialog-placeholder, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice.app-dialog-placeholder, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call.app-dialog-placeholder {
display: none; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-left img, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-left img, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-left img, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-left img, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-left img, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-left img, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-left img, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-left img, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-left img, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-left img {
border-radius: 50%; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media {
padding-top: 0px;
border: 0px;
font-size: 0.85rem; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media > .media-content p, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media > .media-content p, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p {
display: inline-block;
padding: 0.75em 1em;
border-radius: 6px; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p a:not(.button), .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media > .media-content p a:not(.button), .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media > .media-content p a:not(.button), .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p a:not(.button), .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p a:not(.button), .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p a:not(.button), .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media > .media-content p a:not(.button), .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media > .media-content p a:not(.button), .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p a:not(.button), .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p a:not(.button) {
word-break: break-all;
text-decoration: underline; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media > .media-right small, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media > .media-right small, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media > .media-right small, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media > .media-right small, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-right small, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media > .media-right small, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media > .media-right small, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media > .media-right small, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media > .media-right small, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-right small {
font-size: 0.75rem; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-preview, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-preview, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-preview, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-preview, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-preview, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-preview, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-preview, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-preview, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-preview, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-preview {
padding: 0.75em 1em;
border-radius: 6px;
background-color: rgba(32, 156, 238, 0.7);
color: #fff;
display: inline-flex;
align-items: center; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-preview a:not(.button):hover, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-preview a:not(.button):hover, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-preview a:not(.button):hover, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-preview a:not(.button):hover, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-preview a:not(.button):hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-preview a:not(.button):hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-preview a:not(.button):hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-preview a:not(.button):hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-preview a:not(.button):hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-preview a:not(.button):hover {
text-decoration: underline;
color: #fff !important; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-preview .icon, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-preview .icon, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-preview .icon, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-preview .icon, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-preview .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-preview .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-preview .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-preview .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-preview .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-preview .icon {
margin-left: 0.5em;
margin-right: 0.5em; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p, .app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-invoice > .media-content > p, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-invoice > .media-content > p, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-invoice > .media-content > p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-invoice > .media-content > p {
background-color: transparent;
border: 2px solid whitesmoke;
display: inline-flex;
align-items: center; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p .icon, .app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p .icon, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p .icon, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p .icon, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p .icon, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p .icon, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p .icon, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-invoice > .media-content > p .icon, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p .icon, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-invoice > .media-content > p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-invoice > .media-content > p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-invoice > .media-content > p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-cobrowsing > .media-content > p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-invoice > .media-content > p .icon {
margin-right: 8px; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-image .media-content .image, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-image .media-content .image, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-image .media-content .image, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-image .media-content .image, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-image .media-content .image, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-image .media-content .image, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-image .media-content .image, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-image .media-content .image, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-image .media-content .image, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-image .media-content .image {
padding: 0;
border: 3px solid #209cee;
cursor: pointer; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-image .media-content .image:before, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-image .media-content .image:before, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-image .media-content .image:before, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-image .media-content .image:before, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-image .media-content .image:before, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-image .media-content .image:before, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-image .media-content .image:before, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-image .media-content .image:before, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-image .media-content .image:before, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-image .media-content .image:before {
content: "";
position: absolute;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.25);
background-image: url("data:image/svg+xml,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22eye%22%20role%3D%22img%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M572.52%20241.4C518.29%20135.59%20410.93%2064%20288%2064S57.68%20135.64%203.48%20241.41a32.35%2032.35%200%200%200%200%2029.19C57.71%20376.41%20165.07%20448%20288%20448s230.32-71.64%20284.52-177.41a32.35%2032.35%200%200%200%200-29.19zM288%20400a144%20144%200%201%201%20144-144%20143.93%20143.93%200%200%201-144%20144zm0-240a95.31%2095.31%200%200%200-25.31%203.79%2047.85%2047.85%200%200%201-66.9%2066.9A95.78%2095.78%200%201%200%20288%20160z%22%3E%3C/path%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: 35px;
bottom: 0;
left: 0;
right: 0;
top: 0;
opacity: 0;
transition: opacity 0.15s ease-in-out; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-image .media-content .image:hover:before, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-image .media-content .image:hover:before, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-image .media-content .image:hover:before, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-image .media-content .image:hover:before, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-image .media-content .image:hover:before, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-image .media-content .image:hover:before, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-image .media-content .image:hover:before, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-image .media-content .image:hover:before, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-image .media-content .image:hover:before, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-image .media-content .image:hover:before {
opacity: 1; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-image .media-content .image img, .app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-image .media-content .image img, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-image .media-content .image img, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-image .media-content .image img, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-image .media-content .image img, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media.app-dialog-messages-image .media-content .image img, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media.app-dialog-messages-image .media-content .image img, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media.app-dialog-messages-image .media-content .image img, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media.app-dialog-messages-image .media-content .image img, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media.app-dialog-messages-image .media-content .image img {
border-radius: 3px; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p {
background-color: #209cee;
color: #fff; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p a:not(.button), .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p a:not(.button) {
color: #fff; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p a:not(.button):hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p a:not(.button):hover {
color: #363636; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p strong, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p strong {
color: #fff; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p .tag, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p .tag {
height: inherit;
cursor: pointer; }
.app-container .column.app-center .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p .tag:hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-visitor-messages .media-content > .media > .media-content p .tag:hover {
background-color: #256ada; }
.app-container .column.app-center .app-dialog-messages .app-operator-messages .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-operator-messages .media-content > .media > .media-content p {
background-color: whitesmoke; }
.app-container .column.app-center .app-dialog-messages .app-system-messages .media + .media, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media + .media, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media + .media, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media + .media, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media + .media, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media + .media {
margin-top: 0px; }
.app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media > .media-content p, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p {
padding: 0.5em 1em;
background-color: transparent;
color: #7a7a7a; }
.app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media > .media-content p a:not(.button), .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media > .media-content p strong, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p a:not(.button), .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p strong, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p a:not(.button), .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p strong, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media > .media-content p a:not(.button), .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media > .media-content p strong, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p a:not(.button), .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p strong, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p a:not(.button), .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p strong {
color: #7a7a7a; }
.app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media > .media-content p a:not(.button):hover, .app-container .column.app-center .app-dialog-messages .app-system-messages .media-content > .media > .media-content p strong:hover, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p a:not(.button):hover, .app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p strong:hover, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p a:not(.button):hover, .app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p strong:hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media > .media-content p a:not(.button):hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-messages .media-content > .media > .media-content p strong:hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p a:not(.button):hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p strong:hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p a:not(.button):hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p strong:hover {
color: #363636; }
.app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p {
background-color: #23d160;
color: #fff;
display: inline-flex;
align-items: center; }
.app-container .column.app-center .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-invoice .media-content > .media > .media-content p .icon {
margin-right: 8px; }
.app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p {
background-color: #363636;
color: white;
display: inline-flex;
align-items: center; }
.app-container .column.app-center .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p .icon, .app-container .column .app-archive-viewer .app-dialog-messages .app-system-incoming-call .media-content > .media > .media-content p .icon {
margin-right: 8px; }
.app-container .column.app-center .app-dialog-messages .app-dialog-email-reply--block .help a:not(.button), .app-container .column.app-center .app-dialog-messages .app-dialog-email-reply--block .help strong, .app-container .column .app-archive-viewer .app-dialog-messages .app-dialog-email-reply--block .help a:not(.button), .app-container .column .app-archive-viewer .app-dialog-messages .app-dialog-email-reply--block .help strong {
color: #7a7a7a;
text-decoration: underline; }
.app-container .column.app-center .app-dialog-messages .app-dialog-email-reply--block .help a:not(.button):hover, .app-container .column.app-center .app-dialog-messages .app-dialog-email-reply--block .help strong:hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-dialog-email-reply--block .help a:not(.button):hover, .app-container .column .app-archive-viewer .app-dialog-messages .app-dialog-email-reply--block .help strong:hover {
color: #4a4a4a; }
.app-container .column.app-center .app-dialog-form, .app-container .column .app-archive-viewer .app-dialog-form {
background-color: white;
border-bottom-left-radius: 8px;
position: relative;
min-height: 92px;
padding: 0 20px 10px 20px;
line-height: 36px;
z-index: 20; }
.app-container .column.app-center .app-dialog-form .app-operator-typing, .app-container .column .app-archive-viewer .app-dialog-form .app-operator-typing {
position: relative; }
.app-container .column.app-center .app-dialog-form .app-operator-typing.is-typing > div, .app-container .column .app-archive-viewer .app-dialog-form .app-operator-typing.is-typing > div {
max-height: 35px;
height: 35px;
padding-top: 5px;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.2s, max-height 0.4s;
-o-transition: opacity 0.2s, max-height 0.4s;
transition: opacity 0.2s, max-height 0.4s; }
.app-container .column.app-center .app-dialog-form .app-operator-typing > div, .app-container .column .app-archive-viewer .app-dialog-form .app-operator-typing > div {
position: absolute;
bottom: 0;
width: 100%;
text-align: left;
color: #7a7a7a;
font-size: 0.85rem;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU4MSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, white), color-stop(0.5, white), color-stop(1, rgba(255, 255, 255, 0)));
background-image: -webkit-repeating-linear-gradient(bottom, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s, max-height 0.4s, visibility 0s 0.5s;
-o-transition: opacity 0.2s, max-height 0.4s, visibility 0s 0.5s;
transition: opacity 0.2s, max-height 0.4s, visibility 0s 0.5s; }
.app-container .column.app-center .app-dialog-form .app-operator-typing > div .icon, .app-container .column .app-archive-viewer .app-dialog-form .app-operator-typing > div .icon {
margin-left: 0.5em;
margin-right: 0.5em; }
.app-container .column.app-center .app-dialog-form .is-overlay, .app-container .column .app-archive-viewer .app-dialog-form .is-overlay {
z-index: 5; }
.app-container .column.app-center .app-dialog-form .is-overlay .notification, .app-container .column .app-archive-viewer .app-dialog-form .is-overlay .notification {
margin: 0px;
padding: 0.7em;
height: 100%;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
.app-container .column.app-center .app-dialog-form .level, .app-container .column .app-archive-viewer .app-dialog-form .level {
margin-top: 0.5em; }
.app-container .column.app-center .app-dialog-form .level .level-left .progress, .app-container .column .app-archive-viewer .app-dialog-form .level .level-left .progress {
width: 100px;
max-width: 100px;
margin-top: 2px; }
.app-container .column.app-center .app-dialog-form .level .level-left .app-dialog-form--attached-file, .app-container .column .app-archive-viewer .app-dialog-form .level .level-left .app-dialog-form--attached-file {
font-size: 0.75rem; }
.app-container .column.app-center .app-dialog-form .level .level-left .app-dialog-form--attached-file a, .app-container .column .app-archive-viewer .app-dialog-form .level .level-left .app-dialog-form--attached-file a {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 130px;
display: inline-block;
vertical-align: middle;
text-align: left; }
.app-container .column.app-center .app-dialog-form textarea, .app-container .column .app-archive-viewer .app-dialog-form textarea {
resize: none;
border: none;
border-radius: 0px;
border-top: 1px solid #dbdbdb;
font-size: 0.85rem;
max-height: 118px; }
.app-container .column.app-center .app-dialog-form textarea:focus, .app-container .column .app-archive-viewer .app-dialog-form textarea:focus {
border-top: 1px solid #209cee; }
.app-container .column.app-center .app-dialog-form .control, .app-container .column .app-archive-viewer .app-dialog-form .control {
margin-right: 0.35rem; }
.app-container .column.app-center .app-dialog-form .button.is-rounded, .app-container .column .app-archive-viewer .app-dialog-form .button.is-rounded {
padding-left: 0.75em;
padding-right: 0.75em; }
.app-container .column.app-center .app-dialog-form .hwt-content, .app-container .column .app-archive-viewer .app-dialog-form .hwt-content {
width: 100% !important; }
.app-container .column.app-center .app-dialog-form .hwt-content mark, .app-container .column .app-archive-viewer .app-dialog-form .hwt-content mark {
border-bottom: 2px dotted #FB3528;
background-color: transparent; }
.app-container .column.app-center .app-dialog-form .hwt-input, .app-container .column .app-archive-viewer .app-dialog-form .hwt-input {
line-height: 1.5;
padding: 0.625em; }
.app-container .column.app-center .app-dialog-form .hwt-backdrop, .app-container .column .app-archive-viewer .app-dialog-form .hwt-backdrop {
right: 0 !important;
padding: 0.625em !important;
padding-right: 0.625em !important;
line-height: 1.5;
font-size: 0.85rem !important;
top: 1px !important;
bottom: 0px !important; }
.app-container .column.app-center .app-dialog-form .hwt-highlights, .app-container .column .app-archive-viewer .app-dialog-form .hwt-highlights {
box-sizing: content-box;
border: 0px solid; }
.app-container .column.app-center .app-dialog-quick-reply, .app-container .column .app-archive-viewer .app-dialog-quick-reply {
position: relative; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content {
width: 100%;
position: absolute;
z-index: 30;
bottom: 0px;
overflow-y: auto; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body {
padding: 0 25px 0 20px; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul {
display: inline-block !important;
max-width: 100%; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li {
background-color: #ebebeb;
padding: 5px;
font-size: 0.75rem; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li .tag, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li .tag {
font-size: 9px;
background-color: #dbdbdb; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li:first-child, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li:first-child {
border-radius: 3px 3px 0 0; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li .media-content > .content, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li .media-content > .content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li .media-right, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li .media-right {
width: 0px;
transition: width 0.3s; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li .media-right .delete, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li .media-right .delete {
opacity: 0;
transition: opacity 0s;
transition-delay: 0s; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li:hover, .app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li.is-active, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li:hover, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li.is-active {
background-color: #dbdbdb; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li:hover .tag, .app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li.is-active .tag, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li:hover .tag, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li.is-active .tag {
background-color: #b5b5b5; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li:hover .media-right, .app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li.is-active .media-right, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li:hover .media-right, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li.is-active .media-right {
width: 20px; }
.app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li:hover .media-right .delete, .app-container .column.app-center .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li.is-active .media-right .delete, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li:hover .media-right .delete, .app-container .column .app-archive-viewer .app-dialog-quick-reply .app-dialog-quick-reply--content .app-dialog-quick-reply--body ul > li.is-active .media-right .delete {
opacity: 1;
transition: opacity 0.3s;
transition-delay: 0.15s; }
.app-container .column.app-center .app-dialog-templates, .app-container .column .app-archive-viewer .app-dialog-templates {
position: relative;
display: none; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content {
width: 100%;
position: absolute;
z-index: 30;
bottom: 0px;
box-sizing: border-box;
padding: 0 20px 10px 20px; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--head, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--head {
height: 35px; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body {
height: 150px;
max-height: 150px; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns {
height: 100%; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column {
padding-top: 5px;
padding-bottom: 5px;
overflow-y: auto; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li {
padding: 5px 10px;
font-size: 0.75rem;
border-radius: 3px;
line-height: 27px; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li.is-active, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li.is-active {
background-color: #dbdbdb; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li.is-active .media-right a, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li.is-active .media-right a {
display: initial; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li.is-active .media-right small, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li.is-active .media-right small {
display: none; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li .media-right a, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li .media-right a {
display: none; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li .media-right small, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li .media-right small {
display: initial; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li .media-content > .content, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column ul > li .media-content > .content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column:first-child, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column:first-child {
padding-left: 0px; }
.app-container .column.app-center .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column:first-child ul > li, .app-container .column .app-archive-viewer .app-dialog-templates .app-dialog-templates--content .box .app-dialog-templates--body .columns .column:first-child ul > li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.app-container .column.app-center .app-dialog-timeline, .app-container .column .app-archive-viewer .app-dialog-timeline {
display: none;
position: relative;
left: -10px;
top: -90px; }
.app-container .column.app-center .app-dialog-timeline.is-active, .app-container .column .app-archive-viewer .app-dialog-timeline.is-active {
display: block; }
.app-container .column.app-center .app-dialog-timeline.is-active .app-dialog-timeline--content, .app-container .column .app-archive-viewer .app-dialog-timeline.is-active .app-dialog-timeline--content {
padding: 0 0 10px 20px; }
.app-container .column.app-center .app-dialog-timeline .app-dialog-timeline--content, .app-container .column .app-archive-viewer .app-dialog-timeline .app-dialog-timeline--content {
width: 100%;
position: absolute;
z-index: 30;
top: 0px;
box-sizing: border-box;
padding: 0 20px 10px 20px; }
.app-container .column.app-center .app-dialog-timeline .app-dialog-timeline--content .box, .app-container .column .app-archive-viewer .app-dialog-timeline .app-dialog-timeline--content .box {
padding: 1.25rem 0.75rem; }
.app-container .column.app-center .app-dialog-timeline .app-dialog-timeline--content .box .app-dialog-timeline--body, .app-container .column .app-archive-viewer .app-dialog-timeline .app-dialog-timeline--content .box .app-dialog-timeline--body {
height: 350px;
max-height: 350px;
margin-top: 20px;
overflow-y: auto; }
.app-container .column.app-center .app-dialog-timeline .app-dialog-timeline--content .box .app-dialog-timeline--body .timeline, .app-container .column .app-archive-viewer .app-dialog-timeline .app-dialog-timeline--content .box .app-dialog-timeline--body .timeline {
padding-left: 20px; }
.app-container .column.app-center .app-dialog-timeline .app-dialog-timeline--content .box .app-dialog-timeline--body .timeline-content p, .app-container .column .app-archive-viewer .app-dialog-timeline .app-dialog-timeline--content .box .app-dialog-timeline--body .timeline-content p {
font-size: 0.75rem; }
.app-container .column.app-contact-info {
height: 100%;
background-color: #fafafa;
overflow-y: auto;
border: 1px solid whitesmoke;
position: relative;
z-index: 25; }
.app-container .column.app-contact-info.is-team .app-map .image {
background-color: #363636; }
.app-container .column.app-contact-info.is-team .app-map .image img {
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
filter: blur(20px); }
.app-container .column.app-contact-info section.section {
padding: 20px 20px; }
.app-container .column.app-contact-info section.section .content a {
width: auto;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.app-container .column.app-contact-info section.app-map {
position: relative; }
.app-container .column.app-contact-info section.app-map .image {
background-color: #003c63; }
.app-container .column.app-contact-info section.app-map .image .app-contact-channel-logo {
display: none; }
.app-container .column.app-contact-info section.app-map .is-overlay.app-map-info > small {
position: absolute;
top: 0.75em;
left: 1em; }
.app-container .column.app-contact-info section.app-map .is-overlay.app-status-info > small {
position: absolute;
bottom: 0.75em;
left: 1em; }
.app-container .column.app-contact-info section.app-map .is-overlay.app-map-marker {
padding-top: 50px; }
.app-container .column.app-contact-info section.app-map.is-vk .app-contact-channel-logo, .app-container .column.app-contact-info section.app-map.is-yandex .app-contact-channel-logo, .app-container .column.app-contact-info section.app-map.is-viber .app-contact-channel-logo, .app-container .column.app-contact-info section.app-map.is-facebook .app-contact-channel-logo, .app-container .column.app-contact-info section.app-map.is-telegram .app-contact-channel-logo, .app-container .column.app-contact-info section.app-map.is-whatsapp .app-contact-channel-logo, .app-container .column.app-contact-info section.app-map.is-instagram .app-contact-channel-logo {
text-align: center;
color: #ffffff;
position: absolute;
width: 100%;
top: 30px; }
.app-container .column.app-contact-info section.app-map.is-vk .app-contact-channel-logo .fa-vk, .app-container .column.app-contact-info section.app-map.is-vk .app-contact-channel-logo .fa-yandex, .app-container .column.app-contact-info section.app-map.is-vk .app-contact-channel-logo .fa-viber, .app-container .column.app-contact-info section.app-map.is-vk .app-contact-channel-logo .fa-facebook-f, .app-container .column.app-contact-info section.app-map.is-vk .app-contact-channel-logo .fa-telegram-plane, .app-container .column.app-contact-info section.app-map.is-vk .app-contact-channel-logo .fa-whatsapp, .app-container .column.app-contact-info section.app-map.is-vk .app-contact-channel-logo .fa-instagram, .app-container .column.app-contact-info section.app-map.is-yandex .app-contact-channel-logo .fa-vk, .app-container .column.app-contact-info section.app-map.is-yandex .app-contact-channel-logo .fa-yandex, .app-container .column.app-contact-info section.app-map.is-yandex .app-contact-channel-logo .fa-viber, .app-container .column.app-contact-info section.app-map.is-yandex .app-contact-channel-logo .fa-facebook-f, .app-container .column.app-contact-info section.app-map.is-yandex .app-contact-channel-logo .fa-telegram-plane, .app-container .column.app-contact-info section.app-map.is-yandex .app-contact-channel-logo .fa-whatsapp, .app-container .column.app-contact-info section.app-map.is-yandex .app-contact-channel-logo .fa-instagram, .app-container .column.app-contact-info section.app-map.is-viber .app-contact-channel-logo .fa-vk, .app-container .column.app-contact-info section.app-map.is-viber .app-contact-channel-logo .fa-yandex, .app-container .column.app-contact-info section.app-map.is-viber .app-contact-channel-logo .fa-viber, .app-container .column.app-contact-info section.app-map.is-viber .app-contact-channel-logo .fa-facebook-f, .app-container .column.app-contact-info section.app-map.is-viber .app-contact-channel-logo .fa-telegram-plane, .app-container .column.app-contact-info section.app-map.is-viber .app-contact-channel-logo .fa-whatsapp, .app-container .column.app-contact-info section.app-map.is-viber .app-contact-channel-logo .fa-instagram, .app-container .column.app-contact-info section.app-map.is-facebook .app-contact-channel-logo .fa-vk, .app-container .column.app-contact-info section.app-map.is-facebook .app-contact-channel-logo .fa-yandex, .app-container .column.app-contact-info section.app-map.is-facebook .app-contact-channel-logo .fa-viber, .app-container .column.app-contact-info section.app-map.is-facebook .app-contact-channel-logo .fa-facebook-f, .app-container .column.app-contact-info section.app-map.is-facebook .app-contact-channel-logo .fa-telegram-plane, .app-container .column.app-contact-info section.app-map.is-facebook .app-contact-channel-logo .fa-whatsapp, .app-container .column.app-contact-info section.app-map.is-facebook .app-contact-channel-logo .fa-instagram, .app-container .column.app-contact-info section.app-map.is-telegram .app-contact-channel-logo .fa-vk, .app-container .column.app-contact-info section.app-map.is-telegram .app-contact-channel-logo .fa-yandex, .app-container .column.app-contact-info section.app-map.is-telegram .app-contact-channel-logo .fa-viber, .app-container .column.app-contact-info section.app-map.is-telegram .app-contact-channel-logo .fa-facebook-f, .app-container .column.app-contact-info section.app-map.is-telegram .app-contact-channel-logo .fa-telegram-plane, .app-container .column.app-contact-info section.app-map.is-telegram .app-contact-channel-logo .fa-whatsapp, .app-container .column.app-contact-info section.app-map.is-telegram .app-contact-channel-logo .fa-instagram, .app-container .column.app-contact-info section.app-map.is-whatsapp .app-contact-channel-logo .fa-vk, .app-container .column.app-contact-info section.app-map.is-whatsapp .app-contact-channel-logo .fa-yandex, .app-container .column.app-contact-info section.app-map.is-whatsapp .app-contact-channel-logo .fa-viber, .app-container .column.app-contact-info section.app-map.is-whatsapp .app-contact-channel-logo .fa-facebook-f, .app-container .column.app-contact-info section.app-map.is-whatsapp .app-contact-channel-logo .fa-telegram-plane, .app-container .column.app-contact-info section.app-map.is-whatsapp .app-contact-channel-logo .fa-whatsapp, .app-container .column.app-contact-info section.app-map.is-whatsapp .app-contact-channel-logo .fa-instagram, .app-container .column.app-contact-info section.app-map.is-instagram .app-contact-channel-logo .fa-vk, .app-container .column.app-contact-info section.app-map.is-instagram .app-contact-channel-logo .fa-yandex, .app-container .column.app-contact-info section.app-map.is-instagram .app-contact-channel-logo .fa-viber, .app-container .column.app-contact-info section.app-map.is-instagram .app-contact-channel-logo .fa-facebook-f, .app-container .column.app-contact-info section.app-map.is-instagram .app-contact-channel-logo .fa-telegram-plane, .app-container .column.app-contact-info section.app-map.is-instagram .app-contact-channel-logo .fa-whatsapp, .app-container .column.app-contact-info section.app-map.is-instagram .app-contact-channel-logo .fa-instagram {
display: none; }
.app-container .column.app-contact-info section.app-map.is-vk .app-map-marker, .app-container .column.app-contact-info section.app-map.is-vk .app-map-info, .app-container .column.app-contact-info section.app-map.is-vk img, .app-container .column.app-contact-info section.app-map.is-yandex .app-map-marker, .app-container .column.app-contact-info section.app-map.is-yandex .app-map-info, .app-container .column.app-contact-info section.app-map.is-yandex img, .app-container .column.app-contact-info section.app-map.is-viber .app-map-marker, .app-container .column.app-contact-info section.app-map.is-viber .app-map-info, .app-container .column.app-contact-info section.app-map.is-viber img, .app-container .column.app-contact-info section.app-map.is-facebook .app-map-marker, .app-container .column.app-contact-info section.app-map.is-facebook .app-map-info, .app-container .column.app-contact-info section.app-map.is-facebook img, .app-container .column.app-contact-info section.app-map.is-telegram .app-map-marker, .app-container .column.app-contact-info section.app-map.is-telegram .app-map-info, .app-container .column.app-contact-info section.app-map.is-telegram img, .app-container .column.app-contact-info section.app-map.is-whatsapp .app-map-marker, .app-container .column.app-contact-info section.app-map.is-whatsapp .app-map-info, .app-container .column.app-contact-info section.app-map.is-whatsapp img, .app-container .column.app-contact-info section.app-map.is-instagram .app-map-marker, .app-container .column.app-contact-info section.app-map.is-instagram .app-map-info, .app-container .column.app-contact-info section.app-map.is-instagram img {
display: none; }
.app-container .column.app-contact-info section.app-map.is-vk .image {
background-color: #45668e; }
.app-container .column.app-contact-info section.app-map.is-vk .app-contact-channel-logo {
display: initial;
color: #ffffff; }
.app-container .column.app-contact-info section.app-map.is-vk .app-contact-channel-logo .fa-vk {
display: initial; }
.app-container .column.app-contact-info section.app-map.is-yandex .image {
background-color: #ffcc00; }
.app-container .column.app-contact-info section.app-map.is-yandex .app-contact-channel-logo {
display: initial;
color: #F70C18; }
.app-container .column.app-contact-info section.app-map.is-yandex .app-contact-channel-logo .fa-yandex {
display: initial; }
.app-container .column.app-contact-info section.app-map.is-viber .image {
background-color: #59267c; }
.app-container .column.app-contact-info section.app-map.is-viber .app-contact-channel-logo {
display: initial;
color: #ffffff; }
.app-container .column.app-contact-info section.app-map.is-viber .app-contact-channel-logo .fa-viber {
display: initial; }
.app-container .column.app-contact-info section.app-map.is-facebook .image {
background-color: #3b5998; }
.app-container .column.app-contact-info section.app-map.is-facebook .app-contact-channel-logo {
display: initial;
color: #ffffff; }
.app-container .column.app-contact-info section.app-map.is-facebook .app-contact-channel-logo .fa-facebook-f {
display: initial; }
.app-container .column.app-contact-info section.app-map.is-telegram .image {
background-color: #0088cc; }
.app-container .column.app-contact-info section.app-map.is-telegram .app-contact-channel-logo {
display: initial;
color: #ffffff; }
.app-container .column.app-contact-info section.app-map.is-telegram .app-contact-channel-logo .fa-telegram-plane {
display: initial; }
.app-container .column.app-contact-info section.app-map.is-whatsapp .image {
background-color: #25D366; }
.app-container .column.app-contact-info section.app-map.is-whatsapp .app-contact-channel-logo {
display: initial;
color: #ffffff; }
.app-container .column.app-contact-info section.app-map.is-whatsapp .app-contact-channel-logo .fa-whatsapp {
display: initial; }
.app-container .column.app-contact-info section.app-map.is-instagram .image {
background: #e1306c;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }
.app-container .column.app-contact-info section.app-map.is-instagram .app-contact-channel-logo {
display: initial;
color: #ffffff; }
.app-container .column.app-contact-info section.app-map.is-instagram .app-contact-channel-logo .fa-instagram {
display: initial; }
.app-container .column.app-contact-info .control {
margin-top: 10px; }
.app-container .column.app-contact-info .control input {
background-color: transparent; }
.app-container .column.app-contact-info .control input[readonly] {
border: 0px; }
.app-container .column.app-contact-info .app-visitor-card {
position: relative;
bottom: 50px; }
.app-container .column.app-contact-info .app-visitor-card section:not(:first-child) {
padding-top: 10px; }
.app-container .column.app-contact-info .app-visitor-card .control.has-icons-left > a {
padding-left: 2.25em;
font-size: 0.75rem;
/* -webkit-appearance: none; */
align-items: center;
display: inline-flex;
height: 2.25em;
/* justify-content: flex-start; */
/* line-height: 1.5; */
padding-bottom: calc(0.375em - 1px);
/* padding-left: calc(0.625em - 1px); */
padding-right: calc(0.625em - 1px);
padding-top: calc(0.375em - 1px);
/* position: relative; */
vertical-align: top;
/* max-width: 100%; */
/* width: 100%; */
/* -webkit-rtl-ordering: logical; */ }
.app-container .column.app-contact-info .app-visitor-card .control.has-icons-left a ~ .icon {
font-size: 0.75rem; }
.app-container .column.app-contact-info .app-visitor-card .control.has-icons-left:focus-within .textarea ~ .icon {
color: #7a7a7a; }
.app-container .column.app-contact-info .app-visitor-card .control.has-icons-left .textarea {
background-color: transparent;
padding-top: calc(0.375em - 1px);
padding-bottom: calc(0.375em - 1px);
padding-left: 0px; }
.app-container .column.app-contact-info .app-visitor-card .control.has-icons-left .textarea.is-small {
padding-left: 2.25em; }
.app-container .column.app-contact-info .app-visitor-card .control.has-icons-left .textarea.is-small ~ .icon {
font-size: 0.75rem; }
.app-container .column.app-contact-info .app-visitor-card figure.image {
margin: auto;
margin-bottom: 0.5em; }
.app-container .column.app-contact-info .app-visitor-card figure img {
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.2) 0px -1px 1px; }
.app-container .column.app-contact-info .app-visitor-card .app-pay-informer {
display: none;
font-size: 12px;
padding-top: 0px;
padding-bottom: 10px; }
.app-container .column.app-contact-info .app-visitor-card.app-need-pro .app-pay-informer {
display: block; }
.app-container .column.app-contact-info .app-visitor-card.app-need-pro span.is-pro-data, .app-container .column.app-contact-info .app-visitor-card.app-need-pro a.is-pro-data > span:last-child {
background-color: #f0f0f0;
color: #f0f0f0;
border-radius: 3px;
word-break: break-all;
user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none; }
.app-container .column.app-contact-info .app-visitor-card.app-need-pro span.is-pro-data::selection, .app-container .column.app-contact-info .app-visitor-card.app-need-pro a.is-pro-data > span:last-child::selection {
background: transparent; }
.app-container .column.app-contact-info .app-visitor-card.app-need-pro a.is-pro-data {
pointer-events: none; }
.app-container .column.app-contact-info .app-visitor-card.app-need-pro .control input[readonly].is-pro-data {
user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-text-security: square;
letter-spacing: -12px;
color: #f3f3f3;
font-size: 20px !important;
padding-left: 27px !important;
height: max-content;
vertical-align: middle; }
.app-container .column.app-contact-info .app-visitor-card.app-need-pro .control input[readonly].is-pro-data::selection {
background: transparent; }
.app-container .column.app-contact-info .app-visitor-card.app-need-pro .control.is-expanded input[readonly].is-pro-data {
padding-left: 6.5px !important; }
.has-ellipsis--two-lines {
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: inherit; }
.is-nobreak {
white-space: nowrap; }
.icon.is-xsmall {
width: 0.75rem;
height: 0.75rem; }
.icon.is-xmedium {
width: 1.75rem;
height: 1.75rem; }
.modal .modal-background {
background-color: #2c3e50;
opacity: 0.7; }
.has-text-purple {
color: #b86bff; }
.hero.is-placeholder {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
margin: auto;
z-index: 100; }
.hero.is-placeholder .container {
max-width: 500px;
min-width: 300px; }
.is-divider:first-of-type {
border-top: none;
margin: 1rem 0 1rem 0; }
::-webkit-scrollbar {
width: 6px;
height: 6px; }
::-webkit-scrollbar-button {
background-color: transparent;
height: 0px; }
::-webkit-scrollbar-track {
background-color: transparent; }
::-webkit-scrollbar-track-piece {
background-color: transparent; }
::-webkit-scrollbar-thumb {
background-color: #dbdbdb;
border-radius: 3px; }
::-webkit-scrollbar-corner {
background-color: #dbdbdb; }
.has-blur {
-webkit-filter: blur(5px);
filter: blur(5px); }
.app-pay-placeholder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
margin-left: 80px;
z-index: 10; }
.app-pay-placeholder .container h3 {
font-weight: 300; }
.app-pay-placeholder .container img {
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid #dbdbdb;
border-radius: 5px; }
.app-pay-placeholder .container .button {
margin-top: 1em; }
.app-pay-placeholder.is-full-screen {
background-color: #FFFFFF;
margin-left: 0px;
z-index: 1000; }
.app-pay-placeholder .delete {
position: absolute;
right: 50px;
top: 25px;
height: 48px;
max-height: 48px;
max-width: 48px;
min-height: 48px;
min-width: 48px;
width: 48px; }
.app-modal-remind .field.is-grouped > .control:not(:last-child) {
margin-right: 0.5rem; }
.app-modal-remind .field.is-grouped .is-horizontal .field-label {
margin-right: 0.5rem; }
.app-modal-remind .field.is-grouped .control.has-icons-left {
margin-right: 0.75rem; }
.app-modal-remind .field.is-grouped .control.has-icons-left input.input {
width: 135px; }
.app-modal-view-image .modal-content {
margin: 0 auto;
max-height: calc(100vh - 120px);
width: calc(100vw - 100px); }
.app-modal-view-image .app-modal-view-image-actions {
position: fixed;
right: 62px;
top: 20px;
text-align: center;
display: inline-block; }
.app-notifications {
position: absolute;
z-index: 10009;
right: 20px;
top: 20px;
min-width: 350px; }
.is-tooltip-click.is-tooltip-active::after, .is-tooltip-click.is-tooltip-active::before {
display: none !important; }
.is-tooltip-click.is-tooltip-active:focus::after, .is-tooltip-click.is-tooltip-active:focus::before, .is-tooltip-click.is-tooltip-active:focus:hover::after, .is-tooltip-click.is-tooltip-active:focus:hover::before {
display: inline-block !important; }
iframe.app-call-modal {
border-radius: 5px;
box-shadow: 0px 15px 20px 0px rgba(45, 62, 79, 0.8);
position: absolute;
z-index: 99999999999; }
iframe.app-call-modal.app-call-modal--call {
background-color: #013354;
top: calc(50% - 227px);
right: calc(50% - 150px); }
iframe.app-call-modal.app-call-modal--call-actions {
background-color: #2d3e4f;
bottom: 30px;
right: 30px; }
@keyframes pulsate-bck {
0% {
transform: scale(1);
opacity: 1; }
50% {
transform: scale(0.9);
opacity: 0.9; }
100% {
transform: scale(1);
opacity: 1; } }
/*# sourceMappingURL=main-dark.css.map */