| Server IP : 85.193.89.191 / Your IP : 18.188.29.250 Web Server : Apache System : Linux 956367-cx40159.tmweb.ru 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : bitrix ( 600) PHP Version : 8.1.27 Disable Function : NONE MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/bitrix/www/bitrix/js/mail/directorymenu/dist/ |
Upload File : |
.ui-sidepanel-sidebar {
margin: 21px 0 0 -21px;
height: 100%;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ui-sidepanel-head {
margin: 0 0 0 27px;
height: 50px;
}
.ui-sidepanel-title {
display: inline-block;
margin: 0;
max-width: 100%;
font: 22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
color: #333;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.ui-sidepanel-menu,
.ui-sidepanel-submenu {
display: block;
padding: 0;
margin: 0;
list-style: none;
}
.ui-sidepanel-menu-item,
.ui-sidepanel-submenu-item {
position: relative;
display: block;
}
.ui-sidepanel-menu-link,
.ui-sidepanel-submenu-link {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 3px 0;
padding: 0 9px 0 29px;
height: 36px;
font: 15px/36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
color: #505A68;
text-decoration: none;
-webkit-transition: color .17s;
-o-transition: color .17s;
transition: color .17s;
overflow: hidden;
cursor: pointer;
}
.ui-sidepanel-submenu-link {
padding: 0 9px 0 25px;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.bitrix24-light-theme .ui-sidepanel-menu-link:hover,
.ui-sidepanel-submenu-link:hover {
background: rgba(255,255,255,.1);
color: #505A68;
text-decoration: none;
}
.bitrix24-dark-theme .ui-sidepanel-menu-link:hover,
.ui-sidepanel-submenu-link:hover {
background: rgba(0,0,0,.05);
text-decoration: none;
}
.ui-sidepanel-menu-link-text, .ui-sidepanel-submenu-link {
display: inline-block;
margin: 0 12px 0 0;
max-width: 100%;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bitrix24-dark-theme .ui-sidepanel-menu-link-text, .ui-sidepanel-submenu-link {
color: #333;
}
.bitrix24-light-theme .ui-sidepanel-menu-link-text, .ui-sidepanel-submenu-link {
color: #fff;
}
.ui-sidepanel-toggle-btn {
display: none;
position: absolute;
top: 0;
right: 0;
padding: 0 8px 0 25px;
font: 9px/36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
color: #AEB4BB;
text-transform: uppercase;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
cursor: pointer;
z-index: 999;
}
.ui-sidepanel-menu-link:hover .ui-sidepanel-toggle-btn {
display: inline-block;
background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(227, 232, 235, 0)), color-stop(10%, rgba(227, 232, 235, 0.7)), color-stop(20%, #e3e8eb), to(#e3e8eb));
background: -o-linear-gradient(left, rgba(227, 232, 235, 0) 0, rgba(227, 232, 235, 0.7) 10%, #e3e8eb 20%, #e3e8eb 100%);
background: linear-gradient(to right, rgba(227, 232, 235, 0) 0, rgba(227, 232, 235, 0.7) 10%, #e3e8eb 20%, #e3e8eb 100%);
}
.ui-sidepanel-toggle-btn:hover {
color: #95929e;
}
.ui-sidepanel-submenu {
/*padding: 0 23px;*/
height: 0;
-webkit-transition: height .3s ease-in-out;
-o-transition: height .3s ease-in-out;
transition: height .3s ease-in-out;
overflow: hidden;
}
.ui-sidepanel-submenu-item .ui-sidepanel-menu-link-text {
margin: 0 20px;
}
.ui-sidepanel-submenu-active .ui-sidepanel-submenu-link {
padding: 0;
background-color: transparent;
}
.ui-sidepanel-submenu-active .ui-sidepanel-submenu-link .ui-sidepanel-menu-link-text,
.ui-sidepanel-menu-active .ui-sidepanel-menu-link .ui-sidepanel-menu-link-text {
padding: 0 11px 0 11px;
border-radius: 18px;
font: 15px/25px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
color: #fff;
}
.bitrix24-dark-theme .ui-sidepanel-submenu-active .ui-sidepanel-submenu-link .ui-sidepanel-menu-link-text,
.bitrix24-dark-theme .ui-sidepanel-menu-active .ui-sidepanel-menu-link .ui-sidepanel-menu-link-text {
background-color: rgba(0, 0, 0, .35);
}
.bitrix24-light-theme .ui-sidepanel-submenu-active .ui-sidepanel-submenu-link .ui-sidepanel-menu-link-text,
.bitrix24-light-theme .ui-sidepanel-menu-active .ui-sidepanel-menu-link .ui-sidepanel-menu-link-text {
background-color: rgba(255, 255, 255, .35);
}
.ui-sidepanel-menu-active .ui-sidepanel-menu-link .ui-sidepanel-menu-link-text {
margin: 0 0 0 -12px;
}
.ui-sidepanel-submenu-active .ui-sidepanel-submenu-link .ui-sidepanel-menu-link-text {
margin: 0 18px 0 29px;
}
.ui-sidepanel-menu-disable-active-state.ui-sidepanel-menu-link .ui-sidepanel-menu-link-text {
background-color: transparent;
font: 15px/36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
color: #505A68;
}
.ui-sidepanel-badge-new {
position: absolute;
top: 3px;
left: 8px;
width: 25px;
height: 13px;
border-radius: 7px;
border: 1px solid rgba(82,92,105,.08);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ui-sidepanel-badge-new:before {
content: 'new';
position: absolute;
left: 3px;
font: 7px/11px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
color: #2FC6F6;
text-transform: uppercase;
}
.salescenter-app-sidebar .ui-sidepanel-badge-new {
left: 23px;
}
.ui-sidepanel-submenu-active .ui-sidepanel-badge-new {
top: 1px;
border: none;
background-color: rgba(255,255,255,.9);
}
.ui-sidepanel-submenu-active .ui-sidepanel-badge-new:before {
left: 4px;
font: 7px/13px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
}
.ui-sidepanel-counter {
display: inline-block;
padding: 0 3px;
min-width: 18px;
height: 18px;
border-radius: 10px;
background-color: #d5dbdf;
font: 11px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
color: #717a84;
text-align: center;
}
.ui-sidepanel-menu-active .ui-sidepanel-counter {
margin: 0 0 0 6px;
}
.ui-sidepanel-add-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 9px 0 15px;
margin: 0 45px;
height: 36px;
font: 14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
color: #525C69;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
opacity: .5;
cursor: pointer;
}
.ui-sidepanel-add-item:before {
content: '+';
position: absolute;
top: 10px;
left: 0;
}
.ui-sidepanel-add-item:hover {
color: #525C69;
opacity: 1;
}
.ui-sidepanel-edit-btn {
position: absolute;
height: 100%;
top: 0;
right: 0;
width: 22px;
opacity: 0;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s;
cursor: pointer;
z-index: 2;
}
.ui-sidepanel-edit-btn-icon {
position: absolute;
top: 9px;
right: 9px;
height: 19px;
width: 13px;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10.09.854l2.056%202.078-8.042%208.02L2.05%208.873l8.04-8.02zM.894%2011.846a.215.215%200%200%200%20.054.205c.054.054.132.075.206.054l2.297-.619L1.513%209.55l-.62%202.297z%22%20fill%3D%22rgb%2882%2C92%2C104%29%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E') center center no-repeat;
opacity: .4;
}
.ui-sidepanel-submenu-link:hover .ui-sidepanel-edit-btn {
opacity: 1;
/*transition-delay: 1s;*/
}
.ui-sidepanel-edit-btn:hover .ui-sidepanel-edit-btn-icon {
opacity: 1;
}
.ui-sidepanel-input {
display: none;
border: none;
border-bottom: 1px solid #dcdcdc;
background: transparent;
font: 15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
color: #505A68;
outline: none;
}
.ui-sidepanel-submenu-edit-mode .ui-sidepanel-menu-link-text {
display: none;
}
.ui-sidepanel-submenu-edit-mode .ui-sidepanel-submenu-link {
padding-right: 30px;
}
.ui-sidepanel-submenu-edit-mode.ui-sidepanel-submenu-active .ui-sidepanel-input {
margin: 0 45px;
}
.ui-sidepanel-submenu-edit-mode .ui-sidepanel-input {
display: inline-block;
}
.ui-mail-left-directory-menu{
padding: 0;
width: calc(100% + 20px);
margin: 14px 0 23px -20px;
}
.mail-msg-list-grid .main-grid-header .main-grid-cell-checkbox .main-grid-cell-head-container {
visibility: hidden;
}
.mail-msg-list-subject:hover {
color: inherit;
text-decoration: underline;
}
.mail-msg-list-cell-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mail-msg-list-cell-unseen .mail-msg-userpic {
font-weight: initial;
}
.mail-bindings-field-popup-wrapper {
cursor: pointer;
}
.mail-msg-list-grid .ui-action-panel.mail-msg-list-action-panel {
top: auto !important;
left: auto !important;
}
.mail-msg-list-action-panel .ui-action-panel-total {
padding: 0 37px 0 13px;
}
.mail-msg-list-action-panel .ui-action-panel-total-param {
margin-left: 4px;
}
.mail-msg-list-action-panel .ui-action-panel-total::before {
content: '';
display: inline-block;
width: 11px;
height: 11px;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.805 6l4.23 4.217L9.749 11.5l-4.23-4.217-4.23 4.217L0 10.217 4.23 6 0 1.783 1.287.5l4.23 4.217L9.749.5l1.288 1.283L6.806 6z' fill='%23828B95'/%3E%3C/svg%3E");
opacity: 0.8;
cursor: pointer;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.mail-msg-list-action-panel .ui-action-panel-total:hover::before {
opacity: 1;
}
.mail-msg-list-action-panel .ui-action-panel-total:after {
height: 20px;
background: rgba(82,92,105,.8);
opacity: 1;
}
.mail-msg-list-action-panel .ui-action-panel-wrapper {
margin-left: 15px;
}
.mail-msg-list-action-panel .ui-action-panel-item {
padding: 1px 6px 0;
max-height: 36px;
}
.mail-msg-list-action-panel .ui-action-panel-item-icon {
width: 24px;
height: 24px;
margin-right: 0;
}
.mail-msg-list-action-panel .ui-action-panel-item-icon img {
opacity: 0.7;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.mail-msg-list-action-panel .ui-action-panel-item:hover .ui-action-panel-item-icon img {
opacity: 1;
}
.mail-msg-list-action-panel .ui-action-panel-item.mail-separator {
padding: 0 11px;
cursor: auto;
}
.mail-msg-list-action-panel .ui-action-panel-item.mail-separator::before {
margin-left: 0;
background: rgba(82,92,105,.8);
height: 20px;
margin-top: 9px;
}
.mail-msg-list-action-panel .ui-action-panel-item-title {
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.mail-msg-list-action-panel .ui-action-panel-item[class*="mail-"]:not(.mail-separator) {
padding-left: 36px;
margin-right: 9px;
position: relative;
}
.mail-msg-list-action-panel .ui-action-panel-item[class*="mail-"]:not(.mail-separator)::after {
content: '';
display: inline-block;
width: 26px;
height: 26px;
position: absolute;
top: 50%;
left: 5px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
opacity: 0.8;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.mail-msg-list-action-panel .ui-action-panel-item.mail-discuss {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 16px;
padding-top: 0;
}
.mail-msg-list-action-panel .ui-action-panel-item.mail-discuss::before {
content: '';
display: inline-block;
width: 0;
height: 0;
border: 2px solid transparent;
border-left-color: #525c69;
border-bottom-color: #525c69;
position: absolute;
right: 5px;
top: 49%;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
opacity: 0.7;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.mail-msg-list-action-panel .ui-action-panel-item.mail-discuss:hover::before {
opacity: 1;
}
.mail-msg-list-action-panel .ui-action-panel-item.mail-not-crm-action::after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12z' fill='%230FB9EF' fill-opacity='.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22.154c5.608 0 10.154-4.546 10.154-10.154S17.608 1.846 12 1.846 1.846 6.392 1.846 12 6.392 22.154 12 22.154zM12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 23.077c6.118 0 11.077-4.96 11.077-11.077C23.077 5.882 18.117.923 12 .923 5.882.923.923 5.883.923 12c0 6.118 4.96 11.077 11.077 11.077zM12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z' fill='%23FF5752'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.247 7.385h13.506c.349 0 .632.296.632.661a.691.691 0 01-.036.218l-.408 1.228a.634.634 0 01-.596.444H5.651a.634.634 0 01-.596-.445L4.65 8.262a.67.67 0 01.39-.841.605.605 0 01.207-.036zM7.47 12.1h9.058c.348 0 .63.297.63.662 0 .08-.013.158-.04.232l-.439 1.229a.633.633 0 01-.59.429H7.886a.634.634 0 01-.594-.44l-.416-1.229a.67.67 0 01.383-.845.606.606 0 01.211-.038zm2.812 4.732h3.434c.348 0 .63.296.63.662a.689.689 0 01-.026.19l-.351 1.228a.636.636 0 01-.605.472h-2.692a.635.635 0 01-.599-.453l-.39-1.229a.67.67 0 01.4-.836.604.604 0 01.2-.034z' fill='%230FB9EF'/%3E%3Ccircle cx='18.87' cy='6.286' fill='%23FF5752' r='5.145'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.634 6.286l1.527 1.528-.763.764L18.87 7.05l-1.527 1.528-.764-.764 1.527-1.528L16.58 4.76l.764-.764 1.527 1.528 1.528-1.528.764.764-1.528 1.527z' fill='%23fff'/%3E%3C/svg%3E");
}
.mail-msg-list-action-panel .ui-action-panel-item.mail-crm-action::after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h24v24H1z'/%3E%3Ccircle opacity='.2' cx='13' cy='13' r='13' fill='%230FB9EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.684 8h14.632c.378 0 .684.32.684.717a.75.75 0 01-.038.235l-.442 1.331a.687.687 0 01-.646.481H6.122a.687.687 0 01-.646-.482L5.038 8.95c-.124-.375.066-.783.423-.912A.655.655 0 015.684 8zm2.41 5.11h9.812c.378 0 .684.32.684.716a.747.747 0 01-.044.252l-.476 1.331a.686.686 0 01-.64.465H8.545a.686.686 0 01-.645-.477l-.45-1.33c-.127-.374.06-.784.415-.916a.656.656 0 01.229-.041zm3.046 5.126h3.72c.378 0 .684.32.684.716 0 .07-.01.14-.03.206l-.38 1.331a.689.689 0 01-.655.511h-2.917a.687.687 0 01-.648-.49l-.422-1.332c-.12-.375.074-.78.433-.906a.654.654 0 01.215-.036z' fill='%230FB9EF'/%3E%3C/svg%3E");
}
.mail-msg-list-action-panel .ui-action-panel-item.mail-task::after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h24v24H1z'/%3E%3Ccircle opacity='.2' cx='13' cy='13' r='13' fill='%231BB5C9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.135 17.3v-2.313h2.136v-6.23H8.728v6.23h2.136v2.314h4.271zM8.017 6.979h9.966c.59 0 1.068.478 1.068 1.068v9.967c0 .59-.478 1.068-1.068 1.068H8.017c-.59 0-1.068-.479-1.068-1.068V8.046c0-.59.478-1.068 1.068-1.068zm3.314 4.601l.997 1.033 2.492-2.528.711 1.068-3.203 3.204-1.78-1.78.783-.997z' fill='%231BB5C9'/%3E%3C/svg%3E");
}
.mail-msg-list-action-panel .ui-action-panel-item.mail-discuss::after {
margin-top: 1px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h24v24H1z'/%3E%3Ccircle opacity='.2' cx='13' cy='13' r='13' fill='%23C475D2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.81 7.71h8.364c.447 0 .81.37.81.828v5.724a.819.819 0 01-.81.829h-4.182l-2.214 2.266c-.206.211-.56.061-.56-.238v-2.028H6.81A.819.819 0 016 14.262V8.538c0-.457.362-.828.81-.828zm12.246 3.406c.447 0 .81.371.81.829V17.1a.819.819 0 01-.81.829h-1.41v1.46c0 .3-.352.449-.559.238l-1.659-1.698h-3.627a.819.819 0 01-.81-.829v-.875h4.89c.67 0 1.214-.556 1.214-1.242v-3.868h1.961z' fill='%23C475D2'/%3E%3C/svg%3E");
}
.mail-msg-list-action-panel .ui-action-panel-item.mail-meeting::after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h24v24H1z'/%3E%3Ccircle opacity='.2' cx='13' cy='13' r='13' fill='%238DBB00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.938 17.61H8.066v-7.328h9.871v7.327zm-.976-9.686v-.461h1.11c.93.059 1.652.871 1.635 1.844v9.225c0 .509-.396.922-.885.922H7.182c-.489 0-.885-.413-.885-.922V9.307a1.929 1.929 0 01-.005-.142c.001-.942.736-1.704 1.64-1.702H8.95v.46c0 .765.593 1.384 1.326 1.384.734 0 1.327-.62 1.327-1.383v-.461h2.704v.46c0 .765.595 1.384 1.327 1.384s1.327-.62 1.327-1.383zm-6.034-1.197V7.74a.664.664 0 01-.65.678.664.664 0 01-.65-.678V6.717a.665.665 0 01.654-.673c.36.003.648.308.646.683zm5.321.025v.962c0 .353-.275.64-.615.64a.628.628 0 01-.613-.641v-.961c0-.355.275-.64.614-.64.34 0 .614.285.614.64zm-3.792 9.3h1.282V11.95h-.117l-1.84.807v.803l.675-.181v2.674z' fill='%238DBB00'/%3E%3C/svg%3E");
}
.mail-msg-list-action-panel .ui-action-panel-item[class*="mail-"]:not(.mail-separator):hover::after {
opacity: 1;
}
.mail-msg-list-action-panel .ui-action-panel-item:hover,
.mail-msg-list-action-panel .ui-action-panel-item-active {
background: transparent;
}
.mail-connect-lock-text {
vertical-align: middle;
}
.menu-popup .menu-popup-item[data-is-disabled=true] {
cursor: default;
}
.menu-popup .menu-popup-item[data-is-disabled=true] .mail-msg-list-menu-item {
opacity: 0.4;
}
.menu-popup .menu-popup-item .main-buttons-item-counter.mail-msg-list-menu-fake-counter {
background: #888;
}
.menu-popup-item-text .main-buttons-item-counter.mail-msg-list-menu-child-counter {
background: none;
border: 1px solid #f54819;
color: #f54819;
}
.menu-popup-item-text .main-buttons-item-counter.mail-msg-list-menu-child-counter.mail-msg-list-menu-fake-counter,
.menu-popup .menu-popup-item[data-is-disabled=true] .main-buttons-item-counter {
background: none;
border: 1px solid #888;
color: #888;
}
.mail-msg-list-stepper-wrapper .ui-hint .ui-hint-icon {
margin: 0;
}
.mail-msg-list-cell-subject {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
/* region BADGE */
.mail-badge {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 5px;
padding: 0 8px;
height: 21px;
border-radius: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.mail-badge-sm {
height: 16px;
}
.mail-badge-item {
display: inline-block;
font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
color: #525c69;
}
.mail-badge-sm .mail-badge-item {
font: 10px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.mail-badge-item:hover {
color: inherit;
}
.mail-badge-dark {
background-color: #ebecf0;
}
.mail-badge-light {
border: 1px solid rgba(82,92,105,.17);
background-color: transparent;
}
.mail-badge-icon-settings {
display: inline-block;
width: 13px;
height: 3px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2013%203%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.5%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm5%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm5%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3z%22%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E') no-repeat;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
opacity: .5;
}
.mail-badge:hover .mail-badge-icon-settings {
opacity: 1;
}
.mail-badge-error {
background-color: rgba(255,87,82,.14);
}
.mail-msg-list-cell-subject .mail-badge-error {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-right: 7.5px;
}
.mail-badge-error .mail-badge-item {
font: var(--ui-font-weight-bold) 9px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #cf1515;
text-transform: uppercase;
}
/* endregion */
.mail-btn-icon-settings {
width: 16px;
height: 4px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2016%204%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M2%200a2%202%200%20110%204%202%202%200%20010-4zm6%200a2%202%200%20110%204%202%202%200%20010-4zm6%200a2%202%200%20110%204%202%202%200%20010-4z%22%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E') center no-repeat;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
opacity: .7;
}
.mail-btn-icon-settings:hover {
opacity: 1;
}
.mail-msg-from-btn-pin {
display: inline-block;
width: 14px;
height: 13px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2014%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.073%203.375c.347.347.33.928-.04%201.296-.369.368-.949.385-1.296.037l-.646-.647-4.115%205.395.631.632c.324.35.297.912-.062%201.27-.358.36-.92.387-1.27.063L4.731%209.88.758%2012.874a.243.243%200%2001-.231.078.214.214%200%2001-.164-.165.243.243%200%2001.078-.23l2.949-4.02-1.512-1.51c-.33-.35-.306-.917.056-1.279.362-.36.928-.385%201.278-.055l.632.632L9.24%202.21l-.643-.642c-.33-.35-.306-.917.056-1.278.362-.362.928-.386%201.278-.055l3.142%203.14z%22%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.5%22/%3E%3C/svg%3E') no-repeat;
}
.mail-msg-list-cell-flex .mail-msg-from-btn-pin {
margin-right: 9px;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
/* region SIDEBAR MENU */
.ui-mail-left-directory-menu .ui-sidepanel-menu-link-text-counter {
display: inline-block;
margin-left: auto;
margin-right: 28px;
padding: 0 6.5px;
border-radius: 10px;
vertical-align: middle;
}
.ui-mail-left-directory-menu .ui-sidepanel-menu-link-text-counter-hidden {
display: none;
}
.ui-sidepanel-menu-counter-red .ui-sidepanel-menu-link-text-counter {
background-color: #f34829;
color: #fff;
font: normal 11px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.ui-sidepanel-menu-counter-white .ui-sidepanel-menu-link-text-counter {
border-radius: 10px;
min-width: 18px;
height: 18px;
font: 11px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
padding: 0 5px;
text-align: center;
margin: 0;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
max-width: 56px;
}
.bitrix24-light-theme .ui-sidepanel-menu-counter-white .ui-sidepanel-menu-link-text-counter {
background-color: rgba(255,255,255,.2);
color: #fff;
}
.bitrix24-dark-theme .ui-sidepanel-menu-counter-white .ui-sidepanel-menu-link-text-counter {
background-color: rgba(0,0,0,.1);
color: rgba(51,51,51,.6);
}
.ui-sidepanel-menu-counter-transparent .ui-sidepanel-menu-link-text-counter {
border: 1px solid rgba(168,173,180,.52);
background-color: transparent;
vertical-align: middle;
font: normal 11px/14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
color: #535c69;
}
.ui-sidepanel-menu-link-text-btn-clean {
display: inline-block;
font: normal 12px/36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
color: #525c69;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
opacity: .5;
}
.ui-sidepanel-menu-link-text-btn-clean:hover {
opacity: 1;
}
.ui-sidepanel-menu-create {
margin-left: 29px;
margin-bottom: 22px;
border-bottom: 1px solid rgba(82,92,105,.1);
}
.ui-sidepanel-menu-create:hover .ui-sidepanel-menu-link {
background-color: transparent;
color: inherit;
}
.ui-sidepanel-menu-create .ui-sidepanel-menu-link {
margin-bottom: 24px;
padding-left: 0;
}
.ui-sidepanel-menu-create .ui-sidepanel-menu-link-text-item {
position: relative;
padding-left: 22px;
font: 13px/36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
opacity: .6;
}
.ui-sidepanel-menu-create .ui-sidepanel-menu-link-text-item:before {
content: '';
position: absolute;
top: 9px;
left: 0;
display: block;
width: 16px;
height: 17px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2016%2017%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate%280%20.981%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23525C69%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22/%3E%3Cpath%20d%3D%22M9%204v3h3v2H9v3H7V8.999L4%209V7l3-.001V4h2z%22%20fill%3D%22%23EEF2F4%22/%3E%3C/g%3E%3C/svg%3E') no-repeat;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
opacity: .6;
}
.ui-sidepanel-menu-create .ui-sidepanel-menu-link:hover .ui-sidepanel-menu-link-text-item:before,
.ui-sidepanel-menu-create .ui-sidepanel-menu-link:hover .ui-sidepanel-menu-link-text-item {
opacity: 1;
}
.ui-mail-left-directory-menu .ui-sidepanel-menu-item .ui-btn {
margin-left: 29px;
font: 13px/26px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
text-transform: initial;
}
/* endregion */
.mail-icon-unpin .menu-popup-item-icon {
width: 18px;
height: 17px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2018%2017%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3.969.896l12.398%2012.398-1.43%201.43-4.374-4.375-1.312%201.723.806.806c.414.448.378%201.165-.08%201.623-.457.458-1.174.493-1.622.08l-1.97-1.966-5.074%203.821a.31.31%200%2001-.295.1.273.273%200%2001-.21-.21.31.31%200%2001.1-.295l3.766-5.132-1.93-1.93c-.422-.446-.39-1.17.07-1.631.463-.462%201.186-.493%201.633-.07l.806.806%201.722-1.315-4.434-4.434L3.97.896zm9.055-.599l4.012%204.01c.443.444.42%201.184-.051%201.655-.471.47-1.212.491-1.655.047l-.825-.826-1.812%202.375L9.765%204.63l2.376-1.81-.82-.82c-.422-.447-.39-1.171.071-1.632.462-.462%201.186-.493%201.632-.07z%22%20fill%3D%22%23767C87%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E') no-repeat;
}
/*.mail-menu-directory-item-container .ui-sidepanel-menu-item .ui-sidepanel-menu-link-text-item*/
.mail-menu-directory-item-container .ui-sidepanel-menu-link,
.mail-menu-directory-item-container .ui-sidepanel-submenu-link {
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 25px;
}
.mail-menu-directory-item-container .ui-sidepanel-menu-link-text {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2px 11px;
left: -16px;
}
.mail-menu-directory-item-container .ui-sidepanel-menu-link-text::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
margin: 1px 8px 0 0;
background-position: center;
background-repeat: no-repeat;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mail-menu-directory-item-container .ui-sidepanel-submenu-active .ui-sidepanel-submenu-link .ui-sidepanel-menu-link-text,
.mail-menu-directory-item-container .ui-sidepanel-menu-active .ui-sidepanel-menu-link .ui-sidepanel-menu-link-text,
.mail-menu-directory-item-container .ui-sidepanel-menu-link .ui-sidepanel-menu-link-text {
font: 15px/25px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
margin: 0 12px 0 7px;
font-size: 14px;
padding: 2px 15px 2px 9px;
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-inbox .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 11.316L6.089 7.001H17.91L12 11.316zm6.985-3.088v-.21.21zm0 0L12 13.393 5.014 8.228v7.894c0 .488.45.882 1.005.882H17.98c.556 0 1.005-.395 1.005-.882V8.228z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-default .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.26 6.129a1.314 1.314 0 00-.928-.385H5.869a.876.876 0 00-.876.876v.875h9.634L13.26 6.13zM19.006 9.247a.876.876 0 00-.875-.876H4.993v8.758c0 .484.393.876.876.876h12.262a.876.876 0 00.875-.875V9.247z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-spam .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.002 16.95a5.754 5.754 0 007.912-7.912l-7.912 7.911zm-1.907-1.907l7.913-7.913a5.754 5.754 0 00-7.912 7.912zm4.91 5.012a8.015 8.015 0 110-16.03 8.015 8.015 0 010 16.03z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-outcome .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 11.075L5.957 6.663h12.085l-2.71 1.978a6.775 6.775 0 00-2.811 2.053l-.521.38zM4.858 7.917l6.526 4.826a6.749 6.749 0 00-.366 2.2c0 .677.099 1.33.284 1.946H5.885c-.567 0-1.027-.403-1.027-.901v-8.07zm13.836.331c.15.02.3.046.447.076v-.621.214l-.447.331zm3.966 6.695a4.885 4.885 0 11-9.77 0 4.885 4.885 0 019.77 0zm-4.39-2.737a.124.124 0 00-.21.087v1.596h-3.412a.124.124 0 00-.124.123v1.757c0 .068.055.123.124.123h3.412v1.596c0 .11.133.165.21.087l2.598-2.597a.123.123 0 000-.175l-2.598-2.597z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-trash .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.492 4.697H10.31v1.097H7.448a1.5 1.5 0 00-1.5 1.5v.694h10.906v-.694a1.5 1.5 0 00-1.5-1.5h-2.862V4.697zM7.039 9.085h8.724l-.791 8.962a1 1 0 01-.996.912h-5.15a1 1 0 01-.995-.912l-.792-8.962z' fill='%23525C69' opacity='.99'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-drafts .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4a1 1 0 00-1 1v13a1 1 0 001 1h10.023a1 1 0 001-1V9a2 2 0 00-.53-1.355l-2.764-3A2 2 0 0013.258 4H7zm1.812 3.982a.79.79 0 000 1.58h5.817a.79.79 0 100-1.58H8.812zm0 3a.79.79 0 000 1.58h5.817a.79.79 0 100-1.58H8.812zm-.79 3.75a.79.79 0 01.79-.79h4.113a.79.79 0 110 1.58H8.812a.79.79 0 01-.79-.79z' fill='%23525C69' opacity='.99'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-inbox.ui-sidepanel-menu-active .ui-sidepanel-menu-link-text::before,
.mail-menu-directory-item-container .mail-menu-directory-item-inbox .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 11.316L6.089 7.001H17.91L12 11.316zm6.985-3.088v-.21.21zm0 0L12 13.393 5.014 8.228v7.894c0 .488.45.882 1.005.882H17.98c.556 0 1.005-.395 1.005-.882V8.228z' fill='%23fff'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-default.ui-sidepanel-menu-active .ui-sidepanel-menu-link-text::before,
.mail-menu-directory-item-container .mail-menu-directory-item-default .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.26 6.129a1.314 1.314 0 00-.928-.385H5.869a.876.876 0 00-.876.876v.875h9.634L13.26 6.13zM19.006 9.247a.876.876 0 00-.875-.876H4.993v8.758c0 .484.393.876.876.876h12.262a.876.876 0 00.875-.875V9.247z' fill='%23fff'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-spam.ui-sidepanel-menu-active .ui-sidepanel-menu-link-text::before,
.mail-menu-directory-item-container .mail-menu-directory-item-spam .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.002 16.95a5.754 5.754 0 007.912-7.912l-7.912 7.911zm-1.907-1.907l7.913-7.913a5.754 5.754 0 00-7.912 7.912zm4.91 5.012a8.015 8.015 0 110-16.03 8.015 8.015 0 010 16.03z' fill='%23fff'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-outcome.ui-sidepanel-menu-active .ui-sidepanel-menu-link-text::before,
.mail-menu-directory-item-container .mail-menu-directory-item-outcome .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 11.075L5.957 6.663h12.085l-2.71 1.978a6.775 6.775 0 00-2.811 2.053l-.521.38zM4.858 7.917l6.526 4.826a6.749 6.749 0 00-.366 2.2c0 .677.099 1.33.284 1.946H5.885c-.567 0-1.027-.403-1.027-.901v-8.07zm13.836.331c.15.02.3.046.447.076v-.621.214l-.447.331zm3.966 6.695a4.885 4.885 0 11-9.77 0 4.885 4.885 0 019.77 0zm-4.39-2.737a.124.124 0 00-.21.087v1.596h-3.412a.124.124 0 00-.124.123v1.757c0 .068.055.123.124.123h3.412v1.596c0 .11.133.165.21.087l2.598-2.597a.123.123 0 000-.175l-2.598-2.597z' fill='%23fff'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-trash.ui-sidepanel-menu-active .ui-sidepanel-menu-link-text::before,
.mail-menu-directory-item-container .mail-menu-directory-item-trash .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.492 4.697H10.31v1.097H7.448a1.5 1.5 0 00-1.5 1.5v.694h10.906v-.694a1.5 1.5 0 00-1.5-1.5h-2.862V4.697zM7.039 9.085h8.724l-.791 8.962a1 1 0 01-.996.912h-5.15a1 1 0 01-.995-.912l-.792-8.962z' fill='%23fff' opacity='.99'/%3E%3C/svg%3E");
}
.bitrix24-dark-theme .mail-menu-directory-item-container .mail-menu-directory-item-drafts.ui-sidepanel-menu-active .ui-sidepanel-menu-link-text::before,
.mail-menu-directory-item-container .mail-menu-directory-item-drafts .ui-sidepanel-menu-link-text::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4a1 1 0 00-1 1v13a1 1 0 001 1h10.023a1 1 0 001-1V9a2 2 0 00-.53-1.355l-2.764-3A2 2 0 0013.258 4H7zm1.812 3.982a.79.79 0 000 1.58h5.817a.79.79 0 100-1.58H8.812zm0 3a.79.79 0 000 1.58h5.817a.79.79 0 100-1.58H8.812zm-.79 3.75a.79.79 0 01.79-.79h4.113a.79.79 0 110 1.58H8.812a.79.79 0 01-.79-.79z' fill='%23fff' opacity='.99'/%3E%3C/svg%3E");
}
.mail-menu-directory-item-container .ui-sidepanel-menu-link-text-item {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}