| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/rospirotorg.ru/bitrix/js/mail/directorymenu/src/css/ |
Upload File : |
.ui-sidepanel-sidebar {
margin: 21px 0 0 -21px;
height: 100%;
width: 100%;
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;
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: flex;
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;
transition: color .17s;
overflow: hidden;
cursor: pointer;
}
.ui-sidepanel-submenu-link {
padding: 0 9px 0 25px;
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%;
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;
transition: color .3s;
cursor: pointer;
z-index: 999;
}
.ui-sidepanel-menu-link:hover .ui-sidepanel-toggle-btn {
display: inline-block;
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;
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);
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: flex;
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;
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;
transition: opacity .25s;
cursor: pointer;
z-index: 2;
}
.ui-sidepanel-edit-btn-icon {
position: absolute;
top: 9px;
right: 9px;
height: 19px;
width: 13px;
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;
}