Your IP : 18.219.94.100
@font-face{
font-family: 'OpenSans-Regular';
src: url('/bitrix/fonts/opensans-regular.eot');
src: local('Open Sans'),
url('/bitrix/fonts/opensans-regular.woff') format('woff'),
url('/bitrix/fonts/opensans-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'OpenSans-Semibold';
src: url('/bitrix/fonts/opensans-semibold.eot');
src: local('Open Sans Semibold'),
url('/bitrix/fonts/opensans-semibold.woff') format('woff'),
url('/bitrix/fonts/opensans-semibold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-Bold';
src: url('/bitrix/fonts/opensans-bold.eot');
src: local('Open Sans Bold'),
url('/bitrix/fonts/opensans-bold.woff') format('woff'),
url('/bitrix/fonts/opensans-bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
html, body {
margin: 0;
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif !important;
min-height: 100%;
max-width: 100%;
-webkit-text-size-adjust: none;
height: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
outline: none;
-webkit-user-select: none;
}
a:focus, textarea:focus, input:focus {
outline: none;
-webkit-tap-highlight-color: rgba(255,255,255,0);
}
a {
font-size: 12px;
color: #1d54a2;
text-decoration: none
}
.button {
font-size: 22px;
font-weight: bold;
display: block;
box-sizing: border-box;
height: 47px;
padding: 2px 0 5px;
text-align: center;
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: transparent;
}
.accept-button,
.denied-button,
.usual-button{
display: block;
height:44px;
padding:15px;
border-radius:3px;
text-decoration: none;
font-weight: bold;
text-align: center;
font-size:12px;
line-height:14px;
vertical-align: middle;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.accept-button {
background-color: #c1ee3c;
color: #282f35;
}
.accept-button:active,
.accept-button-press {
background-color: #d2f95f;
}
.denied-button {
background-color: #ee4234;
color: #fff;
}
.denied-button:active,
.denied-button-press {
background-color: #cc1a00;
color: #fff;
}
.usual-button {
background-color: #ecedef;
color: #282f35;
}
.usual-button:active,
.usual-button-press {
background-color: #cfd4d8;
color: #fff;
}
.avatar {
background: url(images/avatar.png) no-repeat center;
background-size: cover;
float: left;
height:32.5px;
width: 32.5px;
border-radius: 50%;
margin-right: 7px;
position: relative;
overflow: hidden;
}
.post-item-top .avatar {
height:45px;
width: 45px;
margin-right: 12px;
}
.post-comment-block-avatar {
flex: 0 0 auto;
margin: 6px 8px 0 0;
width: 34px;
height: 34px;
}
.avatar-info{
background-image: url(images/info-userpic-58x58.png);
background-repeat: no-repeat;
background-position: center;
}
.avatar-rss {
background-image: url(images/rss-userpic-58x58.png);
background-repeat: no-repeat;
background-position: center;
}
.post-item-top-cont {
margin-right: 38px;
padding-top: .5px;
padding-right: 0;
overflow: hidden
}
.crm-page,
.invite-user,
.task-list-page,
.task-card-page,
.tasks-folders-page,
.task-form-page,
.calendar-event-page,
.calendar-addevent-page,
.calendar-help-page,
.file-card-page,
.task-filter-page {
background: #dfe2e4;
}
.lenta-page {
background: #E7E9EB;
}
.post-item-top-arrow {display: inline-block}
.post-item-top-arrow:after {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAWklEQVQoz2MITS0xBuLNQBwBxCwM6AAo2ANVAMLu2BQIA3EnkiJrbIqUkExaAsQW2BQpA/E8qKJZQGyITZEsklUgxZLYFBkjKZpPvAl43YDXFwTDgZiQxBsXAI6rYd34DbWnAAAAAElFTkSuQmCC) no-repeat 5px 3px;
background-size: 4px auto;
display: inline-block;
content: '';
height: 12px;
width: 12px;
vertical-align: middle;
}
.post-item-destination {
font: 500 13px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
/*font-weight: bold;*/
color: #828b95;
vertical-align: baseline;
text-decoration: none
}
.post-destination-more {
color: #858E98;
display: inline-block;
vertical-align: baseline
}
.post-destination-more-touch {
background-color: #828282;
color: red
}
/*====================================================LIFE FEED======================================================*/
.lenta-item {
background-clip: padding-box
}
.post-item-top-wrap {
background-color: #fff;
position: relative;
}
.post-item-top-wrap.post-item-follow {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAABGlBMVEUAAACh0f+i0v+h0f+i0v+h0f+i0v+h0f+i0v+h0f+i0v+h0f+i0v+h0f+i0f+i0v+h0f+i0f+i0v+fz/6dzvyfz/2XyPiVxvWOwPCMvu6Mv++DtueDtuiAtOaCted/s+WAs+Z8sON8sOJ4rd95rd94rN9zqdxzqtxrotZpntNpn9Rkms9ims9gl81hl81elctalMlalMlZkshakshXkcZYkMZYkMdVjcNSi8JTi8JQicBPiL9PicBOiL9Mh75Nhr1GgrlHgbpHgrlHgrpEf7dFf7dDf7dDfbZBfbVBfbVCfbVAe7U/e7Q+ebM7drE7d7E6d7A6d686d7A6d686dq84da85dq84da43cq03c642cq03cq03c603c67U0Hx4AAAAXnRSTlMAExMUFBUVFhZLS0xMTU1NT09PUFFRVFVYWlpfX2BgYWFjZGZmZ2lpcHNzd3h5eX5/gIKCg4ODiIqKjY6Oj5GRmpqamp+foKKjpKSmqKuvr7CxsbKztLS2uLi5ubm5PHHdjAAAAtRJREFUSMfFldlCE0EQRUvckAly66rsAoooCiq4KyruogY3FDSp+f/f8KG7p2sCIcuL8zLpSZ/auuuWgAABaHgx/g4LgGEFkOG/+IyPiiQmPYwrMpsikp3AE+NnRSTurawn/xp8u+8pCoAToyIiAKBhFztcUzOSLRDBpwjqu1K4IGq5xUAJEOcDKZ2xpE3JjCJYZlWRiUgKaiWqTKBePGc9+RTRFFyt0nQGNAcEoKhIcfbpw/buNGfgSKlqAIBL6w/f/fj9a//n+0frS/ErfQE8KS605ZdNMyvNzKxsNV8u0x03AaIYdaTECwIuPP1uZlaWZcvMzKz1/ckC6M5LG96nSPprbdfMzP42X714vPWm+cfMzHbXfMpFnZSY6t0DK1vt5saN+SkQU/PXN5plu20HD7SKuB5tuE0K4p2ZNe/NOiez95ul2YfqAh4iJSTKpY+2NQcAmNl8tjlDEJh7bh8vx17pzDMfDrB4+yIA6MqOtWxnBQBw6c5iKtMRpPjrQ8XkW7O2tV9Pxn4NDXWoQhlVajzdq/tmZrZ/xV8ENk4fQQorISAArOxZq222d03ziaI4kpQsDQCA6U+lmbU+T7tGaJyRo9EkReF94dbXst36dvNC1TzajRSvXACB1e0v26tV25Fdog0BayV6QWuoueu0OymMopcFNysRgEZ3smo6AgqSWRWUx5MC3+uVosRUu1bI5+qkrBJ9FMeS4gQ/XgxNQ6I4eSwprLl0AaDRg0wXMU0yJUiSQHGqBymAwss9w1obPUnxEyUZUKBXnh0SHgco+iTFNU6W5N55do6rMGvZn88ccB6L/ZJSG4+k9nGe/iLSV7lfn1GHg0yw/wq5mVMVt9E/KYAyz+TiRP+kMKsQtRgZgBTfOIOR4gbEQNEmHSahA5NVq3PAaJ36D+wzeKViCDKe6zCkkBjOZzjXc0ORMjwpwNjIcKTo2JA+RYYnZUT+w/MPY+iNpDLEjAMAAAAASUVORK5CIIA=);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 29px;
}
.lenta-item-new-cont {
overflow: hidden;
height: 0;
transition: height 500ms;
}
.lenta-item-transform-cont {
overflow: hidden;
transition: height 500ms;
}
.lenta-item-new .post-item-top-wrap {
background: #fffedd;
border-bottom-color: #ededd0;
}
.lenta-item.post-without-informers .post-item-top-wrap {
border: none;
margin-bottom: 0;
padding-bottom: 12.5px;
}
.lenta-item.post-without-informers.lenta-item-new { }
.lenta-item.new-post-message { min-height: 0 }
.lenta-wrapper {
overflow-y: auto;
width: 100%;
color: #464e59;
padding: 0;
}
.lenta-notifier {
font-size: 13px;
font-weight: bold;
line-height: 30px;
position: fixed;
top: 7px;
left: 50%;
display: none;
height: 30px;
-webkit-transition: -webkit-transform .3s ease-in;
-webkit-transform: translateX(-50%) translateY(-38px);
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: #fff;
background-color: rgba(92,176,235,.9);
border-radius: 15px;
padding: 0 10px;
z-index: 10100;
}
.lenta-notifier-shown {
display: block;
-webkit-transform: translateX(-50%) translateY(0);
}
.lenta-notifier-arrow {
display: inline-block;
width: 14px;
height: 14px;
position: relative;
top: -2px;
margin: 0 8px 0 0;
vertical-align: middle;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAABc0lEQVRIDa3BPUiUcRwA4N/peXhFCLU4RDgUNOQuEhF9L0FNDUFTc0O0OjQGEaVSSB8gDS6BQ9Da4hJ9cFbQxyIUDWWfFGRd3FOR4f19fV/v6p4nimAYZzGDF1jAR8xiAodQjkWoYAq9kQe7cVdrXuE4enHDH8OxHHowiob2vbHkZDRDGdOKfULd6qaiGUZl1XEJQ6jGL+jCVoxg3srm4i/sRUNqFtsiB0q4Il9/oISa1CP0RQ6UMKHY4cBOqe8YjAI4iOeKnQmMSU1Gi7Ae+zGCm3htye3Afakd8R8wgCM4HXgntSY6ReprdBI+SFWjU1CT2hWdgotS1+IfoDuWwx6pbxiMNqAb9/AEl3EMGwJdeCxVQ1+0COek6tgUv+GArAfYEgWwFldlXYhmGJe1gHEMoScWYTNO4aWsp1gXzVDBLfl+4D2+yDeHgVgJKhhDQ/tmsDFWg314qDXzOIFytAolbMd53MFbNPAZz3AdR1GNHD8B+sBo82rjkAwAAAAASUVORK5CIIA=) no-repeat center;
background-size: 11px;
}
.lenta-notifier-text {
vertical-align: top;
line-height: 30px;
padding-right: 3px;
}
.lenta-notifier-waiter .lenta-notifier-arrow {
-webkit-animation: post_comments_loader 1s linear infinite;
animation: post_comments_loader 1s linear infinite;
}
.lenta-item {
background: #fff;
margin: 10px 0 15px;
min-height: 49px;
word-wrap: break-word
}
@media (min-width: 370px) {
.lenta-item {
margin: 10px 0 12px !important
}
}
/*.lenta-item-new{-webkit-border-image:url(images/yellow_block_shadow.png) 6 stretch}*/
.post-item-top {
padding: 15px 17.5px 8px 17.5px;
position: relative
}
@media (max-width: 320px) {
.post-item-top {padding: 15px 10px 0;}
}
.post-item-top-title {
color: #333333;
display: block;
-webkit-tap-highlight-color: transparent;
font-size: 16px;
font-weight: bold;
min-height: 17px;
text-decoration: none;
line-height: 16px;
padding-right: 25px;
}
.post-item-top-title.post-item-top-title-extranet {
color: #d9930a;
}
.post-item-top-topic {
color: #4a515d;
font-size: 14px;
padding: 2px 10px 1px 0;
}
.post-item-top-topic-bp {
color: #000;
font-size: 10px;
font-weight: bold;
padding: 2px 0 .5px 0;
}
.lenta-item-right-corner {
top: 3px;
right: 0;
position: absolute;
text-align: right;
}
/*.lenta-item-right-corner.lenta-item-right-corner-menu {*/
/* top: 13px;*/
/* right: 3px;*/
/*}*/
.lenta-item-time {
display: block;
font: 500 13px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
/*font-weight: bold;*/
color: #828B95;
vertical-align: top;
opacity: .7;
}
.lenta-menu {
display: none;
justify-content: center;
align-items: center;
padding: 0 17px;
width: 21px;
height: 38px;
}
.lenta-page .lenta-menu {
display: flex;
}
.lenta-menu.lenta-menu-invisible {
visibility: hidden;
}
.lenta-menu-item {
display: block;
width: 21px;
height: 6px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2021%206%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M18.498.26c1.38%200%202.5%201.134%202.5%202.532%200%201.399-1.12%202.533-2.5%202.533-1.381%200-2.5-1.134-2.5-2.533%200-1.398%201.119-2.532%202.5-2.532zm-8%200c1.38%200%202.5%201.134%202.5%202.532%200%201.399-1.12%202.533-2.5%202.533-1.381%200-2.5-1.134-2.5-2.533%200-1.398%201.119-2.532%202.5-2.532zm-8%200c1.38%200%202.5%201.134%202.5%202.532%200%201.399-1.12%202.533-2.5%202.533-1.381%200-2.5-1.134-2.5-2.533%200-1.398%201.119-2.532%202.5-2.532z%22%20fill%3D%22%23A8ADB4%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.5%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.lenta-item-fav {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4gIDxwb2x5Z29uIGZpbGw9IiNEOEQ4RDgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIzNTkuODM1IDM0LjcxNSAzNTUuNjExIDM3IDM1Ni40NzggMzIuMjc3IDM1MyAyOC45NjYgMzU3Ljc2IDI4LjMzMSAzNTkuODM1IDI0IDM2MS45MDkgMjguMzMxIDM2Ni42NjkgMjguOTY2IDM2My4xOTEgMzIuMjc3IDM2NC4wNTggMzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTMgLTI0KSIvPjwvc3ZnPg==) no-repeat 0 0;
display: inline-block;
height: 21px;
vertical-align: top;
width: 21px;
}
.lenta-item-fav.lenta-item-fav-active {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4gIDxwb2x5Z29uIGZpbGw9IiNGRkIwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIzMzguODM1IDEwLjcxNSAzMzQuNjExIDEzIDMzNS40NzggOC4yNzcgMzMyIDQuOTY2IDMzNi43NiA0LjMzMSAzMzguODM1IDAgMzQwLjkwOSA0LjMzMSAzNDUuNjY5IDQuOTY2IDM0Mi4xOTEgOC4yNzcgMzQzLjA1OCAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzMikiLz48L3N2Zz4=);
}
.post-item-top-text {}
.post-balloon-box {
display: block;
margin-bottom: -10px;
}
.post-balloon-box-fixed.post-balloon-box {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.post-balloon {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
margin-bottom: 2px;
height: 36px;
width: 100%;
max-width: 100%;
background-color: #2fc6f6;
font-size: 16px;
font-weight: 500;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
transition: background-color .5s;
overflow: hidden;
box-sizing: border-box;
}
.post-balloon-hidden {
visibility: hidden;
pointer-events: none;
}
.post-balloon-icon {
display: inline-block;
margin-right: 7px;
width: 16px;
height: 16px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.3381%209.68362C14.9999%2011.2284%2014.1977%2012.6329%2013.0391%2013.7091C11.8804%2014.7853%2010.4206%2015.4817%208.85512%2015.7052C7.28964%2015.9286%205.69326%2015.6684%204.2798%2014.9593C2.86634%2014.2502%201.70329%2013.1262%200.946418%2011.7377C0.18955%2010.3493%20-0.124993%208.76272%200.0449172%207.19053C0.214828%205.61834%200.861079%204.13561%201.89711%202.94092C2.93315%201.74623%204.3095%200.896639%205.84181%200.50593C7.37413%200.115221%208.98925%200.202055%2010.4708%200.754801L9.59708%203.09686C8.59282%202.72219%207.49807%202.66334%206.45943%202.92817C5.4208%203.193%204.48788%203.76887%203.78564%204.57865C3.08339%205.38843%202.64535%206.39346%202.53018%207.45912C2.41501%208.52478%202.62822%209.60019%203.14124%2010.5413C3.65426%2011.4824%204.4426%2012.2443%205.40067%2012.7249C6.35874%2013.2056%207.4408%2013.382%208.50191%2013.2305C9.56302%2013.0791%2010.5525%2012.607%2011.3379%2011.8775C12.1232%2011.1481%2012.6669%2010.1961%2012.8962%209.14899L15.3381%209.68362Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A') no-repeat;
animation: post-balloon-active 1s infinite linear;
}
.post-balloon-done {
background-color: #90bf00;
}
.post-balloon-done .post-balloon-icon {
display: inline-block;
margin-right: 6px;
width: 17px;
height: 17px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.1591%208.07954C16.1591%2012.5417%2012.5417%2016.1591%208.07954%2016.1591C3.61733%2016.1591%200%2012.5417%200%208.07954C0%203.61733%203.61733%200%208.07954%200C12.5417%200%2016.1591%203.61733%2016.1591%208.07954ZM6.80484%208.96201L4.93668%207.02713L3.46884%208.89529L6.80484%2012.2313L13.1126%205.9235L11.4753%204.22489L6.80484%208.96201Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A') no-repeat;
animation: post-balloon-done .5s linear forwards;
}
.post-balloon-show {
animation: post-balloon-show .5s linear forwards;
visibility: visible;
}
@keyframes post-balloon-show {
0% {
margin-top: -38px;
}
99.999% {
margin-top: 0;
}
100% {
margin-top: 0;
pointer-events: auto;
}
}
.post-balloon-hide {
animation: post-balloon-hide .5s linear forwards;
}
@keyframes post-balloon-hide {
0% {
margin-top: 0;
}
99.999% {
margin-top: -38px;
}
100% {
margin-top: -38px;
visibility: hidden;
pointer-events: none;
}
}
@keyframes post-balloon-active {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes post-balloon-done {
0% {
transform: scale(0);
}
50% {
transform: scale(1.2);
}
75% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.post-item-change-task,
.post-item-join-group,
.post-item-description,
.post-item-leave-group {
display: inline-block;
padding-right: 1px
}
.post-item-change-task {}
.post-item-join-group {color: #587506}
.post-item-leave-group{color: #9e0000}
.post-item-description {
color: #000;
font-size: 16px;
vertical-align: top;
line-height: 21px;
margin-top: 13px;
margin-bottom: 4px;
}
.post-item-description.post-item-description-task {
display: block;
padding-bottom: 6px;.lenta-block-new-employee
}
.post-item-topic-description {}
.post-item-change-task-status {
color: #4a515d;
}
.post-item-description-red {
color: #9d0000;
padding-left: 12px;
position: relative;
}
.post-item-description-red:before {
background: url(images/lenta/item-description.png) no-repeat 1px -12px;
background-size: auto 18px;
content: '';
position: absolute;
left: 2px;
top: 4px;
height: 8px;
width: 8px;
}
.post-item-description-red span:first-child { color: #4a515d }
.post-item-description-green {
min-height: 8px;
color: #648500;
padding-left: 12px;
position: relative;
}
.post-item-description-green:before {
background: url(images/lenta/item-description.png) no-repeat 0 0;
background-size: auto 18px;
content: '';
position: absolute;
left: 2px;
top: 3px;
height: 8px;
width: 8px;
}
.post-item-description-green span:first-child { color: #4a515d }
.post-item-top-text-important { color: #a0300e }
.post-item-top-text-all { color: #587506 }
.lenta-info-block-wrapp,
.lenta-info-block-wrapp-full {
padding: 0 16px 16px 16px;
overflow: hidden;
position: relative
}
.lenta-info-block-wrapp {
max-height: 190px;
-webkit-tap-highlight-color: transparent
}
.lenta-info-block {
border-radius: 2px;
/*margin: 2px 17px 11px;*/
min-height: 46px;
padding: 9px 0 0;
position: relative;
}
@media (max-width: 320px) {
.lenta-info-block {margin: 2px 10px 11px;}
}
.lenta-info-block-l { float: left; }
.lenta-info-block-task .lenta-info-block-l { float: none; }
.lenta-info-block-r { overflow: hidden }
.lenta-info-block-task .lenta-info-block-r .lenta-info-block-data {
padding-left: 13px;
}
.lenta-info-block-l-text {
margin-top: 1px;
font-size: 13px;
height: 30px;
padding: 13px 6.5px 0 14px
}
.lenta-info-block-l-text:first-child {
margin-top: 0;
height: 33px;
padding-top: 8px
}
.lenta-info-block-task .lenta-info-block-l-text:first-child {
height: auto;
}
.lenta-info-block-data {
margin-top: 1px;
padding: 1.5px 0 3px;
position: relative;
min-height: 41px
}
.lenta-info-block-data:first-child {
margin-top: 0;
overflow: hidden;
padding: 1px 0 4px
}
.lenta-info-avatar { margin-right: 7.5px }
.lenta-info-avatar img { }
.lenta-info-name {
overflow: hidden;
padding: 0 0 5px
}
.lenta-info-name-text, a.lenta-info-name-text {
display: block;
color: #333333;
font-size: 15px;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 10px;
}
.lenta-info-name-description {
opacity: 0.5;
color: #525c69;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
font-weight: normal;
white-space: nowrap
}
.lenta-info-block-description {
color: #4a515d;
font-size: 10px;
margin: 10px 17px 5px;
}
.lenta-info-block-description-title { font-weight: bold }
.lenta-important-block-title {
color: #000;
font-size: 14px;
font-weight: bold;
padding-bottom: 8px
}
.lenta-block-new-employee .lenta-important-block-title,
.lenta-block-new-employee .lenta-important-block-title a {
padding-bottom: 3px;
font-size:15px;
font-weight: normal;
color:#333333;
}
.lenta-important-block-title a { text-decoration: none }
.lenta-important-block-text {
/* opacity: 0.5; */
color: #525c69;
font-size: 13px;
}
.lenta-block-new-employee .lenta-important-block-text { font-size: 12px }
.lenta-important-block-text img[data-src] { max-width: 100% }
.lenta-important-block-text img[width] {
max-width: 100%;
height: auto!important;
}
.info-block-blue { background: #f1f2f5 }
.info-block-blue .lenta-info-block-l-text {
color:rgba(82,92,105,0.84);
text-align: right;
}
.lenta-info-block-task.info-block-blue .lenta-info-block-l-text {
text-align: left;
height: auto;
padding-bottom: 4px;
}
.info-block-blue .lenta-info-block-data { }
.info-block-blue .lenta-info-block-data:after { }
.info-block-red { background: #f9eeee; }
.info-block-red .lenta-info-block-l-text { color: #a68282 }
.info-block-red .lenta-info-block-data { }
.info-block-green { background: #f1f7e3; }
.info-block-green .lenta-info-block-l-text { color: #95a077 }
.info-block-green .lenta-info-block-data { }
.info-block-important,
.lenta-block-new-employee {
min-height: 33px;
}
.lenta-block-new-employee {
padding: 9px!important;
}
.lenta-block-new-employee {
background: #f4fed5;
}
.info-block-important .post-item-text,
.lenta-info-block.info-block-important,
.post-wrap .post-item-text.lenta-important-block-text {
background: #f4fed5;
padding: 9px;
}
.lenta-new-employee-icon { float: left }
.lenta-info-block-content {
overflow: hidden;
padding-top: 1px
}
.post-item-inform-wrap {
position: relative;
display: flex;
align-items: center;
-webkit-transition: height 0.3s ease-in-out;
height: 52px;
padding: 0 4px;
margin: 0 12px;
/* background: #fff;*/
font-weight: bold;
border-top: .5px solid #dbdde0;
border-bottom: .5px solid #dbdde0;
/*border-bottom: 1px solid rgba(82,92,105,.1);*/
box-sizing: border-box;
justify-content: space-between;
}
.lenta-item .post-item-inform-wrap {
border-bottom: none;
}
@media (max-width: 320px) {
.post-item-inform-wrap {
padding: 0 10px;
}
}
.post-item-inform-wrap-tree {
display: flex;
align-items: center;
font-weight: normal;
/*padding: 0 4px;*/
padding-left: 6px;
margin: 0 8px 0 13px;
/*padding: 0 17.5px;*/
font-size: 12px;
color: #8d9396;
vertical-align: middle;
box-sizing: border-box;
/* background: #ffffff;*/
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-box {
margin-left: -7px;
padding-left: 12px;
width: 100%;
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-outer {
display: flex;
align-items: center;
width: 100%;
padding-bottom: 0;
}
.feed-post-emoji-top-panel-outer-counter {
margin-bottom: 4px;
font: 500 15px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: #525C69;
opacity: .8;
}
.post-item-inform-wrap-tree .feed-post-emoji-icon-item {
border: 2px solid #fff;
width: 19px;
height: 19px;
}
.lenta-item-new .post-item-inform-wrap-tree .feed-post-emoji-icon-item {
border: 2px solid #fffedd;
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-box .feed-post-emoji-text-box {
display: flex;
font: 15px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: #747C86;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-box .feed-post-emoji-text-box.bx-ilike-right-wrap {
order: -1;
}
.feed-post-emoji-top-panel-box .feed-post-emoji-text-box .feed-post-emoji-text-item-overflow {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
max-width: 100%;
}
.feed-post-emoji-top-panel-box .feed-post-emoji-text-box .feed-post-emoji-text-item-more {
display: inline-block;
margin-left: 5px;
}
.post-item-inform-wrap-tree .feed-post-emoji-container {
width: 100%;
}
.post-item-inform-wrap-tree .feed-post-cont-wrap .feed-post-emoji-container.feed-post-emoji-container-toggle {
max-height: 47px;
}
.lenta-wrapper .post-item-inform-wrap-tree .feed-post-emoji-top-panel-box.feed-post-emoji-top-panel-container-active {
border-top: .5px solid #dbdde0;
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-box.feed-post-emoji-top-panel-container-active {
border-top: .5px solid #dbdde0;
}
.post-item-inform-wrap-tree .feed-post-emoji-top-panel-container-active.feed-post-emoji-top-panel-box {
display: flex;
height: 52px;
max-height: 52px;
padding-left: 3px;
align-items: center;
}
.post-item-inform-wrap-tree .feed-post-emoji-icon-container {
padding-left: 8px;
padding-right: 10px;
}
.post-item-inform-wrap-tree .feed-post-emoji-text-item:hover {
border-bottom: 1px transparent;
}
.feed-post-emoji-popup-invisible-final-mobile {
display: none;
}
.post-item-informers {
display: inline-block;
font-size: 12px;
color: #656d71;
padding: 9px 10px 0 0;
position: relative;
white-space: nowrap;
vertical-align: top;
line-height: 21px;
}
.post-item-inform-left {
display: inline-block;
margin-right: 3px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.post-item-informers.post-item-inform-comments .post-item-inform-left { }
.post-item-informers.post-item-inform-comments .post-item-inform-left:before { }
.post-item-informers.post-item-inform-comments .post-item-inform-left:after { }
.post-item-inform-comments-box {
position: relative;
display: flex;
align-items: center;
}
.post-item-inform-icon {
display: inline-block;
margin-right: 8px;
min-width: 16px;
min-height: 17px;
background-image: 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%3Cpath%20d%3D%22M14.735%201.897c1.24%201.465%201.538%208.696%200%2010.213-.83.819-4.34%201.07-7.612.957-2.3%202.128-3.638%203.192-4.012%203.192-.394%200-.406-1.184-.038-3.553-.972-.16-1.698-.363-1.994-.596-1.38-1.086-1.506-8.656%200-10.213C2.585.339%2013.495.43%2014.735%201.897z%22%20fill%3D%22%23B8BFC9%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.post-item-informers.post-item-inform-likes-active .post-item-inform-icon {
margin-top: -1px;
margin-right: 4px;
width: 18px;
height: 19px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2018%2019%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10.104%202.831l-.004.174a4.68%204.68%200%20005.605%204.587c.222%202.564-.035%205.596-.97%206.518-.83.819-4.34%201.07-7.612.957-2.3%202.128-3.638%203.192-4.012%203.192-.394%200-.406-1.184-.038-3.553-.972-.16-1.698-.363-1.994-.596-1.38-1.086-1.506-8.656%200-10.213.927-.96%205.42-1.293%209.025-1.066zM14.78.028a2.976%202.976%200%20110%205.953%202.976%202.976%200%20010-5.953z%22%20fill%3D%22%233886D8%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}
.post-item-inform-right {
display: inline-block;
vertical-align: top;
}
.post-item-inform-count {
display: none;
align-items: center;
margin-top: -3px;
padding: 0 5px;
height: 18px;
border-radius: 9px;
font: 500 13px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: #fff;
background-color: #f7a700;
letter-spacing: -0.4px;
}
.post-item-inform-right-new {
display: inline-block;
background: #ffa303;
vertical-align: top;
color: #fff;
font-weight: bold;
padding: 0 6px 0 3px;
border-radius: 10.5px;
margin-left: 5px;
}
.post-item-inform-right-new > span.post-item-inform-right-new-sign {
font-size: 9px;
position: relative;
top: -2px;
opacity: .8;
}
.post-item-inform-footer {
overflow: hidden;
padding: 8px 0;
}
.post-strong { font-weight: bold }
.post-item-inform-action { height: 66px }
.post-item-informers.post-item-inform-likes .post-item-inform-left { }
.post-item-informers.post-item-inform-likes .post-item-inform-left:before { }
.post-item-informers.post-item-inform-likes .post-item-inform-left:after { }
.post-item-informers.post-item-inform-likes-active .post-item-inform-left,
.post-item-informers.post-item-inform-likes-active .post-item-inform-right {
margin-right: 5px;
margin-bottom: 1px;
/*color: #3372cd; */
}
.post-item-informers.post-item-inform-likes-active .post-item-inform-right {
margin-right: 6px;
}
.post-item-informers.post-item-inform-likes-active .post-item-inform-left:before { }
.post-item-informers.post-item-inform-likes-active .post-item-inform-left:after { }
.post-item-informers.post-item-inform-likes-active .post-item-inform-count {
display: flex;
}
.post-item-informer-like {
padding-top: 15px;
padding-bottom: 15px;
}
.bx-ilike-left-wrap {
display: flex;
align-items: center;
}
.bx-ilike-icon-new {
display: block;
margin: -3px 5px 0 0;
min-width: 19px;
min-height: 19px;
background-image: 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%22M17.133%207.95a1.226%201.226%200%2000-.883-1.316h-4.361a1.84%201.84%200%2001-.057-1.6%205.234%205.234%200%2000.11-3.032c-.275-.688-.348-1.944-1.62-2.002a1.315%201.315%200%2000-.995.743V2.92c-.83%201.57-1.77%203.079-2.812%204.514-.34.058-1.654.23-1.654.23v7.89h.384a20.518%2020.518%200%20003.37%201.428h5.264a1.466%201.466%200%20001.199-1.375%202.549%202.549%200%2000-.269-1.204%201.37%201.37%200%20001.221-1.429%201.646%201.646%200%2000-.72-1.031%201.56%201.56%200%20001.259-1.486%202.208%202.208%200%2000-.51-1.135%201.395%201.395%200%20001.074-1.372zm-15.31%209.032h1.649V6.657H0l1.822%2010.325z%22%20fill%3D%22%23B8BFC9%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-angry .bx-ilike-icon-new {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22a%22%20cx%3D%2267.949%25%22%20r%3D%2258.251%25%22%20fx%3D%2267.949%25%22%20fy%3D%2250%25%22%20gradientTransform%3D%22matrix%280%20.67857%20-.5426%200%20.95%20.039%29%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FF2727%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23FFB9B7%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22b%22%20cx%3D%2238.089%25%22%20r%3D%2271.149%25%22%20fx%3D%2238.089%25%22%20fy%3D%2250%25%22%20gradientTransform%3D%22matrix%280%20.55556%20-.5426%200%20.652%20.288%29%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FF2727%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23FFB9B7%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23FFB9B7%22/%3E%3Cellipse%20cx%3D%2224.738%22%20cy%3D%2217.395%22%20fill%3D%22url%28%23a%29%22%20opacity%3D%22.3%22%20rx%3D%227.512%22%20ry%3D%2211.07%22/%3E%3Cellipse%20cx%3D%226.305%22%20cy%3D%2217.791%22%20fill%3D%22url%28%23b%29%22%20opacity%3D%22.3%22%20rx%3D%225.93%22%20ry%3D%2210.674%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M11.443%2027.304c0%20.308.273.479.455.284%201.491-1.597%203.289-2.274%205.225-2.273%201.936%200%203.733.679%205.223%202.276.182.195.455.024.455-.284v-.996a.434.434%200%200%200-.093-.277c-1.557-1.844-3.49-2.69-5.585-2.691-2.095%200-4.028.845-5.587%202.688a.435.435%200%200%200-.093.277v.996zM24.262%2018c0%20.92-.737%201.666-1.645%201.666A1.655%201.655%200%200%201%2020.972%2018c0-.92.736-1.665%201.645-1.665.908%200%201.645.745%201.645%201.665m-14.76%200c0%20.92.737%201.666%201.645%201.666.909%200%201.645-.746%201.645-1.666%200-.92-.736-1.665-1.645-1.665-.908%200-1.644.745-1.644%201.665%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M20.355%2017.883c1.483-.047%202.877-.483%203.91-1.329.533-.437%201.546-1.283%201.798-1.833a.475.475%200%200%200-.019-.426l-.021-.04c-.22-.405-.904-.427-1.172-.028-.227.336-1.14.988-1.487%201.271-.848.695-1.941%201.113-3.126%201.267-.437.056-.688.469-.506.803.11.204.355.323.623.315zM13.684%2017.868c-1.483-.047-2.876-.484-3.91-1.329-.533-.437-1.546-1.283-1.798-1.833a.475.475%200%200%201%20.02-.426l.02-.04c.22-.405.904-.427%201.172-.028.227.336%201.14.987%201.487%201.271.849.695%201.941%201.113%203.126%201.267.437.056.688.468.507.803-.11.204-.356.323-.624.315z%22/%3E%3C/g%3E%3C/svg%3E');
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-cry .bx-ilike-icon-new {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M26.199%2011.754c.05-.178-.026-.383-.184-.527-.879-.797-1.923-1.32-2.986-1.407a3.341%203.341%200%200%200-1.504.209.38.38%200%200%200-.226.256l-.01.034c-.098.356.283.748.658.668a3.48%203.48%200%200%201%201.013-.06c.874.072%201.734.438%202.501%201.008.283.21.656.112.738-.181M7.602%2011.754c-.05-.178.026-.383.184-.527.879-.797%201.923-1.32%202.986-1.407a3.341%203.341%200%200%201%201.504.209.38.38%200%200%201%20.226.256l.01.034c.099.356-.282.748-.658.668a3.48%203.48%200%200%200-1.013-.06c-.874.072-1.734.438-2.501%201.008-.283.21-.656.112-.738-.181%22%20opacity%3D%22.5%22/%3E%3Cellipse%20cx%3D%2210.649%22%20cy%3D%2215.214%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cellipse%20cx%3D%2223.232%22%20cy%3D%2215.214%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M9.403%2025.34c0%20.308.358.478.597.284%201.954-1.593%204.31-2.523%206.848-2.523%202.538%200%204.894.933%206.847%202.526a.366.366%200%200%200%20.597-.283v-.994a.373.373%200%200%200-.122-.276c-2.042-1.84-4.575-2.932-7.321-2.932-2.747%200-5.281%201.09-7.324%202.928a.373.373%200%200%200-.122.277v.993z%22/%3E%3Cpath%20fill%3D%22%2329B5E2%22%20d%3D%22M27.765%2022.785c1.141-.2%201.953-1.01%201.59-3.065-.241-1.37-1.208-2.828-2.902-4.374-1.062%202.032-1.472%203.733-1.23%205.103.362%202.054%201.4%202.538%202.542%202.336z%22/%3E%3C/g%3E%3C/svg%3E');
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-kiss .bx-ilike-icon-new {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23F03D37%22%20d%3D%22M11.868%2016.108a5.865%205.865%200%200%200-1.664.404c-1.529.63-2.413%201.812-2.44%203.104-.007.29.016.58.039.872.027.343.105.681.213%201.015.227.7.645%201.33%201.217%201.902.417.417.888.795%201.384%201.157.757.554%201.555%201.073%202.35%201.596.676.444%204.06%201.815%204.06%201.815s3.804-1.694%204.454-2.122a43.09%2043.09%200%200%200%202.043-1.407c.524-.393%201.018-.806%201.44-1.265.624-.684.999-1.44%201.153-2.262.055-.294.085-.589.1-.885.02-.433-.004-.865-.153-1.287-.326-.924-1.016-1.645-2.091-2.146-.6-.28-1.254-.44-1.952-.499a6.458%206.458%200%200%200-1.315.02%205.74%205.74%200%200%200-2.273.761%205.182%205.182%200%200%200-1.407%201.21l-.033.037-.01-.004c-.053-.064-.106-.129-.161-.192a5.37%205.37%200%200%200-2.11-1.457%205.858%205.858%200%200%200-1.678-.38%206.417%206.417%200%200%200-1.166.013%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M25.687%2010.201a.301.301%200%200%200-.134-.227c-.841-.54-1.8-.814-2.797-.726-.996.087-1.895.52-2.634%201.196a.3.3%200%200%200-.094.248l.077.908a.29.29%200%200%200%20.485.19c.728-.65%201.608-1.068%202.581-1.153a4.31%204.31%200%200%201%202.154.376.29.29%200%200%200%20.407-.292l-.045-.52zm-13.854-.953c-1.008-.089-1.976.193-2.824.744a.237.237%200%200%200-.105.177l-.056.662c-.015.174.16.303.317.229a4.32%204.32%200%200%201%202.253-.423c1.017.089%201.931.54%202.678%201.242.137.13.36.042.376-.148l.092-1.072a.235.235%200%200%200-.074-.193c-.742-.688-1.65-1.13-2.657-1.218%22/%3E%3C/g%3E%3C/svg%3E');
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-laugh .bx-ilike-icon-new {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M25.863%2010.858a.301.301%200%200%200-.134-.227c-.84-.539-1.8-.814-2.796-.726-.997.087-1.896.52-2.634%201.196a.3.3%200%200%200-.094.248l.076.908a.29.29%200%200%200%20.485.19c.728-.65%201.608-1.068%202.581-1.153a4.31%204.31%200%200%201%202.154.376.29.29%200%200%200%20.407-.292l-.045-.52zM11.16%209.905c-1.008-.089-1.976.193-2.824.744a.237.237%200%200%200-.105.177l-.056.662c-.015.174.16.303.317.229a4.32%204.32%200%200%201%202.253-.423c1.017.089%201.931.54%202.678%201.242.137.13.36.042.376-.148l.092-1.072a.235.235%200%200%200-.074-.193c-.742-.688-1.65-1.13-2.657-1.218%22/%3E%3Cpath%20fill%3D%22%23B26423%22%20d%3D%22M27.727%2018.619c0%204.105-3.555%209.964-10.756%209.964-7.201%200-10.757-5.859-10.757-9.963%200-2.368%204.672-.456%2010.757-.456%206.086%200%2010.756-1.878%2010.756.455%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.97%2027.395c-6.292%200-9.273-4.83-9.273-7.853%200-1.63%204.152-.078%209.274-.078%205.122%200%209.273-1.52%209.273.077%200%203.024-2.98%207.854-9.273%207.854z%22/%3E%3C/g%3E%3C/svg%3E');
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-wonder .bx-ilike-icon-new {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23F6E071%22/%3E%3Cpath%20fill%3D%22%23783E11%22%20d%3D%22M25.281%206.425c-.007-.185-.142-.357-.338-.445-1.081-.486-2.236-.66-3.274-.415a3.341%203.341%200%200%200-1.366.663.38.38%200%200%200-.135.313l.001.036c.016.369.5.624.832.432a3.48%203.48%200%200%201%20.945-.37c.853-.202%201.784-.12%202.69.185.334.113.658-.095.645-.4M8.512%206.425c.007-.185.142-.357.337-.445%201.082-.486%202.237-.66%203.275-.415.536.126.992.357%201.366.663a.38.38%200%200%201%20.135.313l-.001.036c-.016.369-.5.624-.832.432a3.48%203.48%200%200%200-.945-.37c-.853-.202-1.785-.12-2.69.185-.334.113-.658-.095-.645-.4%22%20opacity%3D%22.5%22/%3E%3Cellipse%20cx%3D%2211.203%22%20cy%3D%2212.071%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cellipse%20cx%3D%2222.782%22%20cy%3D%2212.071%22%20fill%3D%22%23783E11%22%20rx%3D%221.657%22%20ry%3D%222.427%22/%3E%3Cellipse%20cx%3D%2216.956%22%20cy%3D%2223.459%22%20fill%3D%22%23783E11%22%20opacity%3D%22.825%22%20rx%3D%224.349%22%20ry%3D%226.131%22/%3E%3C/g%3E%3C/svg%3E');
}
.post-item-informer-like .bx-you-like-button.bx-you-like-button-like .bx-ilike-icon-new {
margin: -4px 5px 0 0;
min-width: 18px;
min-height: 17px;
background-image: 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%22M17.133%207.95a1.226%201.226%200%2000-.883-1.316h-4.361a1.84%201.84%200%2001-.057-1.6%205.234%205.234%200%2000.11-3.032c-.275-.688-.348-1.944-1.62-2.002a1.315%201.315%200%2000-.995.743V2.92c-.83%201.57-1.77%203.079-2.812%204.514-.34.058-1.654.23-1.654.23v7.89h.384a20.518%2020.518%200%20003.37%201.428h5.264a1.466%201.466%200%20001.199-1.375%202.549%202.549%200%2000-.269-1.204%201.37%201.37%200%20001.221-1.429%201.646%201.646%200%2000-.72-1.031%201.56%201.56%200%20001.259-1.486%202.208%202.208%200%2000-.51-1.135%201.395%201.395%200%20001.074-1.372zm-15.31%209.032h1.649V6.657H0l1.822%2010.325z%22%20fill%3D%22%233886D8%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}
.post-item-inform-wrap-tree .feed-post-emoji-icon-item.feed-post-emoji-icon-like {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.36166%2018.7233C14.532%2018.7233%2018.7233%2014.532%2018.7233%209.36166C18.7233%204.19136%2014.532%200%209.36166%200C4.19136%200%200%204.19136%200%209.36166C0%2014.532%204.19136%2018.7233%209.36166%2018.7233Z%22%20fill%3D%22%235CA0E8%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.3945%208.35902C14.4298%208.0309%2014.2248%207.72524%2013.9102%207.63771H11.5189C11.3754%207.36598%2011.3641%207.0423%2011.488%206.76075C11.672%206.22503%2011.693%205.64578%2011.5485%205.09765C11.3976%204.72061%2011.3576%204.03206%2010.6602%204C10.4224%204.03511%2010.2178%204.18794%2010.1142%204.40747V5.60108C9.65933%206.46235%209.14386%207.28945%208.57245%208.0763C8.38615%208.10836%207.66541%208.20268%207.66541%208.20268V12.5285H7.87576C8.46751%2012.8444%209.08584%2013.1066%209.72336%2013.312H12.6102C12.9761%2013.2465%2013.2489%2012.9336%2013.2676%2012.5577C13.2732%2012.3288%2013.2228%2012.102%2013.1204%2011.8977C13.5136%2011.8575%2013.8074%2011.5137%2013.79%2011.1142C13.7378%2010.8799%2013.5958%2010.6763%2013.3952%2010.5485C13.7849%2010.4738%2014.0718%2010.1354%2014.0852%209.73378C14.0535%209.50348%2013.9564%209.28723%2013.806%209.11146C14.152%209.03142%2014.3968%208.71851%2014.3945%208.35902ZM5.99927%2013.312H6.90354V7.65011H5L5.99927%2013.312Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A');
}
.post-item-informer-like .bx-you-like-button .bx-ilike-text {
margin-bottom: 1px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-item-informer-like .bx-you-like-button .bx-ilike-text,
.post-comment-control-item-like .bx-you-like-button .bx-ilike-text {
font-weight: 500;
color: #3886D8;
}
@supports (text-shadow: 1px 0 0 #000) {
.post-item-informer-like .bx-you-like-button .bx-ilike-text,
.post-comment-control-item-like .bx-you-like-button .bx-ilike-text {
/*font-weight: bold;*/
/* text-shadow: 1px 0 0 currentColor;*/
}
}
.post-item-informers.post-item-inform-limiter {
font-size: 12px;
font-weight: normal;
color: #587797;
float: right;
line-height: 21px;
padding-right: 0;
}
/* region CLASSIC_MOBILE */
.post-item-post-img-block {
margin-top: 11px;
text-align: center;
position: relative
}
.post-item-post-img { max-width: 100% }
.post-item-attached-img-wrap {
margin: -4px -4px 0 -4px;
padding-bottom: 11px
}
.post-item-top-wrap .post-item-attached-img-wrap {
padding: 0 17px 3px 17px;
}
.post-item-attached-img-block {
position: relative;
display: inline-block;
margin: 4px;
vertical-align: top;
height: 50px;
width: 50px
}
.post-item-attached-img-block.post-item-attached-img-block-hidden {
display: none;
}
.post-item-attached-img {
margin: 0;
width: 50px
}
.post-item-attached-img-value {
display: none;
position: absolute;
top: 50%;
left: 50%;
font-size: 18px;
color: #fff;
transform: translate(-50%,-50%);
z-index: 2;
}
.post-item-attached-img-block-last:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.47);
z-index: 1;
}
.post-item-attached-img-block-last .post-item-attached-img-value {
display: inline-block;
}
.post-item-attached-img-control {
display: block;
padding: 14px 15px 0 15px;
margin-bottom: 13px;
font-size: 14px;
color: #525C69;
}
/* endregion */
/* region GRID_MOBILE */
.disk-ui-file-thumbnails {
display: flex;
margin-left: -20px;
width: -webkit-calc(100% + 37px);
width: calc(100% + 37px);
overflow: hidden;
}
/*.disk-ui-file-thumbnails:after {*/
/* content: "";*/
/* display: block;*/
/* padding-bottom: 100%;*/
/*}*/
.disk-ui-file-thumbnails-main,
.disk-ui-file-thumbnails-secondary {
display: flex;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 100%;
}
.disk-ui-file-thumbnails-main {}
.disk-ui-file-thumbnails-secondary {
display: none;
}
.disk-ui-file-thumbnails-item {
position: relative;
display: block;
margin: 0;
padding-bottom: 100%;
background: #ebecf0;
height: 100%;
width: 100%;
overflow: hidden;
box-sizing: border-box;
}
.disk-ui-file-thumbnails-img {
position: absolute;
/*left: 50%;*/
/*top: 50%;*/
display: block;
width: 100%;
height: 100%;
/*height: auto;*/
/*transform: translate(-50%,-50%);*/
}
.disk-ui-file-thumbnails-number {
display: none;
position: absolute;
top: 50%;
left: 50%;
font: 23px 'Roboto', "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #fff;
transform: translate(-50%,-50%);
z-index: 3;
}
.disk-ui-file-thumbnails-vertical-remain .disk-ui-file-thumbnails-main {
flex-basis: 50%;
margin-right: 4px;
}
.disk-ui-file-thumbnails-vertical-remain .disk-ui-file-thumbnails-secondary {
display: flex;
flex-basis: 50%;
flex-direction: column;
}
.disk-ui-file-thumbnails-vertical-full .disk-ui-file-thumbnails-main {
flex-basis: 66%;
margin-right: 4px;
}
.disk-ui-file-thumbnails-vertical-full .disk-ui-file-thumbnails-secondary {
display: flex;
flex-basis: 34%;
flex-direction: column;
}
.disk-ui-file-thumbnails-vertical-remain .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item,
.disk-ui-file-thumbnails-vertical-full .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item {
margin-bottom: 4px;
}
.disk-ui-file-thumbnails-vertical-remain .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item:last-child,
.disk-ui-file-thumbnails-vertical-full .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item:last-child {
margin-bottom: 0;
}
.disk-ui-file-thumbnails-more .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item:last-child:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,.6);
z-index: 2;
}
.disk-ui-file-thumbnails-more .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item:last-child .disk-ui-file-thumbnails-number {
display: block;
}
.disk-ui-file-thumbnails-horizontal {}
.disk-ui-file-thumbnails-horizontal-remain {}
.disk-ui-file-thumbnails-horizontal-full {}
/*.disk-ui-file-thumbnails-horizontal-full.disk-ui-file-thumbnails:after {*/
/* content: none;*/
/*}*/
.disk-ui-file-thumbnails-horizontal-full.disk-ui-file-thumbnails {
flex-direction: column;
align-items: stretch;
}
.disk-ui-file-thumbnails-horizontal-full .disk-ui-file-thumbnails-main {
flex: 1 0 66%;
margin-bottom: 4px;
}
.disk-ui-file-thumbnails-horizontal-full .disk-ui-file-thumbnails-main .disk-ui-file-thumbnails-item {
padding-bottom: 66%;
}
.disk-ui-file-thumbnails-horizontal-full .disk-ui-file-thumbnails-secondary {
display: flex;
flex: 1 0 34%;
}
.disk-ui-file-thumbnails-horizontal-full .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item {
margin-right: 4px;
padding-bottom: 34%;
height: 0;
}
.disk-ui-file-thumbnails-horizontal-full .disk-ui-file-thumbnails-secondary .disk-ui-file-thumbnails-item:last-child {
margin-right: 0;
}
.disk-ui-file-thumbnails-grid {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(12, 1fr);
grid-gap: 3px;
/*padding-bottom: 100%;*/
/*height: 0;*/
/*width: -webkit-calc(100% + 37px);*/
/*width: calc(100% + 37px);*/
/*margin-left: -21px;*/
}
.disk-ui-file-thumbnails-grid-inner {
display: block;
padding-bottom: 100%;
height: 0;
}
.disk-ui-file-thumbnails-grid-vertical-full {
grid-template-columns: repeat(15, auto);
grid-template-rows: repeat(12, 1fr);
}
.disk-ui-file-thumbnails-grid-horizontal-full.disk-ui-file-thumbnails-grid {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(12, 1fr);
}
.disk-ui-file-thumbnails-grid-item {
position: relative;
margin: 0;
padding-bottom: 100%;
height: 0;
background: #ebecf0;
overflow: hidden;
}
.disk-ui-file-thumbnails-grid-flexible-img .disk-ui-file-thumbnails-grid-item {
display: flex;
justify-content: center;
align-items: center;
}
.disk-ui-file-thumbnails-grid-img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.disk-ui-file-thumbnails-grid-img.disk-ui-file-thumbnails-grid-img-cover {
width: 100%;
height: 100%;
object-fit: cover;
}
.disk-ui-file-thumbnails-grid-flexible-img .disk-ui-file-thumbnails-grid-img {
position: static;
transform: none;
}
.disk-ui-file-thumbnails-grid-flexible-img.disk-ui-file-thumbnails-grid-flexible-width-img .disk-ui-file-thumbnails-grid-img {
width: 100%;
}
.disk-ui-file-thumbnails-grid-flexible-img.disk-ui-file-thumbnails-grid {
display: block;
}
/* region VERTICAL VIEW */
.disk-ui-file-thumbnails-grid-vertical-two.disk-ui-file-thumbnails-grid {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(12, 1fr);
}
.disk-ui-file-thumbnails-grid-vertical-three.disk-ui-file-thumbnails-grid {
grid-template-columns: repeat(12, 1fr);
}
.disk-ui-file-thumbnails-grid-item-1 {
grid-column: 1 / span 8;
grid-row: 1 / span 12;
padding-bottom: 0;
height: auto;
}
.disk-ui-file-thumbnails-grid-vertical-two .disk-ui-file-thumbnails-grid-item-1 {
grid-column: 1 / span 6;
grid-row: 1 / span 12;
}
.disk-ui-file-thumbnails-grid-vertical-two .disk-ui-file-thumbnails-grid-item-2 {
grid-column: 7 / span 6;
/*grid-row: 1 / span 12;*/
grid-row: 1 / span 12;
padding-bottom: 0;
height: auto;
}
/*.disk-ui-file-thumbnails-grid-vertical-two .disk-ui-file-thumbnails-grid-item-1,*/
.disk-ui-file-thumbnails-grid-vertical-three .disk-ui-file-thumbnails-grid-item-1 {
/*grid-column: 1 / span 4;*/
grid-column: 1 / span 6;
grid-row: 1 / span 12;
}
.disk-ui-file-thumbnails-grid-vertical-three .disk-ui-file-thumbnails-grid-item-2 {
/*grid-column: 5 / span 4;*/
grid-column: 7 / span 6;
grid-row: 1 / span 6;
}
.disk-ui-file-thumbnails-grid-vertical-three .disk-ui-file-thumbnails-grid-item-3 {
/*grid-column: 5 / span 4;*/
grid-column: 7 / span 6;
grid-row: 7 / span 6;
}
.disk-ui-file-thumbnails-grid-vertical-full .disk-ui-file-thumbnails-grid-item-1 {
/*grid-column: 1 / span 5;*/
grid-column: 1 / span 10;
grid-row: 1 / span 12;
}
.disk-ui-file-thumbnails-grid-vertical-full .disk-ui-file-thumbnails-grid-item-2 {
/*grid-column: 6 / span 5;*/
grid-column: 11 / span 5;
grid-row: 1 / span 4;
}
.disk-ui-file-thumbnails-grid-vertical-full .disk-ui-file-thumbnails-grid-item-3 {
/*grid-column: 6 / span 5;*/
grid-column: 11 / span 5;
grid-row: 5 / span 4;
}
.disk-ui-file-thumbnails-grid-vertical-full .disk-ui-file-thumbnails-grid-item-4 {
/*grid-column: 6 / span 5;*/
grid-column: 11 / span 5;
grid-row: 9 / span 4;
}
/* endregion */
/* region HORIZONTAL VIEW */
.disk-ui-file-thumbnails-grid-horizontal-two.disk-ui-file-thumbnails-grid {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(2, auto);
}
.disk-ui-file-thumbnails-grid-horizontal-two .disk-ui-file-thumbnails-grid-item-1 {
grid-column: 1 / span 12;
grid-row: 1 / span 6;
}
.disk-ui-file-thumbnails-grid-horizontal-two .disk-ui-file-thumbnails-grid-item-2 {
grid-column: 1 / span 12;
grid-row: 2 / span 1;
padding-bottom: 0;
height: auto;
}
.disk-ui-file-thumbnails-grid-horizontal-two .disk-ui-file-thumbnails-grid-item-2 {
grid-column: 1 / span 12;
grid-row: 7 / span 6;
}
.disk-ui-file-thumbnails-grid-horizontal-three.disk-ui-file-thumbnails-grid {
grid-template-columns: repeat(12, 1fr);
}
/*.disk-ui-file-thumbnails-grid-horizontal-two .disk-ui-file-thumbnails-grid-item-1,*/
.disk-ui-file-thumbnails-grid-horizontal-three .disk-ui-file-thumbnails-grid-item-1 {
grid-column: 1 / span 12;
grid-row: 1 / span 6;
}
.disk-ui-file-thumbnails-grid-horizontal-three .disk-ui-file-thumbnails-grid-item-2 {
grid-column: 1 / span 6;
grid-row: 7 / span 6;
}
.disk-ui-file-thumbnails-grid-horizontal-three .disk-ui-file-thumbnails-grid-item-3 {
grid-column: 7 / span 6;
grid-row: 7 / span 6;
}
.disk-ui-file-thumbnails-grid-horizontal-full .disk-ui-file-thumbnails-grid-item-1 {
grid-column: 1 / span 12;
grid-row: 1 / span 8;
}
.disk-ui-file-thumbnails-grid-horizontal-full .disk-ui-file-thumbnails-grid-item-2 {
grid-column: 1 / span 4;
grid-row: 9 / span 4;
}
.disk-ui-file-thumbnails-grid-horizontal-full .disk-ui-file-thumbnails-grid-item-3 {
grid-column: 5 / span 4;
grid-row: 9 / span 4;
}
.disk-ui-file-thumbnails-grid-horizontal-full .disk-ui-file-thumbnails-grid-item-4 {
grid-column: 9 / span 4;
grid-row: 9 / span 4;
}
/* endregion */
.disk-ui-file-thumbnails-grid-number {
display: none;
position: absolute;
top: 50%;
left: 50%;
font: 23px 'Roboto', "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #fff;
transform: translate(-50%,-50%);
z-index: 3;
}
.disk-ui-file-thumbnails-grid-more .disk-ui-file-thumbnails-grid-item-4:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,.6);
z-index: 2;
pointer-events: none;
}
.disk-ui-file-thumbnails-grid-more .disk-ui-file-thumbnails-grid-number:last-child {
display: block;
}
/* endregion */
.disk-ui-file-thumbnails-grid + .post-item-attached-img-control,
.disk-ui-file-thumbnails-grid-inner + .post-item-attached-img-control {
padding-top: 17px
}
.post-item-post-block-wrap { position: relative }
.post-item-post-block,
.post-item-post-block-full {
overflow: hidden;
padding: 0 17px;
position: relative
}
@media (max-width: 320px) {
.post-item-post-block,
.post-item-post-block-ful {
padding: 0 10px;
}
}
.post-item-post-block { max-height: 330px }
.lenta-info-block-wrapp{ max-height: 324px }
.post-vote-title,
.post-text-title {
color: #000;
font-weight: bold;
font-size: 14px;
}
.post-item-text {
padding: 0 0 16px 0;
color: #333333;
font-size: 16px;
line-height: 21px;
position: relative;
overflow: hidden;
word-wrap: break-word;
-webkit-tap-highlight-color: transparent
}
.post-item-text a { font-size: 16px }
.post-item-text table.data-table,
.post-comment-text table.data-table { border-collapse: collapse; }
.post-item-text table.data-table td,
.post-comment-text table.data-table td,
.post-item-text table.data-table th,
.post-comment-text table.data-table th {
background-color: #fff;
background-image: none;
border: 1px solid grey;
padding: 3px;
}
.post-item-text .bx-smile,
.post-comment-text .bx-smile {
vertical-align: text-bottom;
}
.post-item-important input {display: none; }
.post-item-important input~.checked:before { content: '\2713'; padding-right: 7px; }
.post-item-important input~.checked {
display: none;
background: transparent;
color: #5da000;
padding-left: 0;
box-shadow: none;
}
.post-item-important .webform-small-button.checked {
font-weight: normal;
}
.post-item-important input~.unchecked {
display: inline-block;
margin: 10px 0 10px 0;
}
.post-item-important input:checked~.checked { display: inline-block; }
.post-item-important input:checked~.unchecked { display: none; }
.post-item-corner {
background-size: 11px 7px;
bottom: -14px;
display: none;
right: 23px;
height: 14px;
position: absolute;
width: 11px
}
.lenta-item-shortened .post-item-corner { display: block }
.post-item-attached-file-wrap { padding: 10px 0 8px 3px; }
.post-item-top-wrap .post-item-attached-file-wrap {
padding: 0;
overflow: hidden;
}
.post-item-attached-file-list {
margin: 0 12px;
padding: 0 1px 0 1px;
overflow: hidden;
}
.post-item-top-wrap .post-item-attached-file-list {
padding: 16px 1px 18px 1px;
}
.post-item-attached-file-list.post-item-attached-file-list-toggle {
border-top: .5px solid #dbdde0;
}
.post-item-top-wrap .post-item-attached-file-list.post-item-attached-file-list-more {
padding-bottom: 14px;
}
.post-item-attached-file {
background: url(images/lenta/lf_attached_file_icon.png) no-repeat left 0;
background-size: 15px 18px;
font-size: 12px;
margin-top: 8px;
padding: 1px 0 0 23px;
min-height: 17px;
}
.post-item-top-wrap .post-item-attached-file,
.post-comment-detail .post-item-attached-file {
background: none;
display: flex;
align-items: center;
padding: 1px 6px 0 0;
font-size: inherit;
}
.post-item-attached-file .ui-icon {
min-width: 24px;
max-width: 24px;
}
.post-item-attached-file-link {
color: #464e59;
text-decoration: none;
}
.post-item-top-wrap .post-item-attached-file-link,
.post-comment-detail .post-item-attached-file-link {
display: flex;
align-items: baseline;
padding-left: 12px;
width: 100%;
font-size: 15px;
color: #525C69;
box-sizing: border-box;
overflow: hidden;
opacity: .8;
}
.post-item-attached-file:first-child { margin-top: 0 }
.post-item-attached-file span:first-child {
color: #1d54a2;
font-weight: bold;
margin-right: 3px;
}
.post-item-top-wrap .post-item-attached-file span:first-child,
.post-comment-detail .post-item-attached-file span:first-child {
color: inherit;
font-weight: inherit;
display: inline-block;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: 0;
}
.post-item-attached-file-size {
display: inline-block;
/*margin-left: auto;*/
white-space: nowrap;
font-size: 13px;
font-weight: 500;
color: rgba(82,92,105,.5);
}
.post-item-attached-file-extension {
margin-right: 8px;
}
.post-item-file-version-wrap { padding: 2px 0 8px 3px; }
.post-item-file-version {
font-weight: bold;
font-size: 12px;
}
.post-item-attached-file-more {
display: block;
margin-top: 6px;
padding: 0 6px;
width: 100%;
text-align: right;
box-sizing: border-box;
}
.post-item-attached-file-more-link {
display: inline-block;
font-size: 14px;
color: rgba(82,92,105,.5);
}
.post-item-attached-file-more-hidden,
.post-item-attached-file.post-item-attached-file-hidden {
display: none;
}
.post-item-attached-file-text-notice {
display: inline-block;
color: #999;
font-size: 11px;
margin-right: 4px;
margin-left: 4px;
}
.post-item-attached-file-deleted-name {
color: #7e838c;
font-weight: bold;
text-decoration: line-through;
vertical-align: top;
word-wrap: break-word;
cursor: default;
}
a.post-item-inline-attached-file,
.post-item-attached-file-deleted-name {
font-size: inherit;
font-weight: normal;
}
.post-item-more {
margin-bottom: 2px;
/*padding: 6px 0 6px 0;*/
font: 15px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: #828B95;
text-decoration: none;
/*position: absolute;*/
/*right: 17.5px;*/
/*bottom: 13px;*/
}
.post-more-block {
height: 68px;
top: 262px;
left: 0;
right: 0;
z-index: 1000;
position: absolute;
background-image: linear-gradient(rgba(255,255,255,.0) 0%, #fff 76%);
}
.lenta-item-new .post-more-block {
background-image: linear-gradient(rgba(255,254,221,0) 0%, #fffedd 76%);
}
.post-add-comment-box {
display: flex;
align-items: center;
padding: 22px 20px 19px 20px;
background-color: #fff;
overflow: hidden;
}
.post-add-comment-user-icon {
display: block;
margin-right: 7px;
min-width: 37px;
min-height: 37px;
border-radius: 50%;
overflow: hidden;
box-sizing: border-box;
}
.post-add-comment-main {
display: flex;
align-items: center;
padding: 0 12px 0 18px;
width: 100%;
height: 39px;
border: 1px solid rgba(143, 148, 151, .3);
border-radius: 22px;
overflow: hidden;
box-sizing: border-box;
}
.post-add-comment-btn {
display: block;
margin-bottom: 1px;
max-width: 100%;
font: 14px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: #a8adb4;
opacity: .8;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-add-comment-icon-box {
display: flex;
align-items: center;
margin-left: auto;
}
.post-add-comment-icon {
display: block;
margin-right: 5px;
padding: 10px 0;
width: 22px;
height: 22px;
background-position: center;
background-repeat: no-repeat;
}
.post-add-comment-icon:last-child {
margin-right: 0;
}
.post-add-comment-icon-file {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2215%22%20height%3D%2218%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.65%2011.28a.609.609%200%2001.862-.007.609.609%200%2001-.008.861L9.66%2015.98c-2.158%202.159-5.628%202.188-7.75.066-2.122-2.122-2.093-5.592.066-7.75l6.39-6.39C9.87.397%2012.294.376%2013.775%201.858c1.481%201.481%201.461%203.904-.046%205.41l-5.394%205.395c-1.025%201.024-2.672%201.038-3.68.03-1.006-1.006-.993-2.654.032-3.678L7.994%205.71a.609.609%200%2001.861-.007.609.609%200%2001-.007.86L5.541%209.87a1.384%201.384%200%2000-.017%201.956%201.384%201.384%200%20001.957-.016l5.394-5.395c1.028-1.027%201.041-2.678.032-3.688-1.01-1.01-2.661-.996-3.688.031l-6.39%206.39c-1.68%201.679-1.702%204.378-.051%206.028%201.65%201.65%204.349%201.628%206.027-.05l3.846-3.846z%22%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.3%22/%3E%3C/svg%3E');
}
.post-add-comment-icon-emoji {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2217%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.315%2015.809a7.272%207.272%200%20100-14.545%207.272%207.272%200%20000%2014.545zm0%201.118a8.391%208.391%200%20110-16.782%208.391%208.391%200%20010%2016.782zm4.086-6.19a.56.56%200%2001-.007.792%205.577%205.577%200%2001-3.922%201.605%205.577%205.577%200%2001-3.904-1.588.56.56%200%2011.78-.801c.831.81%201.94%201.27%203.124%201.27%201.19%200%202.306-.466%203.138-1.284a.56.56%200%2001.791.007zM6.916%204.62a1%201%200%20011%201v1.357a1%201%200%2001-1%201h-.238a1%201%200%2001-1-1V5.62a1%201%200%20011-1h.238zm5.035%200a1%201%200%20011%201v1.357a1%201%200%2001-1%201h-.238a1%201%200%2001-1-1V5.62a1%201%200%20011-1h.238z%22%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.3%22/%3E%3C/svg%3E');
}
.lenta-item ul {
padding: 0 0 0 25px;
margin: 0;
list-style-type: disc
}
.bx-placeholder-wrap {
padding-top: 1px;
}
.bx-placeholder {
/*
-webkit-animation: 0.8s placeHolderShimmer linear infinite;
animation: 0.8s placeHolderShimmer linear infinite;
*/
background-color: #f7f7f8;
background-image:-webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
background-repeat: no-repeat;
background-size: 920px;
margin-top: 10px;
max-width: 920px;
}
@-webkit-keyframes placeHolderShimmer
{
0%{background-position: -560px 0;}
100%{background-position: 860px 0;}
}
@keyframes placeHolderShimmer
{
0%{background-position: -460px 0;}
100%{background-position: 860px 0;}
}
@-webkit-keyframes placeHolderShimmer-small
{
0%{background-position: -419px 0;}
100%{background-position: 519px 0;}
}
@keyframes placeHolderShimmer-small
{
0%{background-position: -419px 0;}
100%{background-position: 519px 0;}
}
@-webkit-keyframes placeHolderShimmer-middle
{
0%{background-position: -495px 0;}
100%{background-position: 595px 0;}
}
@keyframes placeHolderShimmer-middle
{
0%{background-position: -495px 0;}
100%{background-position: 595px 0;}
}
@media screen and (max-width: 1350px){
.bx-placeholder {
background-size: 790px 100%;
/*
-webkit-animation-name: placeHolderShimmer-middle;
animation-name: placeHolderShimmer-middle;
*/
}
}
@media screen and (max-width: 1200px){
.bx-placeholder {
background-size: 638px 100%;
/*
-webkit-animation-name: placeHolderShimmer-small;
animation-name: placeHolderShimmer-small;
*/
}
}
.bx-feed-curtain {
border: none;
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
.bx-feed-curtain td {
background-color: #fff;
padding: 0;
}
.bx-curtain-cell-1 {width: 10px;}
.bx-curtain-cell-2 {width: 35px;}
.bx-curtain-cell-3 {width: 17px;}
.bx-curtain-cell-4 {width: 100%;}
.bx-curtain-cell-5 {width: 14.8%;}
.bx-curtain-cell-6 {width: 39%;}
.bx-curtain-cell-7 {width: 46px;}
.bx-curtain-row-0 td {height: 5px;}
.bx-curtain-row-1 td {height: 9px;}
.bx-curtain-row-2 td {height: 12px;}
.bx-curtain-row-last td {height: 33px;}
td.transparent {background: none;}
.bx-bx-curtain-avatar {
border: 10px solid #fff;
margin: -32px -17px -21px -8px;
border-radius: 50%;
height: 32.5px;
width: 32.5px;
}
.new-post-waiter{
background: url(images/lenta/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
height: 30px
}
table.blogquote,
table.blogcode {
font-size: 1em;
width: 100%;
margin: .5em 1em;
table-layout: fixed;
border-top: 1px solid;
border-bottom: 1px solid;
}
table.blogquote td {
padding: 8px 15px 10px 28px;
word-wrap: break-word;
}
table.blogcode td {
padding: 8px 15px 10px 15px;
word-wrap: break-word;
white-space: pre-wrap
}
table.blogcode pre {
font-size: 12px;
margin: 0;
line-height: 15px;
white-space: pre-wrap;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif !important
}
div.blog-post-quote, div.blog-post-code {
padding-top: .6em;
padding-right: 6px;
padding-bottom: .6em;
}
div.blog-post-quote span,
div.blog-post-code span {
padding-left: 0.6em
}
div.blog-post-quote table.blogquote, div.blog-post-code table.blogcode { margin: 0 }
div.blog-post-quote span,
div.blog-post-code span {
color: #7d7d7d
}
div.blog-post-code table.blogcode {
border-color: #e9e9e9;
color: #585858;
background-color: transparent
}
div.blog-post-quote table.blogquote {
border-color: #e9e9e9;
color: #585858;
background: transparent url(images/lenta/lf_quote_grey.png) no-repeat 10px 13px;
background-size: 12px
}
.post-comment-text div.blog-post-quote table.blogquote {
border-color: #cedee4;
color: #6c7072;
background: transparent url(images/lenta/lf_quote_blue.png) no-repeat 10px 12px;
background-size: 12px
}
.post-comment-text div.blog-post-code table.blogcode {
border-color: #cedee4;
color: #6c7072
}
table.forum-spoiler th {
color: #828B95;
font-weight: normal;
border-bottom: 1px dashed #828B95;
}
/*===================================================================LIFE FEED======================================================*/
/*======================================================================MESSAGES LIST PAGE,FILES LIST PAGE=====================================*/
.fl-page { background-color: #deeef4 }
.ml-page { background-color: #fff }
.ml-page-popup { background-color: #fff !important }
.ml-search {
-webkit-tap-highlight-color: transparent;
background-color: #c9c9ce;
padding: 8px;
}
.ml-search-wrapper {
padding: 4px;
border-radius: 5px;
-webkit-tap-highlight-color: transparent;
background-color: #fff;
text-align: center
}
.ml-search-text {
background: url(images/magnify.png) no-repeat 0 3px;
background-size: 17px;
padding-left: 20px;
font-size: 15px;
color: #8e8e93
}
.ml-block {
border-top: 1px solid #e8e8e8;
height: 60px;
margin-top: -1px;
overflow: hidden;
position: relative;
padding: 0 13px 0 13px;
-webkit-tap-highlight-color: transparent;
}
.fl-block {
-webkit-border-image: url(images/messages-list/ml-borders.png) fill 2 0 0 stretch;
border-width: 1px 0 0;
height: 70px;
margin-top: -1px;
overflow: hidden;
position: relative;
padding: 0 13px 0 13px;
-webkit-tap-highlight-color: transparent;
}
.ml-block:first-child {
-webkit-border-image: none;
border: none;
}
.fl-block-active {
background-color: #a3bfc9;
border-image: url(images/messages-list/ml-borders-avtive.png) fill 2 0 2 stretch;
border-width: 1px 0;
margin-bottom: -1px;
height: 59px;
position: relative;
z-index: 2;
}
.ml-block-active {
background-color: #e5e5e5;
z-index: 2;
}
.fl-block-active:first-child {
border-image: url(images/messages-list/ml-borders-avtive-bot.png) fill 0 0 2 stretch;
border-width: 0 0 1px;
}
.ml-avatar {
background: url(images/avatar.png?v2) no-repeat center;
background-size: 38px 38px;
border-radius: 50%;
float: left;
height: 38px;
width: 38px;
margin: 0 11px 0 0;
position: relative;
}
.avatar-chat {
background: url(images/avatar-chat.png?v2) no-repeat center;
background-size: 33px 33px;
}
.fl-avatar {
margin-top: 8px;
height: 50px;
width: 50px;
position: relative;
}
.ml-avatar-sub {
width: inherit;
height: inherit;
border-radius: 50%;
}
.ml-avatar i {
border-radius: 6px;
height: 11px;
right: -6px;
bottom: -5px;
position: absolute;
width: 11px;
}
.ml-avatar i:after {
background: url(images/messages-list/ml-circle-border.png) no-repeat 0 0;
background-size: 13px;
content: "";
height: 13px;
left: -1px;
top: -1px;
position: absolute;
width: 13px;
}
.ml-avatar-offline i{ background: linear-gradient(bottom, #890000, #f14d4d); }
.ml-avatar-online i { background: linear-gradient(bottom, #3e6f00, #97d500); }
.ml-title {
color: #000;
font-size: 15px;
text-shadow: 0 1px 0 rgba(255,255,255,.7);
overflow: hidden;
margin-top: 11px;
padding: 2px 0 0 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.fl-title {
color: #000;
font-size: 13px;
font-weight: bold;
text-shadow: 0 1px 0 rgba(255,255,255,.7);
overflow: hidden;
margin-top: 12px;
padding: 2px 0 0 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.fl-title { margin-top: 23px; }
.ml-text {
margin-top: -1px;
color: #898989;
font-size: 13px;
height: 16px;
overflow: hidden;
padding-right: 15px;
text-overflow: ellipsis;
white-space: nowrap;
}
.ml-text .bx-smile { vertical-align: text-bottom; }
.im-block-text .bx-smile { vertical-align: text-bottom; }
.im-block-text-edited:before {
background: url(images/im-page/im-edited.png) no-repeat;
background-size: 10px;
content: '';
height: 13px;
position: absolute;
margin-left: -12px;
margin-top: 5px;
width: 13px;
}
.ml-counter {
background-color: #225580;
border-radius: 9px;
color: #fff;
font-weight: bold;
font-size: 13px;
height: 15px;
text-align: center;
right: 10px;
top: 16px;
position: absolute;
min-width: 9px;
padding: 0 7px 2px;
opacity: 0;
-webkit-transition: opacity 0.5s ease-in;
}
.ml-counter-active { opacity: 1; }
.ml-separator {
background-color: #f7f7f7;
font-size: 15px;
height: 23px;
line-height: 23px;
color: #000;
margin: -1px 0 -2px;
padding: 0 0 0 13px;
position: relative;
z-index: 2;
}
.ml-separator:first-letter, .fl-separator:first-letter { text-transform: uppercase; }
.ml-block-empty {
position: absolute;
left: 0;
font-weight: bold;
font-size: 19px;
top: 50%;
padding-top: 110px;
margin-top: -75px;
width: 100%;
text-shadow: 0 1px #fff;
color: #99afbc;
text-align: center;
background: url(images/messages-list/ml-empty-icon.png) no-repeat top center;
background-size: 67px 72px;
}
.fl-delete-right-btn-wrap {
color: transparent;
height: 30px;
font-size: 12px;
font-weight: bold;
right: 10px;
top: 20px;
overflow: hidden;
padding: 0 12px;
position: absolute;
-webkit-transition: width 0.3s ease-in;
}
.task-form-main-block .fl-delete-right-btn-wrap { top: 6px }
.fl-delete-right-btn-block {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
-webkit-transition: width 0.3s ease-in;
width: 0;
}
.fl-delete-right-btn {
border-image: url(images/delete-button.png) fill 10 stretch;
border-width: 5px;
height: 18px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0,0,0,.35);
padding: 1px 0 0 7px;
}
.fl-delete-btn-open .fl-delete-right-btn-block {
-webkit-transition: width 0.25s ease-in 0s;
width: 100%;
}
.fl-wrapper {
-webkit-tap-highlight-color: transparent;
overflow: hidden;
}
.fl-block-close {
-webkit-transition: all 0.25s ease-in 0s;
height: 0;
opacity: 0;
}
.task-form-main-block .fl-block-close {
min-height: 0;
}
.fl-delete-btn {
background: url(images/delete-icon-wrap.png) 0 0 no-repeat;
background-size: 29px;
height: 29px;
float: left;
margin: 21px 10px 0 0;
position: relative;
width: 29px;
}
.fl-delete-minus {
-webkit-transition: -webkit-transform 0.30s ease-in;
background: url(images/delete-icon.png) 19px 23px no-repeat;
background-size: 13px 4px;
height: 50px;
left: -11px;
top: -12px;
position: absolute;
width: 51px;
-webkit-tap-highlight-color: transparent;
}
.fl-delete-column {
-webkit-transform: rotate(-90deg) !important;
-webkit-transition: -webkit-transform 0.30s ease-in !important;
-webkit-tap-highlight-color: transparent !important;
}
/*========================================================================MESSAGES LIST PAGE,FILES LIST PAGE=====================================*/
/*============================================================================IM PAGE============================================*/
/*================================================================SEND MESSAGE==================================================================*/
.send-message-block {
position: absolute;
z-index: 1000;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
border-top: 1px solid #9da1a6;
background: #f8f8f8;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.send-message-block {
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAEUlEQVQYV2NgQAdzFy77j4wBX/ILjZbB5uwAAAAASUVORK5CIIA=) fill 2 0 0 0 stretch;
border-width: 1px 0 0 0;
}
}
.send-message-input {
font-size: 14px;
display: block;
position: absolute;
right: 47px;
left: 43px;
top: 8.5px;
height: 30.5px;
padding: 0 2px 0;
resize: none;
box-shadow: none !important;
line-height: 30.5px;
vertical-align: middle;
color: #000;
outline: none !important;
border: 1px solid #c8c8cd;
border-radius: 3px;
background-color: #fff;
background-image: linear-gradient(#fff 0%, #fff 100%);
-webkit-tap-highlight-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.send-message-input {
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAEUlEQVQYV2NgQAcnTpz9j4wBcQYNcasrHuQAAAAASUVORK5CIIA=) fill 2 0 0 0 stretch;
border-width: 1px 0 0 0;
}
}
.send-message-input::-webkit-input-placeholder {
color: #c7c7cc;
font-weight: bold;
}
.send-message-button {
display: block;
width: 28px;
height: 28px;
position: absolute;
right: 11px;
top: 10px;
border-radius: 50%;
background: #f8f8f8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAASCAYAAACw50UTAAAAcklEQVQ4y2NgwANCU0s4gNgdiHkYqAmgBocCcRrIAhL1gvSkEWMwiOagiuGUGozTcGoYjNVwahmMYTiQwUktg1EMp7bB6IZ7wDjUxiDDfWlpOBcQh0EFQDQntXPjqAWDzwIuWlrgy0BtALUAlA+EyNEPAAqNxkgolOAiAAAAAElFTkSuQmCC) no-repeat center;
background-size: 11.5px auto;
border: 1px solid #b7bdc3;
-webkit-tap-highlight-color: transparent;
}
.send-message-button-press {
height: 39px;
color: #7a808c;
border-width: 3px 3px 4px;
border-image: url(images/send-m-button-press.png) fill 6 6 8 stretch;
}
.send-message-button-disabled {
color: #ddd;
}
.send-message-button-waiter {
position: absolute;
width: 20px;
height: 20px;
background: url(images/lenta/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
}
/*================================================================SEND MESSAGE==================================================================*/
/*================================================================INVITE USER===================================================================*/
.invite-user { padding: 0 24px 0 }
.invite-uset-title { text-align: center; color: #223748; text-shadow: 0 1px 1px #fff }
.invite-user-textarea {
box-sizing: border-box;
font-family: Arial, -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
background: none;
border-color: transparent;
color: #526370;
border-width: 9px 3px 5px 4px;
display: block;
font-size: 13px;
margin: 5px 10px 2px 0;
height: 60px;
padding: 0 2px 0;
vertical-align: top;
-webkit-tap-highlight-color: transparent;
width: 100%;
resize: none
}
.invite-user-textarea::-webkit-input-placeholder { color: #556574 }
.invite-user-label {
font-size: 13px;
color: #526370
}
.invite-user-hr {
border: none;
border-top: 1px solid #cddbe0;
border-bottom:1px solid #fff;
margin: 11px auto 9px
}
.invite-user-button {
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
display: inline-block
}
.invite-user-button-wrap {
margin-bottom: 18px;
overflow: hidden;
padding-top: 15px;
text-align: center
}
/*================================================================INVITE USER===================================================================*/
/*=================================================================POST CARD========================================================================*/
.post-card {
background-color: #FFFFFF;
}
.post-wrap {
/* margin: 10px 9px 15px;*/
overflow: hidden;
word-wrap: break-word;
min-height: 49px;
-webkit-transform: translateZ(0px)
}
.post-card-wrap {
color: #464e59;
padding: 0 0 10px;
position: absolute;
top: 0;
right: 0;
bottom: 51px;
left: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent
}
.post-wrap.post-without-informers {
border-width: 3px
}
.post-cont { overflow: hidden }
.post-title {
color: #1d54a2;
font-size: 13px;
font-weight: bold
}
.post-date {
color: #8d8d8d;
display: inline-block;
font-size: 10px;
vertical-align: top;
}
.post-text-title {
margin-bottom: 14px;
color: #000;
font-size: 16px;
font-weight: bold
}
.post-text-cont {
color: #434343;
font-size: 12px
}
.post-comments-wrap {
background: transparent;
padding: 0;
flex: 1;
overflow: auto;
}
.lenta-item .post-comments-wrap {
padding-bottom: 0;
}
.post-wrap .post-comments-wrap {
padding-bottom: 9px;
}
.post-comments-button-press,
.post-comments-button {
color: #55799d;
background: #e8edf0;
font-size: 13px;
font-weight: bold;
height: 37px;
line-height: 37px;
max-height: none;
text-align: center;
position: relative;
z-index: 2;
margin: 0;
vertical-align: middle;
cursor: pointer;
}
.post-comments-button i {
font-style: normal;
opacity: .5;
}
.post-comments-button-waiter {
display: none;
margin-left: 5px;
position: relative;
}
.post-comments-button-waiter.post-comments-button-waiter-active {
display: inline-block;
}
.post-comments-button-waiter .post-comments-button-waiter-circular {
position: absolute;
top: -13px;
margin: auto;
height: 16px;
width: 16px;
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.post-comments-button-waiter-circular .post-comments-button-waiter-inner-path {
stroke: rgba(132,139,145,.17);
stroke-width: 1.5;
stroke-dasharray: 200, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
}
.post-comments-button-waiter-circular .post-comments-button-waiter-path {
stroke: rgba(132,139,145,.74);
stroke-width: 1.5;
stroke-dasharray: 20, 200;
stroke-dashoffset: 0;
-webkit-animation: dash 1.5s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
.post-comments-button-press {
}
.post-comments-button:after {
padding: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAOUlEQVQoz2NgwAJCK+b+R8YMxIJRjQhFTegKicCN5GhuRLe5kWRNRGrGromAZvyacGgmThOaZpyaAHF4ue8xVec0AAAAAElFTkSuQmCC) no-repeat center;
background-size: auto 7px;
content: "";
display: inline-block;
height: 16px;
margin-left: 3px;
vertical-align: middle;
width: 16px;
opacity: .7;
position: relative;
margin-top: -3px;
}
.post-comments-link {
display: block;
padding: 0 0 1px 0;
font: 15px/21px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: #828B95;
text-decoration: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
outline: none;
}
.lenta-page .post-comments-link {
display: none;
}
.post-comments-wrap .post-comments-link {
padding-left: 18px;
padding-top: 2px;
padding-bottom: 4px;
margin-top: 9.5px;
}
@media (max-width: 320px) {
.post-comments-link {
font: 14px/21px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
}
}
.post-comments-link-count {}
.post-comments-link-count:before,
.post-comments-link-count:after {
color: #A8ADB4;
}
.post-comments-link-count:before {
content: "(";
}
.post-comments-link-count:after {
content: ")"
}
.post-comment-block {
display: flex;
padding-top: 9px;
margin: 0;
}
.post-comments-wrap .feed-com-block-cover:nth-child(1) .post-comment-block {
padding-top: 18.5px;
}
.post-comments-wrap .feed-hidden-post .feed-com-block-cover:nth-child(1) .post-comment-block {
padding-top: 9px;
}
.post-comments-wrap .post-comment-block {
padding-left: 20px;
/*padding-right: 18px;*/
padding-right: 25px;
}
.post-comments-wrap .comment-block-rating-nonempty.post-comment-block {
padding-right: 0;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-container {
position: relative;
top: -7px;
/*margin-bottom: 5px;*/
height: 30px;
max-height: 23px;
transform: translate(11px, 0px);
transition: margin-right .3s;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-text-box {
align-items: normal;
margin-top: 1px;
min-width: 16px;
font: 13px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
line-height: 20px;
color: rgba(130,139,149,.7);
text-decoration: none;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-text-box .feed-post-emoji-text-item,
.post-comments-wrap .post-comment-block .feed-post-emoji-text-box .feed-post-emoji-text-item:hover {
border-bottom: none;
}
.post-comments-wrap .post-comment-block .bx-ilike-mobile-emoji-icon-item {
margin-left: -6px;
}
.post-comment-block .urlpreview-mobile a > * {pointer-events: none;}
@media (-webkit-min-device-pixel-ratio: 2) {
/*.post-comment-block {*/
/* border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEUlEQVQYV2NggIFnL17+B2EAISwHbfWfx/wAAAAASUVORK5CIIA=) fill 0 0 2 0 stretch;*/
/* border-width: 0 0 1px 0;*/
/*}*/
.post-wrap .post-comments-wrap .post-comment-block {
border: none;
}
}
.post-comment-block .feed-post-emoji-icon-container {
flex-direction: row-reverse;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-container {
margin-right: -48px;
margin-left: auto;
display: none;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-container.feed-post-emoji-container-nonempty {
display: flex;
margin-top: -4px;
margin-right: -22px;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-icon-item {
margin-left: -6px;
}
.post-comments-wrap .post-comment-block .feed-post-emoji-icon-item.feed-post-emoji-icon-item-1,
.post-comments-wrap .post-comment-block .feed-post-emoji-icon-item.feed-post-emoji-icon-item-1 {
/*margin: 0;*/
z-index: 6;
}
.post-comment-new, .post-comment-block-new {
background: #fffedd;
border-bottom-color: #ededd0;
}
.post-comment-new-transition-init {
-webkit-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
opacity: 0 }
.post-comment-new-transition { opacity: 1.0 }
.post-comment-cont {
display: flex;
align-items: flex-end;
margin: 0;
}
.post-user-wrap {
margin-bottom: 5px;
overflow: hidden;
padding-bottom: 3px;
}
.post-comment-author {
display: inline-block;
margin: 0 12px 0 0;
/*max-width: 180px;*/
font: 16px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #2066B0;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
flex: 1;
}
.post-comment-author.feed-com-name-email,
.post-comment-author.feed-com-name-extranet {
color: #d9930a;
}
.post-comment-detail {
padding-top: 4px;
overflow: hidden;
}
.post-comment-balloon {
padding: 7px 14px;
border-radius: 25px;
background: #EDF1F3;
overflow: hidden;
}
.post-comment-wrap-outer {
position: relative;
}
/* System comments */
.post-comment-block.mpl-comment-aux .post-comment-balloon {
border: 1px solid #dddfe1;
background-color: #fff;
color: #7f8690;
}
.post-comment-block.mpl-comment-aux .post-comment-cont .post-comment-time {
color: #a8aeb5;
}
.post-comment-block.mpl-comment-aux .post-comment-text {
color: #757d87;
}
.post-comment-block.mpl-comment-aux .post-comment-cont .post-comment-author,
.post-comment-block.mpl-comment-aux .post-comment-cont .post-comment-time:hover {
color: #525c69;
}
.post-comment-block.mpl-comment-aux .post-comment-block-avatar {
opacity: 0;
}
.post-comment-block-hidden .post-comment-balloon {
background: #FEE7D9;
}
.post-comment-wrap {
position: relative;
max-height: 200px;
overflow: hidden;
}
.post-comment-text,
.post-comment-text a {
font: 16px/21px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
}
.post-comment-text {
color: #333;
word-break: break-word;
}
.post-comment-control-box {
display: flex;
padding: 0 0 0 14px;
}
.post-item-informers,
.post-comment-control-item {
/*padding: 6px 0 6px 0;*/
padding: 3px 0 0 0;
font: 15px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: #828B95;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.post-comment-control-item,
.post-comment-time {
color: rgba(130,139,149,.7);
}
.post-item-informers {
margin: -5px 12px 0 0;
}
.post-comment-control-item {
margin: 0 10px 0 0;
}
.post-comment-control-item:last-child {
margin: 0;
}
.post-comment-more {
position: absolute;
background-image: -webkit-linear-gradient(top, rgba(238, 242, 244, 0.3), rgba(238, 242, 244, 1) 23px);
background-image: linear-gradient(to bottom, rgba(238, 242, 244, 0.3), rgba(238, 242, 244, 1) 23px);
top: 171px;
left: auto;
height: 30px;
width: 100%;
overflow: hidden;
}
.post-comment-block-new .post-comment-more {
background-image: -webkit-linear-gradient(top, rgba(255, 252, 238, 0.3), rgba(255, 252, 238, 1) 23px, rgba(251, 248, 228, 1) 24px);
background-image: linear-gradient(to bottom, rgba(255, 252, 238, 0.3), rgba(255, 252, 238, 1) 23px, rgba(251, 248, 228, 1) 24px);
}
.post-comment-more-but {
background: none;
display: block;
border-bottom: 1px solid rgba(82,92,105,.14);
height: 22px;
margin: 0;
position: relative;
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.post-comment-more:hover .post-comment-more-but {
border-color: rgba(82,92,105,.6);
}
.post-comment-more-but:before {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%204.829L10.243.586%2011.657%202%207.414%206.243%206%207.657.343%202%201.757.586%206%204.829z%22%20opacity%3D%22.789%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: 25px center;
background-color: #EDF1F3;
border: 1px solid rgba(82,92,105,.14);
border-bottom: 1px solid #EDF1F3;
border-radius: 16px 16px 0 0;
bottom: -1.5px;
content: '';
height: 21px;
left: 50%;
margin-left: -32px;
position: absolute;
width: 63px;
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.post-comment-more:hover .post-comment-more-but:before {
border-color: rgba(82,92,105,.6);
border-bottom: 1px solid #f1f4f6;
}
.post-comment-active-progress .post-comment-block-avatar,
.post-comment-active-progress .post-comment-balloon {
opacity: .5;
}
.post-comment-active-progress .post-comment-control-box {
display: none;
}
.post-comment-publication,
.post-comment-error {
align-items: center;
padding: 6px 0 6px 14px;
}
.post-comment-publication {
display: flex;
}
.post-comment-error {
display: none;
}
.post-comment-publication-icon,
.post-comment-error-icon {
display: inline-block;
margin-right: 5px;
width: 11px;
height: 12px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M10.9624%207.8596C10.5479%208.98308%209.78382%209.94388%208.78248%2010.6006C7.78114%2011.2573%206.59545%2011.5753%205.39987%2011.5077C4.20429%2011.4402%203.06197%2010.9906%202.141%2010.2253C1.22002%209.45992%200.569031%208.41916%200.283813%207.25613C-0.0014051%206.09311%200.0942138%204.86925%200.5566%203.76464C1.01899%202.66002%201.82372%201.733%202.85239%201.11996C3.88105%200.506925%205.07933%200.240258%206.2709%200.359198C7.46246%200.478138%208.58438%200.976404%209.47157%201.78068L8.37832%202.98665C7.74935%202.41646%206.95397%202.06322%206.10922%201.9789C5.26447%201.89457%204.41496%202.08363%203.68569%202.51823C2.95642%202.95284%202.38591%203.61005%202.0581%204.39316C1.7303%205.17627%201.66251%206.04392%201.86471%206.86843C2.06692%207.69295%202.52844%208.43079%203.18135%208.97339C3.83427%209.51599%204.64412%209.83468%205.49171%209.88258C6.33931%209.93048%207.1799%209.70506%207.88979%209.23948C8.59969%208.77389%209.1414%208.09275%209.43521%207.29626L10.9624%207.8596Z%22%20fill%3D%22%23A8ADB4%22/%3E%0A%3C/svg%3E') no-repeat;
}
.post-comment-publication-icon {
animation: post-comment-active-progress 1s infinite linear;
}
.post-comment-publication-text,
.post-comment-error-text {
font-size: 14px;
font-style: italic;
color: #a8adb4;
}
@keyframes post-comment-active-progress {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.post-comment-time {
font: 12px -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
color: #828B95;
opacity: .7;
line-height: 18px;
/*white-space: nowrap;*/
}
.post-comment-reply,
.post-comment-likes,
.post-comment-likes-liked {
color: #858c94;
font-weight: bold;
display: inline-block;
line-height: 14px;
font-size: 11px;
padding: 7px 0 12px 0;
margin-right: 10px;
vertical-align: top;
min-width: 90px;
}
.post-comment-likes,
.post-comment-likes-liked {
height: 14px;
}
.post-comment-likes-liked {
color: #3372cd;
}
.post-comment-reply-text,
.post-comment-likes-text {
display: inline-block;
margin-right: 3px;
vertical-align: top;
}
.post-comment-likes-counter {
display: inline-block;
position: relative;
top: -7px;
left: -4px;
padding: 7px 14px 7px 6px;
}
.post-comment-likes .post-comment-likes-counter,
.post-comment-likes-liked .post-comment-likes-counter {
display: none;
}
.post-comment-likes.post-comment-liked .post-comment-likes-counter, .post-comment-likes-liked.post-comment-liked .post-comment-likes-counter {
display: inline-block;
}
.post-comment-likes.post-comment-liked .post-comment-likes-text:after, .post-comment-likes-liked.post-comment-liked .post-comment-likes-text:after {
content: ":";
}
.post-comments-load-btn-wrap {
padding: 33px 0;
text-align: center;
background: #e8ecef;
}
.post-wrap .post-comments-load-btn-wrap {
background: transparent;
}
.post-comments-loader {
width: 23px;
height: 23px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAACTklEQVRo3tWaz0tCQRDHN5AkOnSp1N4lu9jJ/ohUrGt06ZIIgh4Kgw5q8KqDmmRUf0BeEvOgHfIfbAZGWMZ9/ur1nF34wmPec/fDOm92dvYp5UM7L9zGQMegHOgO1AS9kppky9Ez22qVDQD2QXnQB2i0gM5WBZwE1ReE1XUQNHAE5M6A6oNeQFXQDeiKrlugHugTtBYkNPrmwAD6A2qATkHOHP1sBQUcApUNwN+gEv4LSloDqDDowQB9j1FESWw009yfh6CsktwM7oEv1qF06DSD7mLMlg4dYdED3SOhpDeDX5/YAJ1k0K6yobFlHF0kKpBx3ZQw6bNdEga8Cbqg6BbXb+TZMh4VBL1BwGO+vH5TT03rwt24o28CREcSZGKMMTSmmNERCO4wxhQaL/V8WnDU62ucOTTUNENbMHhb46yh4UkzVASDVzXOFhreNcO1JRnru9Xg1rqKLS/nM385c7aGQxsWoD3TAsSX/KxA8OzEkk83OsKTrMeJJMsjrd0VBL1DTMa0Ni51IwEsBcYWn7V1iwiAjhDLmKthxWbZUHU4mvfBrKBI4oovCOGYzEUGM1131SU4qjh0GUNmmUxsXPRMBDTTPTZ2eZEOQlQHD6zMTD49ZGNifT60aEdehX3Xz7oL9uVxtoRjh5ft1OsoBWem+JdYT4GgaJjlEY0Z8mNW0lMOr+pU95jn8MqhZ+tsGdejR8ZvH4zOcVz4RbvxCs1ama7bdG/ab91/Lf35cEDLhX0lVcDxdpkj8RH9Jr/yIxqPjxDeSPwjBF+OGn8BttJhi1oXawoAAAAASUVORK5CIIA=) no-repeat center;
background-size: 23px;
margin: 0 auto 20px;
-webkit-animation: post_comments_loader 1s linear infinite;
animation: post_comments_loader 1s linear infinite;
}
@-webkit-keyframes post_comments_loader {
0%{-webkit-transform: rotate(0deg); transform: rotate(0deg); }
100%{-webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes post_comments_loader {
0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.post-comments-load-btn {
background: #1a90db;
color: #fff;
display: inline-block;
height: 36px;
font-size: 15px;
font-weight: bold;
text-align: center;
line-height: 36px;
min-width: 120px;
margin-top: 25px;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
padding: 0 2px;
border-radius: 1.5px
}
.post-comments-load-btn-active {
border-image: url(images/comments-reload-push-btn.png) fill 4 stretch;
border-width: 2px;
}
.post-comments-load-text {
color: #78838f;
display: block;
text-align: center;
padding-bottom: 5px;
}
.post-comment-preview-wait {
background: url(images/lenta/loader.gif) no-repeat 0 0;
width: 23px;
height: 10px;
right: 0;
top: 6px;
position: absolute;
}
.post-comment-preview-undelivered {
background: url(images/lenta/undelivered-message-icon.png) no-repeat;
background-size: 18px;
width: 18px;
height: 18px;
right: 1px;
top: 3px;
position: absolute;
display: none;
}
.feed-com-block-cover.feed-com-block-cover-undelivered .post-comment-publication {
display: none;
}
.feed-com-block-cover.feed-com-block-cover-undelivered .post-comment-error {
display: flex;
}
.feed-com-block-cover.feed-com-block-cover-undelivered .post-comment-balloon {
background: #F3DADB;
}
.post-comment-block-scroll {
position: fixed;
right: 10px;
background: #fff;
border: 1px solid #ececec;
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
border-radius: 50%;
width: 42px;
height: 42px;
z-index: 1000;
}
.bx-ios .post-comment-block-scroll {
display: none;
}
.post-comment-block-scroll-bottom {
bottom: -50px;
-webkit-transition: bottom .2s ease-out;
transition: bottom .2s ease-out;
}
.post-comment-block-scroll-top {
top: -50px;
-webkit-transition: top .2s ease-out;
transition: top .2s ease-out;
}
.post-comment-block-scroll-arrow {
display: inline-block;
width: 10px;
height: 10px;
border-top: 3px solid #9c9b9b;
border-right: 3px solid #9c9b9b;
margin-left: 15px;
cursor: pointer;
}
.post-comment-block-scroll-arrow-bottom {
transform: rotate(135deg);
margin-top: 13px;
}
.post-comment-block-scroll-arrow-top {
transform: rotate(315deg);
margin-top: 18px;
}
.post-comment-block-scroll-bottom-active {
bottom: 10px;
}
.post-comment-block-scroll-top-active {
top: 10px;
}
.feed-add-post-button {
display: none;
position: fixed;
right: 15px;
bottom: 17px;
width: 58px;
height: 58px;
border: 0;
border-radius: 50%;
background: #2fc6f6 url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.50414%2027.5765L13.347%2019.7336C14.0597%2020.0085%2014.8987%2019.8585%2015.4736%2019.2835C16.2516%2018.5056%2016.2516%2017.2443%2015.4736%2016.4663C14.6957%2015.6883%2013.4344%2015.6883%2012.6564%2016.4663C12.0654%2017.0573%2011.9234%2017.9272%2012.2303%2018.6523L4.40513%2026.4775L3.97657%2026.0489C3.71618%2025.7885%203.63967%2025.3994%203.78864%2025.0626C4.83471%2022.6978%209.00466%2013.4742%2011.4316%2011.1033C13.8307%208.75948%2017.7413%209.06901%2018.7916%209.20203L20.3684%207.62518L20.2809%207.53765C19.9302%207.18694%2019.9302%206.61833%2020.2809%206.26762L23.5681%202.98036C23.9188%202.62965%2024.4875%202.62965%2024.8382%202.98036L29.003%207.14516C29.3537%207.49587%2029.3537%208.06448%2029.003%208.41519L25.7157%2011.7025C25.365%2012.0532%2024.7964%2012.0532%2024.4457%2011.7025L24.3567%2011.6134L22.7504%2013.2198C22.8802%2014.3924%2023.1349%2018.4074%2020.8799%2020.5516C18.5676%2022.7503%209.30383%2027.0829%206.92202%2028.1777C6.58267%2028.3337%206.18669%2028.259%205.92259%2027.9949L5.50414%2027.5765Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E') center no-repeat;
background-size: 32px 32px;
box-shadow: 0 2px 4px rgba(9, 132, 171, .2);
z-index: 1100;
}
.lenta-page .feed-add-post-button {
display: block;
}
/* LIKE REACT */
/*.post-comment-block .post-comment-detail {*/
/*overflow: visible;*/
/*}*/
.comment-block-rating-nonempty.post-comment-block .post-comment-detail {
padding-right: 25px;
}
.post-comment-block .post-comment-balloon {
overflow: visible;
}
/* END OF LIKE REACT */
/*=================================================================POST CARD========================================================================*/
/*==========================================================NOTIFICATION=======================================================================*/
.ml-notify { background-color: #fff; }
.notif-avatar {
background: url(images/notification-block/avatar.png) no-repeat center;
background-size: 38px 38px
}
.notif-avatar i {
border-radius: 6px;
height: 11px;
right: -6px;
bottom: -5px;
position: absolute;
width: 11px
}
.notif-avatar-offline i{ background: -webkit-linear-gradient(bottom, #890000, #f14d4d); }
.notif-avatar-online i { background: -webkit-linear-gradient(bottom, #3e6f00, #97d500); }
.notif-block-wrap a {display: inline-block; font-size: 14px; font-weight: 600} }
.notif-block:first-child {
border-top: 0;
}
.notif-title {
color: #333333;
font-size: 16px;
font-weight: bold;
}
.notif-more {
border-image: url(images/notification-block/notif-border.gif) fill 2 0 0 stretch;
border-width: 1px 0 0;
border-radius: 0 0 3px 3px;
color: #1c53a2;
font-size: 12px;
font-weight: bold;
margin: 0 -3px -5px;
text-align: center;
padding: 6px 0 10px;
}
.notif-buttons {
padding: 0px 0;
margin-top: 14px;
margin-bottom: 15px;
display: flex;
}
.notif-more-push { background-color: #d5d5d5; }
.notif-time:first-letter { text-transform: uppercase; }
.notif-block-empty {
position: absolute;
left: 0;
font-size: 19px;
top: 50%;
padding-top: 130px;
margin-top: -85px;
width: 100%;
color: #99afbc; text-align: center;
background: url(images/notification-block/notif-empty-v2.png) no-repeat top center;
background-size: 112px 112px
}
.notif-block-unread { background-color: #e5e5e5; }
.notif-new {
height: 10px;
background-color: #e5e5e5;
margin: 0 -3px;
}
.notif-cont {
padding-top: 0;
flex-grow:1
}
.notif-text {
color: #000;
font-size: 16px;
padding-bottom: 2px;
display: block;
min-height: 26px;
line-height: 20px;
margin-top: 4px;
word-break: break-word;
}
.notif-time {
color: #ACB2B9;
font-size: 14px;
float: left;
}
.notif-cont .bx-messenger-attach-box { position: relative; }
.notif-counter {
float: left;
display: inline-block;
margin-top: 3px;
border-radius: 12px;
font-size: 13px;
height: 15px;
text-align: center;
min-width: 9px;
padding: 3px 0 5px 2px;
margin-left: 45px;
color: #225580c4;
font-weight: 500;
}
.notif-options {
margin-top:4px;
height: 19px;
margin-bottom: 8px;
}
.notif-cont .bx-messenger-attach-user-name {
width: 70%;
vertical-align: top;
padding-top: 4px;
position: relative;
font-size: 16px;
}
.notif-button {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: bold;
height: 40px;
line-height: 40px;
margin: 0 9px 0 0;
min-width: 9px;
max-width: 120px;
text-align: center;
padding: 0 12px;
border-radius: 2px;
text-transform: uppercase;
font-family: "OpenSans-Bold", serif;
vertical-align: middle;
}
@media screen and (max-width: 320px) {
.notif-button {
font-size: 10px;
word-break: normal;
height: 34px;
line-height: 34px;
overflow: hidden;
}
}
.notif-button-accept {
background: #3BC8F5;
border: 1px solid #3BC8F5;
}
.notif-button-cancel {
border: 1px solid #C6CDD3;
color: #535C69;
}
.notif-block {
-webkit-transition: background 0.3s;
transition: background 0.3s;
border-top: 1px solid #e8e8e8;
background-color: #fff;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 12px;
overflow: hidden;
}
.notif-inner
{
max-height: 216px;
overflow: hidden;
position: relative;
word-break: break-word;
}
.notif-header
{
display: flex;
justify-content: space-between;
}
.notif-delete
{
background-size: 16px 16px;
width: 24px;
height: 16px;
background: url("images/notification-block/close.svg") no-repeat 7px;
}
.notif-fold-button
{
float:right;
visibility: hidden;
color: #ACB2B9;
font-size: 14px;
margin-right: 7px;
}
.notif-bottom-gradient
{
position: absolute;
width:100%;
height: 20px;
bottom: 0;
}
.notif-bottom-gradient
{
}
/*==========================================================NOTIFICATION=======================================================================*/
/*=====================================================NEW POST===============================================================================*/
.newpost-page {
font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
height: 100%;
background-color: #fff;
}
/*top panel*/
.newpost-panel-top {
position: absolute;
width: 100%;
height: 44px;
top: 0;
left: 0;
background: #f9f9f9;
z-index: 2;
box-sizing: border-box;
border-bottom: 1px solid #cbd3db;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.newpost-panel-top {
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAEElEQVQYV2M8ffn2fwZ8AABtNgN6AjF5UQAAAABJRU5ErkJggg==) fill 0 0 2 stretch;
border-width: 0 0 1px;
}
}
.attach-file-button {
position: absolute;
left: 13px;
top: 50%;
margin-top: -16px;
width: 30px;
height: 30px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAADNElEQVRYw71Y+UtUURidzEyxskwmySwtzFYtLEPblOiHjATR+kGxBSIyocyI9lUKWpRKbE+xbJGy0vkHO1+cC6fhvlnezDRwmPG+77vv3G+/RiI5+rS2d68FBoAJ4DcwBdwBmoB5kVx/7CVALzAHxAIwBBTnkkQeMBj3wmZaZxvQR+vYswdAfi5I5APX+BKzRleAXAPwi3Lt2SaxELgrJA4lke+h7KtskigCHnLjWaAlBZ2V4r4l2SCxCHjKDc3cTSnqLRAilZmSKAFecLMfwPY0dNUiizMhUWb+5UbTwJY09U9RdzQTEiuA99zoC1CTpv4uxlIsWVAn2mQVMMlNPgJVaervltS1KpsXtmRPcZNx87NU0uPA4ST6B8QSlmWFYUjUAl+5yRsgKpW0X+rH5gD9Nin5t4GCMCS2At+5yRiwTCrpFYn+7gD9LpG5GqqsQ2kHMMNNRlyqmVmBe2KJIwH6vUJiIGxMaGA9ct2SRewJ162BtQZ04DNCos+1fnyXp0zINpfAum+9hOullvtcN0s1BnTg80LihCfWLiUlExdYN51PeZJ3iYoY4+aykDgmz+ol1qwYliQi0SkkjPV8rldJ/bAUXufRLQBu+eKGRewnnz1PRqJHTtLvTIfvDZK6H4AKj24hhyDXgQ/KsxYZhh4nnMyYHY7EaQmshjhzlnl0i/kC14H3Brh5KGERo1/HxR2OxD7JmhHf3GBrwDNf8OL3UTnc9aT1AwJ7KGwnXyrmnJXZssijZxn0UnTrJXVPConBlNIVQhecgpxymms3bIjx6ESBt5T5BmyU1D3nqx+pEHETVps0pxizpNAjX8G7isl8tmYYkLq96VbQMSrulxT+G1we2WrgkxCtDEjdzjCl3JXrDv7dLH6Pitz6uDQu9wzPc5kMO2fdoCKDrZvAJti4+jmX/pPG1gSBYek7LZGwHyjXyWnWiAsmPVfFYcmsUnGrt++Euau6U41Kg7Ps6WAAXmQQ53uyxlxYl61L0mqmYYxZFE0gu0msZTFTm+1r404ZgmZYAxrNXdbkLKtYV+ZkeK7O1W2+ht0xlgR22V7+P/6/0cz+MM5+YxZ6zeypycV7/wBF9orPIlWCJwAAAABJRU5ErkJggg==) no-repeat center;
background-size: 17px;
}
.attach-dog-button {
position: absolute;
left: 56px;
top: 50%;
margin-top: -16px;
width: 30px;
height: 30px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAEIUlEQVRYw62Yd2hUQRDGE429Y1TsHQWV2DXBhiixgiF2RWwo1lgTUNCIBAuWf+wdFQuKXREVsaARK2LFXkBjV2KJGnN+I9/CuO67vDN38CN3uzPz5u3OzM4mIiKET9qS1aVBMzAd7AE3wRvwBbwDT8FZsBwkgsqgSES4PjBWDvQDl0CA/ACf6MBr8p5OGZnvYC1oDgrnxYEoEA+uKeOPwH4wDXQDTUBtUB/EgcFgGbgMPii9paDK/zhREqQpQ/fAfFApBBu9wGHwmTZugNhQnCgFtlM5B2wFVfOwskPBA9qTLezgR6kw2EWlb2BqmOKsAbhCuw9B3dwUlqhgHBkRxo88nDEm9o+AAl6CnVVMLPRhuCLoAoaB0SABlMlFJ54rLc9IdAmUYDCJwEVQPIixCmAWOAd+KeeF4yYG8Lcg6A9SJcOU/i4VvEW14UgqyGQm6BHEiU7gvPXwj1aqSpGrxYJmxlItG5843tYO0AucOBXEie58iDF+lHUjlkxXqboGjOP3DBCj7OQH1zk3Tz+gMQezwCQPJ9qwchon5oFoh9xwlXHG6W12YOL3jn9eXB7OwWegusN4TfUGwqJcAnK7tXVjHDKprFHPXIrpDoV8YJ0yuu+vAHM7kqDkn8iKO2SSWCIy9aApNJsdCl2pYFasqY+07qQckZfMH8SRLD2YwWWa61BYpIyO81m4+iqdCR4yqabk60FJ2WyQbAlHg5NUuCWnrE9HZqtS3thDZitlrupByemfYIolHMd+48+2SYHy4UQ0i1qAhSvSI+5M8G/UEy9YIWdaCr1dBSkXR2L4UmJvsodMR5XaQ/WE6bxWOo5v40iKT0eS1LY09JBZTRnZiWp6YgsnTlgKQ5Qjc3w4UQ/cofxeD5ka7G1FZsFf240fY9VbFLNKeo4q51FBnJB28RBls736GIxvUqtR155spA68QWq8supXZc+HefS1PXhim9V7Dlo6ZAeosyjpn0DmoWdO1IPW3FT1gFdcvRiuQLxVdQ3pdhHD73asVzJ/wJmBVhsgS9bGSscj1oMes64ErJP4NL9fM47wKjJKrcRZz85MNcx3KXxSxwM7sZVWz2G2YAPoIxcp0F7dZ3bzFpCu5DeCQqAsj4FWzrjDYE/Vuc9wzLfn1kzkCjZydHk7HVslWzFQvfAZjo/yciSSNzMR+mqUQ2yQi7L+JLMx6moyUdpPVXVl+yoEM1Sc+x3g9XFymDr4Ourcui81x49Sed7QzDatd3VjITgxQsWf/G0RirIE1Aq1z1Ix50gWhGBD6sYxdX045mslPPa7L9M1oKqvnKrj5drAS5NcL6pJ0yQFEaziVSFTFcOUvKyqTl9pim8rh7KYznKXfcli91bViwCb7TT+pyBfOK+MZUBrSW32rrf58Cxm2XMG5GJmS7mgxUt9fgPwHUFZAMgJtgAAAABJRU5ErkJggg==) no-repeat center;
background-size: 17px;
}
.newpost-panel-top-comment .attach-dog-button {
left: 13px;
}
/*textarea*/
.newpost-textarea {
position: absolute;
left: 0;
top: 44px;
bottom: 260px;
width: 100%;
border: 0;
border-radius: 0;
box-sizing: border-box;
background: #fff;
font-size: 16px;
color: #434343;
resize: none;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
box-shadow: none;
padding: 12px 19px 10px;
margin: 0;
}
.newpost-textarea::-webkit-input-placeholder { }
.newpost-controls {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 216px;
background: #fff;
border-top: 1px solid #b2b2b2;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.newpost-controls {
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAEUlEQVQYV2NgQAebNm36j4wBZx4MVdIzxhcAAAAASUVORK5CIIA=) fill 2 0 0 0 stretch;
border-width: 1px 0 0 0;
}
}
.newpost-recipient {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 53px;
z-index: 10;
padding: 11px 17.5px 10px;
line-height: 30px;
box-sizing: border-box;
}
.newpost-recipient.newpost-recipient-shadow {
box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, .18)
}
.newpost-recipient-list {
position: absolute;
top: 53px;
left: 0;
right: 0;
bottom: 0;
padding: 10px 17.5px;
overflow: auto;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
}
.newpost-addressee {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
height: 27px;
line-height: 27px;
border-radius: 1px;
background: #a7f264;
padding-left: 10px;
padding-right: 37px;
position: relative;
color: #54901e;
font-weight: bold;
font-size: 10px;
vertical-align: middle;
}
.newpost-addressee.newpost-addressee-group {
background-color: #ffd5d5;
color: #b54827;
}
.newpost-addressee.newpost-addressee-department {
background-color: #e6e8ea;
color: #1f6ab5;
}
.newpost-addressee.newpost-addressee-people {
background-color: #bcedfc;
color: #1f6ab5;
}
.newpost-addressee.newpost-addressee-extranet {
background-color: #ffec91;
color: #b54827;
}
.newpost-recipient-list .newpost-addressee:last-child { margin-right: 0; }
.newpost-addressee-delete {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 27px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAArCAYAAAAdSFoKAAAAq0lEQVRYw+3WMQ7EIAwEwOUNfgBXxE3qlPn/u66hOhmDIhblpE3twMh4EQBw4iWfIIIIIogggvwjxJ7UrYZUADeAY1Dnra4yINYWvwcY/6mz1ZASbHIMEN7+W340PUzJEKxhjTa9MgQzvhGmi2DfIyXoxBUh2JCsI9sgMzNCh/TS4Rnm3ITACMO8WX0yTcboyCcbyABTmTNik9G2XfHVw0gQQQQRRBBBXgv5Aj0RHN3/xPY1AAAAAElFTkSuQmCC) no-repeat center left;
background-size: 17px auto;
}
.newpost-keyboard-text {
line-height: 30px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
display: inline-block;
height: 30px;
margin-right: 5px;
}
.newpost-panel {
position: absolute;
width: 100%;
height: 44px;
bottom: 216px;
left: 0;
background: #f9f9f9;
border-top: 1px solid #b2b2b2;
border-bottom:1px solid #b2b2b2;
z-index: 2;
box-sizing: border-box;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.newpost-panel {
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQY02NgQAebNm36j4wZCKoAAHGCGKmR+RV6AAAAAElFTkSuQmCC) fill 2 0 stretch;
border-width: 1px 0
}
}
.newpost-grey-button {
width: 61px;
height: 20px;
}
.newpost-keyboard:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAAbCAYAAADLYlf/AAAAdElEQVRYw+3YsQ2AIBSE4TcXdCzgAO5JdAeHgkdBjLGxIcL9xSUINB/JvUJL2x5qjppLKO4NJgjvD2C3DxNKM4MHD/790uN8xj3w4Ok8ePB0Hjx4Og+eaf+9ZyPy24EHfgU8Aw88+PXwqv/tT8dHX4jBs7sLbpoe39bdoAQAAAAASUVORK5CIIA=) no-repeat center;
background-size: 31.5px 13.5px;
content: "";
height:13.5px;
width: 31.5px;
left: 1px;
top: 2px;
position: absolute;
}
.newpost-keyboard {
position: absolute;
right: 7px;
bottom: 9px;
-webkit-transition: -webkit-transform 0.15s ease-in;
-webkit-tap-highlight-color: transparent;
}
.newpost-info {
position: absolute;
padding: 0 2px 0 21px;
left: 10px;
font-weight: bold;
bottom: 15px;
width: auto;
height: 16px;
font-size: 16px;
color: #3c67b0;
}
.newpost-info:after {
content: "";
position: absolute;
left: 1px;
top: 50%;
margin-top: -6px;
width: 17px;
height: 17px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAADNElEQVRYw71Y+UtUURidzEyxskwmySwtzFYtLEPblOiHjATR+kGxBSIyocyI9lUKWpRKbE+xbJGy0vkHO1+cC6fhvlnezDRwmPG+77vv3G+/RiI5+rS2d68FBoAJ4DcwBdwBmoB5kVx/7CVALzAHxAIwBBTnkkQeMBj3wmZaZxvQR+vYswdAfi5I5APX+BKzRleAXAPwi3Lt2SaxELgrJA4lke+h7KtskigCHnLjWaAlBZ2V4r4l2SCxCHjKDc3cTSnqLRAilZmSKAFecLMfwPY0dNUiizMhUWb+5UbTwJY09U9RdzQTEiuA99zoC1CTpv4uxlIsWVAn2mQVMMlNPgJVaervltS1KpsXtmRPcZNx87NU0uPA4ST6B8QSlmWFYUjUAl+5yRsgKpW0X+rH5gD9Nin5t4GCMCS2At+5yRiwTCrpFYn+7gD9LpG5GqqsQ2kHMMNNRlyqmVmBe2KJIwH6vUJiIGxMaGA9ct2SRewJ162BtQZ04DNCos+1fnyXp0zINpfAum+9hOullvtcN0s1BnTg80LihCfWLiUlExdYN51PeZJ3iYoY4+aykDgmz+ol1qwYliQi0SkkjPV8rldJ/bAUXufRLQBu+eKGRewnnz1PRqJHTtLvTIfvDZK6H4AKj24hhyDXgQ/KsxYZhh4nnMyYHY7EaQmshjhzlnl0i/kC14H3Brh5KGERo1/HxR2OxD7JmhHf3GBrwDNf8OL3UTnc9aT1AwJ7KGwnXyrmnJXZssijZxn0UnTrJXVPConBlNIVQhecgpxymms3bIjx6ESBt5T5BmyU1D3nqx+pEHETVps0pxizpNAjX8G7isl8tmYYkLq96VbQMSrulxT+G1we2WrgkxCtDEjdzjCl3JXrDv7dLH6Pitz6uDQu9wzPc5kMO2fdoCKDrZvAJti4+jmX/pPG1gSBYek7LZGwHyjXyWnWiAsmPVfFYcmsUnGrt++Euau6U41Kg7Ps6WAAXmQQ53uyxlxYl61L0mqmYYxZFE0gu0msZTFTm+1r404ZgmZYAxrNXdbkLKtYV+ZkeK7O1W2+ht0xlgR22V7+P/6/0cz+MM5+YxZ6zeypycV7/wBF9orPIlWCJwAAAABJRU5ErkJggg==) no-repeat center;
background-size: 17px;
}
.newpost-info:before {
content: "";
position: absolute;
right: -10px;
top: 50%;
margin-top: -0.5px;
width: 4px;
height: 8px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAAdElEQVQoz2OwSd8wD4jLGHABoKQPEP8G4mh8ijKB+CcQO+FT1A/EH4BYF5cCZiDeCMSPgVgOlyIuID4NxLeBWBSXIhmoKSdAGnAp0gXik0BcR7oCvFZAHXkSqyPRvKmAzeg+nAGFN6iBgt54Iwsa3RW44ggAUaxeZ9fzyDkAAAAASUVORK5CIIA=) no-repeat center;
background-size: 4px 8px;
}
.newpost-keyboard-pressed {
-webkit-transform: rotate(-180deg);
-webkit-transition: -webkit-transform 0.15s ease-in;
-webkit-tap-highlight-color: transparent;
}
.post-comment-files {
position: relative;
}
.newpost-progress {
position: absolute;
height: 4.5px;
background-color: #fff;
border-radius: 3px;
}
.newpost-progress {
left: 130px;
width: 110px;
bottom: 12px;
}
.newpost-progress-indicator {
height: 6px;
border-radius: 3px;
background: url(data:image/gif;base64,R0lGODlhFAAJALMKADis83HN/XLO/Ter83HO/Tir80m29mDD+jKo8nfR/gAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkJDQjE4RjY4MkEyMTFFNEIzNzhEQjhDOUYxRDk2MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkJDQjE4Rjc4MkEyMTFFNEIzNzhEQjhDOUYxRDk2MjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjYyRkE3RjgyQTExMUU0QjM3OERCOEM5RjFEOTYyMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjYyRkE4MDgyQTExMUU0QjM3OERCOEM5RjFEOTYyMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUFAAoALAAAAAAUAAkAAAQqEMk5TboYH0pHyJkAcNMBZgYpWee1qV6biCpiyqnKti9ZfC3CSHVr5SYRACH5BAUFAAoALAAAAAAUAAkAAAQqMB1EazUp6yyAtUOwbcZnHeNmXqk2rWGbdCuCyuWKya9ZiC2CZ3Vr5RARACH5BAUFAAoALAAAAAAUAAkAAAQrMMmDqrVGai3AvUOwbcZ3HaNGmVWWJh2LhG9SymgtI+67mgXRi+Bh5V6lCAAh+QQFBQAKACwAAAAAFAAJAAAEKTBJeZC918ydBMDYEHCTAWIHSZ2Z2n2s6JoskqpVrakEfBYjFY11U0UAACH5BAUFAAoALAAAAAASAAkAAAQpMMmZDroYGyoFyNkQcIkBZgdpndfGeSwikmaccivrUsTHFiNOjXWbRAAAIfkEBQUACgAsAgAAABIACQAABCkwyZkOuhgbKgXI2RBwiQFmB2md18Z5LCKSZpxyK+tSxMcWI06NdZtEAAAh+QQFBQAKACwAAAAAFAAJAAAEKhCZRGs9KOs8grUCsG3HZxnjZl6pNq1hi3RrgsrlismvSYitgmd1a+USEQAh+QQFBQAKACwAAAAAFAAJAAAEKxBJk6q1R2o9wr0CsG3HdxmjRplVliIdm4QvUspoLSfuu5oE0avgYeVepQgAIfkEBQUACgAsAAAAABQACQAABCkQSWmSvffMjUbAmABw0wFiBkmdmdp9rOiabJKqVa2pBXwSIxWNdVNFAAAh+QQFBQAKACwAAAAAEgAJAAAEKRDJiUy6GB8qR8iZAHDIAWYGaZ3XxnlsIpJmnHIr61LFxxIjTo11m0QAADs=) repeat-x left center;
background-size: 10px 4.5px;
width: 10%;
position: relative;
left: 0;
top: -1px;
}
.newpost-progress-indicator.animate {
width: 90%;
-webkit-transition: width 60s ease-in-out;
transition: width 60s ease-in-out;
}
.newpost-progress-label {
color: #858b97;
position: absolute;
top: -15px;
font-size: 8px;
text-shadow: none;
}
.newpost-button {
border: 1px solid #dde0e3;
border-radius: 2px;
font-size: 14px;
margin: 0;
padding: 0 3px;
position: relative;
display: inline-block;
height: 30px;
line-height: 28px;
vertical-align: middle;
color: #0465b3;
font-weight: bold;
}
.newpost-button-destination {
overflow: hidden;
box-sizing: border-box;
padding-left: 26px;
padding-right: 12px;
white-space: nowrap;
}
.newpost-button-destination:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAQ0lEQVQ4y2NgwANYUjf3A/F+GGYgF0AN+A/DowYNFoOACuqRFZOJ9w9OgxKQUy8afo+uAQfuH01Hw9GgBGg6A2N8agEKmQDiDBCklgAAAABJRU5ErkJggg==) center no-repeat;
background-size: 9px;
content: "";
height: 12px;
position: absolute;
left: 6px;
top: 50%;
margin-top: -6px;
width: 15px
}
.newpost-button-destination-item { padding-right: 10px }
.newpost-button-mention { padding-left: 29px }
.newpost-button-mention:before {
background: url(images/newpost/gui.png) no-repeat 0 -102px;
background-size: 65px 150px;
content: "";
height: 20px;
left: 3px;
top: 3px;
position: absolute;
width: 20px
}
.newpost-button-file:after {
background: url(images/newpost/newpost-border.png) no-repeat 0 0;
background-size: 2px 31px;
content: "";
height: 31px;
left: 50%;
margin: 0 -1px;
right: 50%;
top: -4px;
position: absolute;
width: 2px
}
.newpost-but-file {
background: url(images/newpost/newpost-button-pressed.png) no-repeat 500px 500px;
border: transparent solid;
display: inline-block;
height: 22px;
position: relative;
width: 50%
}
.newpost-but-file-image {
border-width: 7px 0 9px 7px;
margin: -7px 0 -9px -10px;
padding-left: 3px
}
.newpost-but-file-image:after {
background: url(images/newpost/gui.png) no-repeat -1px -52px;
background-size: 65px 150px;
content: "";
height: 20px;
margin: 0 -14px;
left: 50%;
right: 50%;
top: 2px;
position: absolute;
width: 24px
}
.newpost-but-file-file {
border-width: 7px 7px 9px 0;
margin: -7px -10px -9px 0;
padding-right: 3px
}
.newpost-but-file-file:after {
background: url(images/newpost/gui.png) no-repeat -1px -127px;
background-size: 65px 150px;
content: "";
height: 20px;
margin: 0 -11px;
left: 50%;
right: 50%;
top: 2px;
position: absolute;
width: 22px
}
.newpost-button-press { border-image: url(images/newpost/newpost-button-pressed.png) fill 14 14 18 14 stretch }
.newpost-but-file-press-image{ border-image: url(images/newpost/newpost-button-pressed.png) fill 14 14 18 14 stretch }
.newpost-but-file-press-file { border-image: url(images/newpost/newpost-button-pressed.png) fill 14 14 18 14 stretch }
/*=====================================================NEW POST===============================================================================*/
.feed-add-post-form table.bxlhe-frame-table td.bxlhe-editor-buttons {
background-color: #fff !important;
display: none !important
}
.lenta-block-grat {
overflow: hidden;
min-height: 50px;
margin-bottom: 10px;
padding: 11px 5px 10px 16px;
background:#f9fbe5;
}
.lenta-info-block.lenta-block-grat {
margin-top: 0;
}
.lenta-block-grat-arrow {
float: left;
width: 16px;
height: 9px;
background: url('images/lenta/grat-arrow.png') no-repeat;
margin-top: 9px;
margin-right: 16px;
}
.lenta-block-grat-users {
overflow: hidden;
}
.lenta-block-grat-user {
padding-bottom: 10px;
}
.lenta-block-grat-medal { float: left; width: 32.5px; height: 32.5px; margin: 0 7px 0 0; background-image: url(images/lenta/medals-2.png); background-repeat: no-repeat; background-size: 303px 167px; border-radius: 50%;}
.lenta-block-grat-medal.lenta-block-grat-medal-heart { background-position: -7.5px -4px; background-color: #fe5857; }
.lenta-block-grat-medal.lenta-block-grat-medal-gift { background-position: -49px -4px; background-color: #5cd1df; }
.lenta-block-grat-medal.lenta-block-grat-medal-cup { background-position: -90px -4px; background-color: #ffa800; }
.lenta-block-grat-medal.lenta-block-grat-medal-money { background-position: -131px -4px; background-color: #05b5ab; }
.lenta-block-grat-medal.lenta-block-grat-medal-crown { background-position: -172px -4px; background-color: #a7abb0; }
.lenta-block-grat-medal.lenta-block-grat-medal-drink { background-position: -213px -4px; background-color: #2fc7f7; }
.lenta-block-grat-medal.lenta-block-grat-medal-cake { background-position: -254.5px -4px; background-color: #b47153; }
.lenta-block-grat-medal.lenta-block-grat-medal-thefirst{ background-position: -7.5px -126px; background-color: #ffd200; }
.lenta-block-grat-medal.lenta-block-grat-medal-flag { background-position: -49px -126px; background-color: #fb6dba; }
.lenta-block-grat-medal.lenta-block-grat-medal-star { background-position: -90px -126px; background-color: #29ad49; }
.lenta-block-grat-medal.lenta-block-grat-medal-thumbsup{ background-position: -131px -126px; background-color: #6e54d1; }
.lenta-block-grat-medal.lenta-block-grat-medal-beer { background-position: -172px -126px; background-color: #ae914b; }
.lenta-block-grat-medal.lenta-block-grat-medal-flowers { background-position: -213px -126px; background-color: #ff7b9d; }
.lenta-block-grat-medal.lenta-block-grat-medal-smile { background-position: -254.5px -126px; background-color: #bada0b; }
.lenta-block-grat .lenta-important-block-text {
min-height: 15px;
opacity: 0.5;
font-size: 13px;
color:#525c69;
}
.lenta-block-grat .lenta-important-block-title,
.lenta-block-grat .lenta-important-block-title a {
padding-bottom: 4px;
font-size: 15px;
font-weight: normal;
color: #333333;
}
/*=====================================================TASKS FILTER===============================================================================*/
div.tasks-filter-custom-condition-element { padding: 10px }
.tasks-filter-custom-condition-element-name { padding-right: 5px }
.tasks-filter-custom-condition-element-operator-or {
margin-right: 10px;
color: blue;
}
.tasks-filter-custom-condition-element-operator-and { color: blue }
.tasks-filter-bracket {
color: blue;
font-weight: bold;
}
/*=======================================================================TASK-LIST-PAGE=======================================================*/
.task-list-page { padding: 0 10px }
.task-title {
color: #2e4252;
font-size: 15px;
font-weight: bold;
height: 24px;
padding-top: 11px;
text-align: center;
position: relative;
}
.task-title-folder-btn {
border-image: url(images/tasks/tasks-list-folder-border.png) fill 6 stretch;
border-width: 3px;
height: 23px;
right: 6px;
top: 1px;
position: absolute;
width: 30px;
}
.task-title-folder-btn-press {
border-image: url(images/tasks/tasks-list-folder-border-press.png) fill 8 4 4 stretch stretch;
border-width: 4px 2px 2px;
width: 32px;
}
.task-title-folder-btn-icon {
background: url(images/tasks/tasks-sprite.png) no-repeat 0 -299px;
background-size: 30px 750px;
height: 17px;
left: 5px;
top: 3px;
position: absolute;
width: 21px;
}
.task-list-folder-btn-press .task-list-folder-btn-folder {
background-position: 0 0;
top: 2px;
left: 6px;
}
.task-list-blocks-shadow {
border-image: url(images/tasks/tasks-list-block-wrap-border.png) fill 22 stretch;
border-width: 11px;
}
.task-list-blocks-wrap { margin: -5px }
.task-list-block {
border-image: url(images/tasks/tasks-list-block-border.png) fill 2 0 0 stretch;
background: linear-gradient(top, #fdfefe, #eff8fb);
border-width: 0;
border-top-width: 1px;
position: relative;
padding: 12px 60px 12px 25px;
}
.task-list-block:first-child {
border-radius: 3px 3px 0 0;
border-top-width: 0;
}
.task-list-block:last-child {
border-radius: 0 0 3px 3px;
}
.task-list-block-title {
color: #3a3a3a;
font-size: 12px;
font-weight: bold;
min-height: 31px;
overflow: hidden;
padding-bottom: 2px;
}
.task-list-block-names {
font-size: 9px;
}
.task-list-block-names-link {
display: inline-block;
font-size: 9px;
color: #1d54a2;
text-decoration: none;
white-space: nowrap;
}
.task-list-separate {
background: url(images/tasks/tasks-sprite.png) no-repeat 3px -259px;
background-size: 30px 750px;
display: inline-block;
vertical-align: baseline;
height: 7px;
width: 10px;
}
.task-list-priority {
background: url(images/tasks/tasks-sprite.png) no-repeat 500px 500px;
background-size: 30px 750px;
height: 16px;
left: 8px;
top: 19px;
position: absolute;
width: 10px;
}
.task-priority-2 .task-list-priority,
.task-list-priority-high .task-list-priority { background-position: -18px -240px }
.task-priority-0 .task-list-priority,
.task-list-priority-low .task-list-priority { background-position: 0 -239px }
.task-list-deadline {
bottom: 14px;
color: #646b72;
font-size: 6px;
text-transform: uppercase;
right: 11px;
position: absolute;
}
.task-list-status {
background: url(images/tasks/tasks-sprite.png) no-repeat 500px 500px;
background-size: 30px 750px;
height: 25px;
top: -1px;
right: 0;
position: absolute;
width: 25px;
}
.task-view-status {
background: url(images/tasks/tasks-sprite.png) no-repeat 30px 30px;
background-size: 30px 750px;
height: 25px;
top: -4px;
right: -2px;
position: absolute;
width: 25px;
}
.task-list-block:first-child .task-list-status { top: 0 }
.task-list-status-new,
.task-status--2 .task-list-status,
.task-status-1 .task-list-status { background-position: 0 -140px }
.task-list-block:first-child .task-list-status-new,
.task-list-block.task-status-1:first-child .task-list-status,
.task-list-block.task-status--2:first-child .task-list-status { background-position: 0 -59px }
.task-list-status-waiting,
.task-status-4 .task-list-status,
.task-status-7 .task-list-status { background-position: 0 -166px }
.task-list-block:first-child .task-list-status-waiting,
.task-list-block.task-status-4:first-child .task-list-status,
.task-list-block.task-status-7:first-child .task-list-status { background-position: 0 -86px }
.task-list-status-overdue,
.task-status--1 .task-list-status { background-position: 0 -193px }
.task-list-block:first-child .task-list-status-overdue,
.task-list-block.task-status--1:first-child .task-list-status { background-position: 0 -113px }
.task-list-status-completed,
.task-status-5 .task-list-status {
background: url(images/tasks/angle-gray.png) 0 0 no-repeat scroll;
background-size: 30px 56px;
}
.task-list-block:first-child .task-list-status-completed,
.task-list-block.task-status-5:first-child .task-list-status {
background: url(images/tasks/angle-gray.png) 0 -30px no-repeat scroll;
background-size: 30px 56px;
}
.task-list-attached-files {
background: url(images/tasks/tasks-sprite.png) no-repeat 0 -221px;
background-size: 30px 750px;
height: 13px;
margin-top: -9px;
right: 26px;
top: 50%;
position: absolute;
width: 13px;
}
.task-list-arrow {
background: url(images/tasks/tasks-sprite.png) no-repeat -19px -221px;
background-size: 30px 750px;
margin-top: -10px;
right: 10px;
top: 50%;
height: 15px;
position: absolute;
width: 10px;
}
/*=======================================================================END TASK-LIST-PAGE=======================================================*/
.task-block {
border-image: url(images/tasks/task-block-border.png) fill 8 4 10 stretch;
border-width: 4px 2px 5px;
word-wrap: break-word;
padding: 9px 0 0;
}
/*=======================================================================TASK-CARD-PAGE=======================================================*/
.task-card-page { }
.task-block-title {
color: #4b4b4b;
font-size: 14px;
line-height: 16px;
font-weight: bold;
padding: 0 11px 15px;
}
.task-block-description {
color: #4a515d;
font-size: 12px;
line-height: 14px;
padding: 0 11px 16px;
}
.task-card-director-responsible { padding: 0 4px 15px }
.task-card-director-responsible .lenta-info-block { margin-top: 0 }
.task-card-info {
border-image: url(images/tasks/tasks-card-info-border.png) fill 2 stretch;
border-width: 1px 0 0;
margin: 0 -2px;
padding: 8px 10px 11px 13px;
}
.task-card-info-file {
padding: 13px 10px 11px 13px;
}
.post-item-attached-more-files {
color: #1d54a2;
display: block;
margin-top: 9px;
height: 17px;
font-size: 12px;
font-weight: bold;
}
.task-card-info-row { line-height: 16px; overflow: hidden; padding-bottom: 2px }
.task-card-info-left {
float: left;
color: #4a515d;
font-size: 12px;
max-width: 300px;
width: 40%;
}
.task-card-info-right {
color: #4b4b4b;
font-size: 12px;
font-weight: bold;
overflow: hidden;
}
.task-card-info-right-blue { color: #2168b0 }
.task-card-info-right-green { color: #88b385 }
.task-card-info-right-red { color: #c05256 }
.task-card-info-right-orange{ color: #dd7d00 }
.task-card-link {
color: #2168b0;
font-size: 12px;
text-decoration: none;
}
.task-card-page .lenta-info-name-text,
.task-card-page .lenta-info-name-description {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.task-block.load:after {
content: "";
display: block;
height: 4px;
position: relative;
top: 15px;
background: url(images/tasks/loader_big.gif) center center no-repeat;
}
/*=======================================================================END TASK-CARD-PAGE=======================================================*/
/*=======================================================================TASKS-FOLDERS-PAGE=======================================================*/
.tasks-folders-page { padding: 0 12px 12px }
.tasks-folders-wrap { margin-top: 8px }
.task-folder-block {
margin-top: 7px;
padding: 15px 12px 0;
position: relative;
}
.task-folder-block-big:first-child { margin-top: 16px }
.task-folder-block-big { padding-right: 200px }
.task-folder-corner {
background: url(images/tasks/tasks-header-folder-4.png) no-repeat;
background-size: 99px 16px;
left: 8px;
top: 1px;
height: 17px;
position: absolute;
width: 99px;
}
.task-folder-block-big .task-folder-corner {
background: url(images/tasks/tasks-header-folder-3.png) no-repeat 0 0;
background-size: 99px 17px;
top: 0;
}
.task-folder-left {
background: url(images/tasks/tasks-sprite.png) no-repeat 0 -355px;
background-size: 30px 750px;
height: 60px;
bottom: 0;
left: 0;
position: absolute;
width: 12px;
}
.task-folder-block-big .task-folder-left { background-position: 0 -335px }
.task-folder-right {
background: url(images/tasks/tasks-sprite.png) no-repeat -18px -355px;
background-size: 30px 750px;
height: 60px;
bottom: 0;
right: 0;
position: absolute;
width: 12px;
}
.task-folder-block-big .task-folder-left { background-position: 0 -485px }
.task-folder-block-big .task-folder-right{ background-position: -18px -485px }
.task-folder-repeat {
background: url(images/tasks/tasks-sprite.png) repeat-x 0 -420px;
background-size: 30px 750px;
height: 60px;
}
.task-folder-block-big .task-folder-repeat { background-position: 0 -553px }
.task-folder-header {
background: url(images/tasks/tasks-header-folder-1.png) no-repeat 0 0;
background-size: 188px 20px;
display: none;
height: 20px;
right: 12px;
top: 1px;
position: absolute;
width: 188px;
}
.task-folder-block-big .task-folder-header { display: block }
.task-folder-right-repeat {
background: url(images/tasks/tasks-sprite.png) repeat-x 0 -559px;
background-size: 30px 750px;
display: none;
height: 54px;
right: 12px;
bottom: 0;
position: absolute;
width: 188px;
}
.task-folder-block-big .task-folder-right-repeat { display: block }
.task-folder-text-wrap {
color: #2e4252;
font-size: 15px;
font-weight: bold;
left: 15px;
right: 20px;
bottom: 20px;
text-shadow: 0 1px rgba(255, 255, 255, .4);
padding-right: 44px;
position: absolute;
}
.task-folder-text {
display: inline-block;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.task-folder-index {
background: #6789a2;
background: linear-gradient(top, #456177, #6789a2);
border-radius: 10px;
box-shadow: 0 1px 0 rgba(226, 241, 248, .7);
color: #e3eff4;
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 14px;
margin: 1px -50px 0 8px;
min-width: 16px;
height: 18px;
vertical-align: top;
text-align: center;
text-shadow: 0 1px 0 rgba(71, 105, 134, 0.7);
padding: 2px 7px 0;
}
.task-folder-index-wrap {
position: absolute;
right: 70px;
bottom: 20px;
}
.task-folder-arrow {
background: url(images/tasks/tasks-sprite.png) no-repeat -19px -260px;
background-size: 30px 750px;
height: 15px;
right: 14px;
bottom: 23px;
position: absolute;
width: 10px;
}
.task-folder-label {
background: url(images/tasks/tasks-sprite.png) no-repeat 100px 100px;
background-size: 30px 750px;
display: none;
position: absolute;
width: 13px;
}
.task-label-red .label-red {
background-position: 0 -321px;
display: block;
height: 21px;
right: 28px;
top: -4px;
}
.task-label-green .label-green {
background-position: -17px -278px;
display: block;
height: 11px;
right: 124px;
top: 5px;
}
.task-label-orange .label-orange {
background-position: 0 -278px;
display: block;
height: 11px;
right: 166px;
top: 7px;
}
.tasks-folders-page .task-title-folder-btn-icon { background-position: 0 -20px }
.tasks-folders-page .task-title-folder-btn-press{ background-position: 0 -40px }
/*=======================================================================END TASKS-FOLDERS-PAGE=======================================================*/
/*=======================================================================TASKS-FORM-PAGE=======================================================*/
.task-form-page { padding: 0 15px 15px }
.task-form-textar-wrap {
line-height: 0;
padding: 5px 0 8px;
}
.task-form-input {
background: none;
border-image: url(images/tasks/texarea-bg.png) fill 8 6 10 stretch;
border-width: 4px 3px 5px;
box-sizing: border-box;
color: #556574;
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
line-height: 14px;
height: 38px;
margin-bottom: 14px;
outline: none;
padding: 0 7px;
width: 100%;
}
.task-form-textarea {
background: none;
border-image: url(images/tasks/texarea-bg.png) fill 8 6 10 stretch;
border-width: 4px 3px 5px;
box-sizing: border-box;
color: #556574;
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
margin: 0;
height: 98px;
padding: 7px 5px;
outline: none;
width: 100%;
}
.task-form-main-block {
border-image: url(images/tasks/task-block-border.png) fill 8 4 10 stretch;
border-width: 4px 2px 5px;
margin-top: 5px;
}
.task-form-row {
border-image: url(images/tasks/tasks-card-info-border.png) fill 2 stretch;
border-width: 1px 0 0;
min-height: 31px;
margin: 0 -2px;
padding-top: 6px;
position: relative;
}
.task-form-row:first-child {
border: none;
border-width: 0;
padding-top: 3px;
}
.task-form-row-left {
color: #4a515d;
display: inline-block;
box-sizing: border-box;
font-size: 12px;
padding: 0 6px 2px 14px;
width: 37%;
}
.task-form-row-right {
color: #4a515d;
display: inline-block;
box-sizing: border-box;
font-size: 12px;
padding: 0 6px 2px 14px;
width: 63%;
}
.task-form-link {
color: #2168b0;
text-decoration: none;
}
.task-form-arrow {
background: url(images/tasks/tasks-sprite.png) no-repeat -21px -324px;
background-size: 30px 750px;
height: 14px;
top: 11px;
right: 10px;
position: absolute;
width: 9px;
}
.task-form-row:first-child .task-form-arrow { top: 8px }
.task-form-participant-row-new .task-form-arrow {
background-position: -21px -620px;
top: 16px;
right: 9px;
}
.task-form-participant { padding: 0 4px 4px }
.task-form-participant-title {
color: #4b4b4b;
font-size: 12px;
font-weight: bold;
padding: 2px 0 6px 9px;
}
.task-form-participant-block {
border-image: url(images/tasks/tasks-form-block-bg.png) fill 6 stretch;
border-width: 3px;
position: relative;
}
.task-form-participant-row {
border-image: url(images/tasks/task-form-block-bord.gif) fill 0 0 2 stretch;
border-width: 0 0 1px;
font-weight: bold;
margin: 0 -2px;
min-height: 34px;
position: relative;
padding: 7px 0 3px 38px;
}
.task-form-participant-btn {
height: 38px;
left: 0;
top: 0;
position: absolute;
width: 35px;
}
.task-form-participant-btn i {
background: url(images/tasks/tasks-sprite.png) no-repeat -3px -676px;
background-size: 30px 750px;
display: block;
margin: 11px 0 0 7px;
height: 24px;
width: 24px;
}
.task-form-participant-row:first-child .task-form-participant-btn i { margin-top: 8px }
.task-form-participant-row-new .task-form-participant-btn i { background-position: -3px -646px }
.task-form-participant-row-name {
font-size: 12px;
font-weight: bold;
padding-bottom: 1px;
}
.task-form-participant-row-link {
color: #1d54a2;
display: block;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
}
.task-form-participant-row-post {
color: #4a515d;
font-size: 10px;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: 0 1px rgba(255, 255, 255, 0.7);
white-space: nowrap;
}
.task-form-participant-row-new {
border-width: 0;
color: #4a515d;
font-size: 12px;
min-height: 25px;
text-shadow: 0 1px rgba(255, 255, 255, 0.7);
padding-top: 13px;
}
.task-form-participant-row-new:first-child {
padding-top: 9px;
min-height: 22px;
}
.task-form-participant-row-new:first-child .task-form-arrow { top: 10px }
.task-form-participant-row-new:first-child .task-form-participant-btn i { margin-top: 6px }
/*=======================================================================END TASKS-FORM-PAGE=======================================================*/
/*=======================================================================END TASKS-FORM-PAGE=======================================================*/
.file-card-page { padding: 0 15px 15px }
.file-card-name {
color: #1d54a2;
font-size: 12px;
font-weight: bold;
overflow: hidden;
margin-bottom: 5px;
height: 29px;
padding: 13px 0 0 37px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
.file-card-name-icon {
background-size: 29px 29px;
background-position: center center;
height: 29px;
left: 0;
top: 5px;
position: absolute;
width: 29px;
}
.file-card-block {
border-image: url(images/tasks/task-block-border.png) fill 8 4 10 stretch;
border-width: 4px 2px 5px;
color: #4a515d;
font-size: 12px;
line-height: 14px;
padding: 9px 11px 5px;
position: relative;
}
.file-card-description { margin-bottom: 11px }
.file-card-description-row { padding-bottom: 4px }
.file-card-description-left {
display: inline-block;
max-width: 300px;
width: 45%;
}
.file-card-description-right {
display: inline-block;
font-weight: bold;
width: 55%;
}
.file-card-informers {
border-image: url(images/files/files-card-footer.png) fill 6 4 4 stretch;
border-width: 3px 2px 2px;
margin: -6px 0 13px;
height: 32px;
padding: 3px 4px 0;
}
.file-card-review-btn {
border-image: url(images/files/files-card-review-btn.png) fill 6 4 4 stretch;
border-width: 3px 2px 2px;
color: #3c4548;
font-size: 12px;
font-weight: bold;
height: 26px;
margin-bottom: 13px;
text-align: center;
padding: 6px 0 0;
}
/*=========================================================================END TASKS-FORM-PAGE=======================================================*/
/*=========================================================================TASKS-FILTER-PAGE=======================================================*/
.task-filter-page {
padding: 0 13px;
}
.task-title { margin-bottom: 4px }
.task-filter-block {
border-image: url(images/tasks/task-block-border.png) fill 8 4 10 stretch;
border-width: 4px 2px 5px;
font-size: 14px;
font-weight: bold;
}
.tasks-filter-active-preset {
font-weight: bold;
color: blue;
}
.task-filter-row {
border-image: url(images/tasks/tasks-card-info-border.png) fill 2 stretch;
border-width: 1px 0 0;
margin: 0 -1px;
padding: 11px 18px 10px 15px;
position: relative;
}
.task-filter-row:first-child {
border-width: 0;
padding-top: 9px;
}
.task-filter-count-wrap {
height: 17px;
top: 12px;
right: 10px;
text-align: center;
position: absolute;
width: 38px;
}
.task-filter-counter {
background: #677987;
border-radius: 10px;
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 13px;
line-height: 13px;
height: 15px;
text-align: center;
padding: 1px 7px;
}
/*=========================================================================END TASKS-FILTER-PAGE=======================================================*/
#tasks-detail-card-container-over {
padding: 10px 14px 14px;
}
/*======================================================================ANDROID============================================================*/
html.android, .android body { height: 100% }
.android .post-card-wrap,
.android .im-blocks,
.android #tasks-detail-card-container-over {
position: static;
width: auto;
min-height: 100%;
box-sizing: border-box;
}
.android .post-card-wrap:after,
.android .im-blocks:after,
.android #tasks-detail-card-container-over:after {
content: "";
height: 60px;
display: block;
}
.android .send-message-block {
position: static;
width: auto;
box-shadow: 0 1px 3px rgba(0,0,0,.3);
margin-top: -51px;
z-index: 5;
}
.android .im-block-writing { opacity: 1; display: none }
.android .im-block-writing-write { display: block }
/*========================================================= CALENDAR ======================================================*/
/*========================================================= CALENDAR ADD EVENT ======================================================*/
.calendar-event-page { padding: 0 15px 15px; height: 100%;}
.calendar-event-textar-wrap { padding: 5px 0 8px; color: #2e4252; font-size: 13px; line-height: 15px }
.calendar-event-main-block {
border-image: url(images/calendar-bg.png) fill 6 8 10 stretch;
border-width: 3px 4px 5px;
padding: 20px;
margin-top: 5px;
margin-bottom: 15px;
}
.calendar-event-main-block-aqua {
border-image: url(images/aqua-bg.png) fill 6 8 10 stretch;
border-width: 3px 4px 5px;
margin-top: 5px;
margin-bottom: 15px;
}
.calendar-event-main-block-aqua-container {
background-image: linear-gradient(#fff, rgba(229, 243, 248, .28) 100%);
padding: 10px;
}
.calendar-event-title {
margin-top: 5px;
padding-top: 4px;
margin-bottom: 7px;
line-height: 10px;
font-size: 16px;
text-shadow: 0 1px 1px #fff;
}
.calendar-event-time {
text-shadow: 0 1px 1px #fff;
font-size: 14px;
padding-left: 20px;
background: url(images/im-page/im-info-icon.png) no-repeat center left
}
.calendar-event-repeat { padding-top: 10px }
.calendar-event-reminder {
font-size: 12px;
color: #959da4;
padding-top: 10px
}
.calendar-event-description-title {
font-size: 13px;
font-weight: bold;
margin-bottom: 15px
}
.calendar-event-description {
border-top: 1px solid #eaeef1;
overflow: hidden;
}
.calendar-event-description h3 {
font-size: 13px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 12px
}
.calendar-event-description p { padding-bottom: 5px }
.calendar-event-Importance,
.calendar-event-employment,
.calendar-event-location,
.calendar-event-members {
border-top: 1px solid #eaeef1;
padding: 15px 0;
font-size: 12px
}
.calendar-event-members h3 {
font-size: 13px;
font-weight: bold;
margin-top: 0;
margin-bottom: 12px
}
.calendar-event-members ul {
margin: 0;
padding: 0
}
.calendar-event-members ul li {
list-style: none;
padding: 5px 0 5px 20px;
margin-left: 0;
display: block
}
.cle-confirmed { background: url(images/calendar/confirmed.png) no-repeat left center; background-size: 13px }
.cle-not-confirmed { background: url(images/calendar/not-confirmed.png) no-repeat left center; background-size: 15px }
.cle-refused { background: url(images/calendar/refused.png) no-repeat left center; background-size: 13px }
.calendar-event-main-block-aqua.close .calendar-status-decline-cont,
.calendar-event-main-block-aqua.close .calendar-status-accept-cont {
height: 0;
white-space: nowrap;
overflow: hidden;
display: none;
}
.calendar-status-decline-cont,
.calendar-status-accept-cont {
padding: 20px 0 0 0;
}
.calendar-status-decline-cont .denied-button {
float: none !important;
margin-left: 24%;
}
.calendar-status-accept-cont {padding-bottom: 16px;}
.calendar-status-accept-cont .accept-button {
float: none !important;
margin-left: 24%;
}
/*=========================================================/ CALENDAR VIEW EVENT ======================================================*/
/*========================================================= CALENDAR ADD EVENT ======================================================*/
.calendar-addevent-page-inner { padding: 5px 15px 0 15px;}
.calendar-addevent-page{height: 100%}
.calendar-addevent-textar-wrap { padding: 5px 0 8px }
.calendar-addevent-input {
background: none;
border-image: url(images/calendar/texarea-bg.png) fill 8 6 10 stretch;
border-width: 4px 3px 5px;
box-sizing: border-box;
color: #556574;
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
line-height: 14px;
height: 38px;
margin-bottom: 14px;
outline: none;
padding: 0 7px;
width: 100%;
}
.calendar-addevent-textarea {
background: none;
border-image: url(images/calendar/texarea-bg.png) fill 8 6 10 stretch;
border-width: 4px 3px 5px;
box-sizing: border-box;
color: #556574;
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
margin: 0;
height: 98px;
padding: 7px 5px;
outline: none;
width: 100%;
}
.calendar-addevent-main-block {
border-image: url(images/calendar-bg.png) fill 6 8 10 stretch;
border-width: 3px 4px 5px;
padding: 10px;
margin-bottom: 15px;
}
.calendar-event-main-block-aqua.close .calendar-addevent-participant {
height: 0;
white-space: nowrap;
overflow: hidden;
display: none;
}
.calendar-addevent-row {
border-image: url(images/calendar/card-info-border.png) fill 2 stretch;
border-width: 1px 0 0;
position: relative;
box-sizing: border-box;
}
.calendar-addevent-row:first-child {
border: none;
}
.calendar-addevent-row-left {
font-weight: bold;
color: #4a515d;
display: inline-block;
box-sizing: border-box;
font-size: 12px;
padding: 0;
width: 37%;
float: left;
white-space: nowrap;
}
.calendar-addevent-row-container {
position: relative;
width: 100%;
font-weight: bold;
color: #4a515d;
font-size: 13px;
padding: 0 14px 0 0;
clear: both;
box-sizing: border-box;
}
.calendar-addevent-row-right {
float: right;
text-align: right;
font-weight: normal;
color: #4a515d;
display: inline-block;
box-sizing: border-box;
font-size: 12px;
padding: 0 6px 2px 14px;
width: 63%;
}
.calendar-addevent-row-right select {
position: absolute;
top: -3px;
right: 10px;
min-width: 120px;
max-width: 140px;
}
input.calendar-addevent-row-right {
border: none;
background: transparent;
}
.calendar-addevent-text {
font-size: 12px;
color: #2e4252;
margin-top: 7px;
}
.calendar-addevent-arrow {
background: url(images/calendar/sprite.png) no-repeat -21px -324px;
background-size: 30px 750px;
height: 14px;
top: 50%;
margin-top: -7px;
right: 0;
position: absolute;
width: 9px;
}
.calendar-addevent-participant-row-new .calendar-addevent-arrow {
background-position: -21px -620px;
top: 21px;
right: 9px;
}
.calendar-addevent-participant {
padding: 20px 15px 4px 0;
}
.calendar-addevent-participant-block {
position: relative;
border-top: 1px solid #e4e4e5;
padding-top: 10px;
}
.calendar-addevent-participant-row {
border-image: url(images/calendar/calendar-addevent-block-bord.gif) fill 0 0 2 stretch;
border-width: 0 0 1px;
font-weight: bold;
margin: 0 -2px;
min-height: 34px;
position: relative;
padding: 7px 0 3px 38px;
}
.calendar-addevent-participant-btn {
height: 38px;
left: 0;
top: 0;
position: absolute;
width: 35px;
}
.calendar-addevent-participant-btn .cal-delete-minus {
background: url(images/calendar/sprite.png) no-repeat -3px -674px;
background-size: 30px 750px;
display: block;
margin: 11px 0 0 7px;
height: 24px;
width: 24px;
-webkit-tap-highlight-color: transparent;
-webkit-transition: -webkit-transform 0.30s ease-in;
}
.calendar-addevent-participant-row:first-child .calendar-addevent-participant-btn i { margin-top: 8px }
.calendar-addevent-participant-row-new .calendar-addevent-participant-btn i {
background: url(images/calendar/sprite.png) -3px -646px;
background-clip: border-box;
background-origin: padding-box;
background-size: 30px 750px;
color: rgb(74, 81, 93);
display: block;
height: 24px;
margin: 9px 0 0 7px;
width: 24px;
}
.cal-delete-btn-open .calendar-addevent-participant-btn .cal-delete-minus {
-webkit-transform: rotate(-90deg) !important;
-webkit-transition: -webkit-transform 0.30s ease-in !important;
-webkit-tap-highlight-color: transparent !important;
}
.calendar-addevent-participant-row-name {
font-size: 13px;
font-weight: bold;
padding-bottom: 1px;
}
.calendar-addevent-participant-row-link {
color: #2e4252;
font-weight: bold;
font-size: 13px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: 0 1px rgba(255, 255, 255, 0.7);
text-decoration: none;
white-space: nowrap;
}
.calendar-addevent-participant-row-post {
color: #4a515d;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: 0 1px rgba(255, 255, 255, 0.7);
white-space: nowrap;
font-weight: normal;
}
.calendar-addevent-participant-row-new {
border-width: 0;
color: #4a515d;
font-size: 12px;
min-height: 25px;
text-shadow: 0 1px rgba(255, 255, 255, 0.7);
padding-top: 13px;
margin-top: 5px;
}
.calendar-addevent-participant-row-new:first-child {
padding-top: 9px;
min-height: 22px;
}
.calendar-addevent-participant-row-new:first-child .calendar-addevent-arrow {
top: 10px;
}
.calendar-addevent-participant-row-new:first-child .calendar-addevent-participant-btn i {
margin-top: 6px;
}
.cal-delete-right-btn-wrap {
color: transparent;
height: 30px;
font-size: 12px;
font-weight: bold;
right: 10px;
top: 9px;
overflow: hidden;
padding: 0 12px;
position: absolute;
-webkit-transition: width 0.3s ease-in;
}
.task-form-main-block .cal-delete-right-btn-wrap { top: 6px; }
.cal-delete-right-btn-block {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
-webkit-transition: width 0.3s ease-in;
width: 0;
}
.cal-delete-right-btn {
border-image: url(images/delete-button.png) fill 10 stretch;
border-width: 5px;
height: 18px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .35);
padding: 1px 0 0 7px;
}
.cal-delete-btn-open .cal-delete-right-btn-block {
-webkit-transition: width 0.25s ease-in 0s;
width: 100%;
}
.cal-wrapper {
-webkit-tap-highlight-color: transparent;
overflow: hidden;
}
.cal-block-close {
-webkit-transition: all 0.25s ease-in 0s;
height: 0;
opacity: 0;
}
.task-form-main-block .cal-block-close {
min-height: 0;
}
.cal-delete-btn {
background: url(images/delete-icon-wrap.png) 0 0 no-repeat;
background-size: 29px;
height: 29px;
float: left;
margin: 21px 10px 0 0;
position: relative;
width: 29px;
}
.calendar.accept-button {
width: 48%;
float: left;
}
.calendar.denied-button {
width: 48%;
float: right;
}
.mobile-calendar-save-btn
{
text-transform: uppercase;
}
.mobile-calendar-save-btn:active
{
opacity: 0.95;
}
/*=========================================================/ CALENDAR ADD EVENT ======================================================*/
/*========================================================= CALENDAR HELP ======================================================*/
.calendar-help-page { padding: 0 15px 15px }
.calendar-help-title {
font-size: 16px;
font-weight: bold;
color: #2e4252;
text-align: center;
text-shadow: 0 1px 1px #fff;
line-height: 30px;
padding-bottom: 10px;
}
.calendar-help-title-h1 {
font-size: 22px;
font-weight: bold;
color: #2e4252;
text-align: center;
text-shadow: 0 1px 1px #fff;
line-height: 30px;
padding-bottom: 10px;
}
.calendar-help-title-description {
color: #828b93;
font-size: 13px;
text-align: center;
padding: 17px 0;
}
.calendar-help-main-block {
border-image: url(images/calendar/block-border.png) fill 8 4 10 stretch;
border-width: 4px 2px 5px;
margin-top: 11px;
padding: 15px 10px 8px;
}
.calendar-help-main-block-aqua {
border-image: url(images/aqua-bg.png) fill 6 8 10 stretch;
border-width: 3px 4px 5px;
margin-top: 5px;
margin-bottom: 15px;
}
.calendar-help-main-block-aqua-container {
background-image: linear-gradient(#fff, rgba(229, 243, 248, .28) 100%);
padding: 10px;
}
.calendar-help-link {
font-weight: bold;
font-size: 16px;
display: block;
color: #2e4252;
text-shadow: 0 1px 1px #fff;
line-height: 18px;
padding: 4px 45px 0 0;
}
.calendar-help-p p {
font-size: 12px;
padding: 0 7px;
color: #2e4252;
text-shadow: 0 1px 1px #fff;
line-height: 20px;
}
.calendar-help-row {
border-image: url(images/calendar/card-info-border.png) fill 2 stretch;
border-width: 1px 0 0;
min-height: 31px;
margin: 0 -2px;
padding-top: 6px;
position: relative;
}
.calendar-help-row:first-child {
border: none;
padding-top: 3px;
}
.calendar-help-arrow {
background: url(images/calendar/sprite.png) no-repeat -21px -324px;
background-size: 30px 750px;
height: 14px;
top: 50%;
margin-top: -7px;
right: 10px;
position: absolute;
width: 9px;
}
.calendar-help-ullist {
padding: 0;
margin: 0;
}
.calendar-help-ullist li {
list-style: none;
color: #2e4252;
border-bottom: 1px solid #c1cbd2;
padding: 5px 12px;
position: relative;
text-shadow: 0 1px 1px #fff;
left: -12px;
width: 100%;
}
.calendar-help-ullist li:first-child { border-top: 1px solid #f0f2f4 }
.calendar-help-ullist li:last-child { border-bottom: none }
.calendar-help-ullist li p {
font-size: 11px;
padding: 0 20px;
line-height: 17px;
}
.calendar-help-ullist li .num {
position: absolute;
top: 15px;
font-weight: bold;
}
.calendar-help-ullist li p img {
max-width: 100%;
margin: 10px auto;
display: block;
height: auto;
}
.calendar-help-participant-block {
border-image: url(images/calendar/form-block-bg.png) fill 6 stretch;
border-width: 3px;
position: relative;
padding: 15px 10px 5px;
}
.calendar-help-participant-block-fixing-week-abbr {
z-index: 10000;
position: absolute;
color: #fff;
font-weight: bold;
font-size: 14px;
top: 18px;
left: 50%;
margin-left: 65px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
}
.calendar-help-cancel {
text-align: center;
font-size: 12px;
color: #2e4252;
line-height: 20px;
text-shadow: 0 1px 1px #fff;
}
.calendar-help-cancel a:link,
.calendar-help-cancel a:visited {
font-weight: bold;
color: #2569b1;
}
/*=========================================================/ CALENDAR HELP ======================================================*/
/*=========================================================/ CALENDAR ======================================================*/
/*========================================================= CHAT PROFILE ======================================================*/
.chat-profile-avatar {
background: url(images/avatar-chat-big.png) no-repeat center;
background-size: 69px;
margin: 4px 12px 0 4px;
height: 69px;
width: 69px;
border-radius: 50%;
display: inline-block;
position: relative;
}
.chat-profile-top {
overflow: hidden;
padding: 9px 7px 12px;
background: #404f5d url(images/im/chat-avatar-v2.png) no-repeat center -50px;
height: 250px;
background-size: auto 120%;
position: relative;
}
.general-profile-top {
background-image: url(images/im/general-chat-avatar.png);
}
.open-profile-top {
background-image: url(images/im/open-chat-avatar.png);
background-position: center -43px
}
.chat-profile-title {
position: absolute;
left: 0;
bottom: 0;
height: 50px;
width: 100%;
background: rgba(0, 0, 0, 0.5);
text-align: center;
}
.chat-profile-title-inner {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 19px;
line-height: 26px;
padding: 12px 17px 0;
color: #fff;
}
.chat-profile-actions { margin-bottom: 15px; }
.chat-profile-action {
display: block;
line-height: 20px
}
.chat-profile-action span {
border-bottom: 1px solid #2067b0;
cursor: pointer;
color: #2067b0;
}
.chat-profile-users-list-block {padding: 16px;}
.chat-profile-users-list-title {
color: #78828b;
font-size: 15px;
padding: 4px 0 8px;
}
.chat-profile-user {
display: block;
color: #000;
text-decoration: none;
margin-bottom: 10px;
}
.chat-profile-user .ml-avatar {
display: inline-block;
float: none;
vertical-align: middle;
margin-top: -4px;
}
.chat-profile-user .ml-avatar-sub {
display: inline-block;
width: inherit;
height: inherit;
}
.chat-profile-user-name {
display: inline-block;
font-size: 16px;
line-height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 80%;
}
/*=========================================================CHAT PROFILE======================================================*/
/*========================================================= CRM ======================================================*/
.crm_head_title {
font-weight: bold;
font-size: 18px;
margin-left: 50px;
color: #273945;
padding-bottom: 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
}
.crm_head_title_pic {
font-weight: bold;
font-size: 18px;
padding-left: 50px;
color: #273945;
position: relative;
margin-bottom: 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
}
.crm_head_title_number {
color: #3b5364;
font-weight: normal;
font-size: 17px;
float: left;
display: inline-block;
padding-right: 10px;
padding-top: 2px;
}
/*.crm_head_title_pic{
float:left;
padding-right:10px;
padding-top:2px;
padding-left:10px;
}*/
.crm_head_title_pic img {
width: auto;
height: 30px;
position: absolute;
top: 50%;
margin-top: -15px;
left: 10px;
}
.crm_contacts_title {
font-size: 15px;
color: #273945;
font-weight: bold;
display: block;
padding: 10px 5px;
text-shadow: 0 1px 0 #fff;
}
.crm_wrapper { color: #464e59; padding: 8px 13px 9px }
.crm_block_container {
border-style: solid;
border-image: url(images/tasks/task-block-border.png) fill 8 4 10 stretch;
border-width: 4px 2px 5px;
word-wrap: break-word;
padding: 9px 0 2px;
margin-bottom: 13px;
}
.crm_block_container.aqua_style {
border-style: solid;
border-width: 3px 3px 4px;
border-image: url(images/crm/cont_aqua.png) fill 6 6 8 stretch;
padding-bottom: 10px;
}
.crm_block_container.blue_style {
border-style: solid;
border-width: 3px 3px 0;
border-image: url(images/crm/cont_bg.png) 6 fill repeat;
margin-bottom: 0;
}
.crm_block_container.blue_style_footer {
border-style: solid;
border-width: 0 4px 4px;
border-image: url(images/crm/cont_blue_footer.png) fill 0 8 8 fill repeat;
margin-bottom: 10px;
margin-top: 0;
}
.crm_block-aqua {
border-image: url(images/aqua-bg.png) fill 6 8 10 stretch;
border-width: 3px 4px 5px;
margin-top: 5px;
margin-bottom: 15px;
}
.crm_block-aqua-container {
background-image: linear-gradient(#fff, rgba(229, 243, 248, .28) 100%);
padding-bottom: 6px;
}
.crm_block_container.company .crm_block-aqua-container {
padding-left: 25px;
background: url(images/crm/company.png) no-repeat 9px 0, linear-gradient(#fff, rgba(229, 243, 248, .28) 100%);
background-size: 16px auto, auto;
}
.crm_card { padding: 3px 14px 18px }
.crm_card_tel { padding: 0 10px }
.crm_card_image {
float: left;
width: 55px;
height:55px;
padding: 3px;
box-shadow: 0 0 3px 0 rgba(0,0,0,.33);
background: url(images/crm/no-avatar.png) no-repeat center;
background-size: 100%;
}
.crm_card_image_comp {
float: left;
width: 55px;
height:55px;
padding: 3px;
box-shadow: 0 0 3px 0 rgba(0,0,0,.33);
background: url(images/crm/no-avatar_comp.png) no-repeat center;
background-size: 100%;
}
.crm_card_image_small {
float: left;
padding: 2px;
box-shadow: 0 0 3px 0 rgba(0,0,0,.33)
}
.crm_card_image_small img {
display: block;
width: 28px;
height:auto;
}
.crm_card img,
.crm_card_tel img {
width: 55px;
height:55px;
}
.crm_card_name_meeting,
.crm_card_name {
font-weight: bold;
margin-left: 75px;
font-size: 17px;
line-height: 20px;
}
.crm_card_name_meeting {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.crm_card_name_small {
font-weight: bold;
padding-left: 9px;
overflow: hidden;
height: 16px;
width: auto;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
}
.crm_card_name_tel {
font-weight: bold;
margin-left: 75px;
font-size: 17px;
color: #000;
}
.crm_input_text {
width: 100%;
max-width: 100%;
box-sizing: border-box;
border: 1px solid #a9adb1;
border-radius: 3px;
line-height: 26px;
padding: 2px;
margin: 5px 0;
box-shadow: inset 0 0 3px 0 rgba(93, 118, 129, .3);
}
textarea.crm_input_text {
height: 72px;
line-height: 18px;
}
.crm_input_text.map {
background: url(images/crm/map_small.png) 95% center no-repeat;
background-size: 10px auto;
}
textarea.crm_input_text {
display: block;
max-height: 100%;
}
.crm_tel_call {
float: right;
color: #1f334d;
text-shadow: 0 1px 0 0 rgba(255,255,255,.7);
text-decoration: none;
font-weight: bold;
padding: 0 15px;
line-height: 28px;
font-size: 14px;
vertical-align: middle;
border-style: solid;
border-width: 4px 3px;
border-image: url(images/crm/button_blue.png) 8 6 fill stretch;
}
.crm_tel_value {
color: #000;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}
.crm_tel_desc {
font-size: 13px;
font-weight: bold;
color: #a3a3a3;
}
.crm_input_select {
width: 25%;
border: 1px solid #a9adb1;
height: 32px;
border-radius: 3px;
line-height: 26px;
padding: 2px;
margin: 5px 0;
box-shadow: inset 0 0 3px 0 rgba(93,118,129,.3);
}
.crm_input_desc {
font-size: 11px;
color: #72808b;
text-align: right;
font-weight: normal;
padding-bottom: 10px;
}
.crm_card_description {
margin-left: 75px;
font-size: 13px;
padding-top: 9px;
}
.crm_card_description_meeting {
margin-left: 75px;
font-size: 13px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #606c78;
}
.crm_card_description_tel {
margin-left: 75px;
font-size: 12px;
color: #a3a3a3;
}
.crm_tac { text-align: center }
.crm.accept-button {
display: inline-block;
float: none;
font-size: 19px;
margin: 0 7px 10px;
width: 175px;
height: 45px;
vertical-align: top;
box-sizing: border-box;
line-height: 24px;
padding: 3px;
}
.crm_buttons {
display: inline-block;
border-style: solid;
border-width: 10px 6px;
padding: 1px 5px;
border-image: url(images/crm/buttons.png) 20 12 fill stretch;
}
.lisb a:nth-child(2) { width: 82px }
.lisb.order a:nth-child(2) { width: 55px }
.crm_buttons.disabled { color: #bdc8cf !important }
.crm_buttons.email,
.crm_buttons.invoice,
.crm_buttons.sms,
.crm_buttons.phone,
.crm_buttons.ceck,
.crm_buttons.pics,
.crm_buttons.close,
.crm_buttons.edit,
.crm_buttons.folder,
.crm_buttons.cont {
margin: 0 5px 16px;
height: 45px;
box-sizing: border-box;
text-align: center;
display: inline-block;
width: 57px;
}
.crm_buttons.close,
.crm_buttons.edit,
.crm_buttons.pics,
.crm_buttons.folder { width: 87px }
.crm_buttons.email span,
.crm_buttons.invoice span,
.crm_buttons.sms span,
.crm_buttons.phone span,
.crm_buttons.ceck span,
.crm_buttons.pics span,
.crm_buttons.close span,
.crm_buttons.edit span,
.crm_buttons.folder span,
.crm_buttons.cont span { display: block; height: 20px }
.crm_buttons.email span { background: url(images/crm/mail.png) center no-repeat; background-size: auto 20px }
.crm_buttons.invoice span { background: url(images/crm/invoice.png) center no-repeat; background-size: auto 20px }
.crm_buttons.sms span { background: url(images/crm/sms.png) center no-repeat; background-size: auto 20px }
.crm_buttons.phone span { background: url(images/crm/tel.png) center no-repeat; background-size: auto 20px }
.crm_buttons.ceck span { background: url(images/crm/check.png) center no-repeat; background-size: auto 20px }
.crm_buttons.pics span { background: url(images/crm/pics.png) center no-repeat; background-size: auto 20px }
.crm_buttons.close span { background: url(images/crm/close.png) center no-repeat; background-size: auto 20px }
.crm_buttons.edit span { background: url(images/crm/edit_icon.png) center no-repeat; background-size: auto 20px }
.crm_buttons.folder span { background: url(images/crm/folder.png) center no-repeat; background-size: auto 20px }
.crm_buttons.cont span { background: url(images/crm/cont.png) center no-repeat; background-size: auto 20px }
.crm_buttons.email.disabled span { background: url(images/crm/mail_disable.png) center no-repeat; background-size: auto 20px }
.crm_buttons.invoice.disabled span{background: url(images/crm/invoice_disable.png) center no-repeat; background-size: auto 20px }
.crm_buttons.sms.disabled span { background: url(images/crm/sms_disable.png) center no-repeat; background-size: auto 20px }
.crm_buttons.phone.disabled span { background: url(images/crm/tel_disable.png) center no-repeat; background-size: auto 20px }
.crm_buttons.ceck.disabled span { background: url(images/crm/check_disable.png) center no-repeat; background-size: auto 20px }
.crm_buttons.cont.disabled span { background: url(images/crm/cont_disable.png) center no-repeat; background-size: auto 20px }
.crm_block_title {
padding: 2px 40px 0 10px;
font-size: 15px;
font-weight: bold;
color: #616e79;
float: left;
width: 100%;
box-sizing: border-box;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.crm_block_title span { color: #3f7cbf }
.crm_work_count,
.crm_dealings_count,
.crm_comment_count {
float: right;
display: block;
padding: 3px 7px;
margin-right: 10px;
border-radius: 10px;
background: #d9e3e7;
line-height: 14px;
font-size: 14px;
box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.2);
color: #272b2f;
text-align: center;
font-weight: bold;
position: absolute;
right: 8px;
margin-top: -4px;
}
.crm_work_count {
margin-top: 0;
background: #c6dbec
}
.crm_meeting_info,
.crm_deals_info,
.crm_contact_info { padding: 0 15px }
.crm_contact_info strong { color: #343434 }
.crm_contact_info table {
width: 100%;
border-collapse: collapse;
}
.crm_contact_info table tr td {
padding: 5px 0;
word-break: break-all;
}
.crm_contact_info table tr td:first-child {
padding-right: 4px;
font-size: 13px;
width: 40%;
color: #798186;
}
.crm_contact_info table tr td:last-child {
color: #000;
font-size: 13px;
}
.crm_buttons.maps,
.crm_buttons.detail {
width: 90%;
display: block;
margin: 15px auto;
text-decoration: none;
color: #547180;
font-weight: bold;
text-align: center;
font-size: 19px;
line-height: 23px;
text-shadow: 0 1px 0 #fff;
}
.crm_buttons.maps span {
width: 20px;
height: 25px;
display: inline-block;
background: url(images/crm/map.png) no-repeat center;
background-size: auto 25px;
vertical-align: top;
line-height: 25px;
}
.crm_buttons.maps.disabled span {
background: url(images/crm/map_disable.png) no-repeat center;
background-size: auto 25px
}
.crm-page hr {
display: block;
border: none;
border-top: 1px solid #dde3e6;
}
.crm_block_content { }
.crm_block_content_title {
color: #798186;
font-size: 13px;
}
.crm_block_content p {
font-size: 14px;
color: #000;
}
.crm_toppanel {
background-image: linear-gradient(#fff 0%, #dee9ec 100%);
box-shadow: 0 0 1px 1px #969fa2;
}
.crm_filter {
color: #395b79;
font-size: 15px;
font-weight: bold;
border-top: 1px solid #fff;
text-align: center;
line-height: 40px;
}
.crm_peopele_icon {
display: inline-block;
width: 24px;
height: 24px;
position: relative;
bottom: -7px;
left: -5px;
background: url(images/crm/cont.png) no-repeat center;
background-size: 20px auto;
}
.crm_cant_one_icon {
display: inline-block;
width: 24px;
height: 24px;
position: relative;
bottom: -7px;
left: -5px;
background: url(images/crm/cant_one.png) no-repeat center;
background-size: 20px auto;
}
.crm_filter_icon {
display: inline-block;
width: 13px;
height: 14px;
position: relative;
bottom: -2px;
left: -5px;
background: url(images/crm/filtr.png) no-repeat;
background-size: 13px 12px;
}
.crm_tel_icon {
display: inline-block;
width: 22px;
height: 18px;
position: relative;
bottom: -6px;
left: -5px;
background: url(images/crm/tel.png) no-repeat;
background-size: 20px auto;
}
.crm_check_icon {
display: inline-block;
width: 22px;
height: 18px;
position: relative;
bottom: -4px;
left: -5px;
background: url(images/crm/check.png) no-repeat;
background-size: 18px auto;
}
.crm_mail_icon {
display: inline-block;
width: 22px;
height: 18px;
position: relative;
bottom: -6px;
left: -5px;
background: url(images/crm/mail.png) no-repeat;
background-size: 20px auto;
}
.crm_deals_icon {
display: inline-block;
width: 22px;
height: 18px;
position: relative;
bottom: -4px;
left: -5px;
background: url(images/crm/deals.png) no-repeat;
background-size: 18px auto;
}
.crm_raport_icon {
display: inline-block;
width: 22px;
height: 18px;
position: relative;
bottom: -4px;
left: -5px;
background: url(images/crm/raport.png) no-repeat;
background-size: 15px auto;
}
.crm_arrow_bottom {
display: inline-block;
width: 11px;
height: 7px;
position: relative;
bottom: 1px;
left: 5px;
background: url(images/crm/arrow_bottom.png) no-repeat;
background-size: 11px 7px;
}
.crm_vat { vertical-align: top }
.crm_colminus {
width: 33px;
height: 33px;
display: inline-block;
background: url(images/crm/colminus.png) no-repeat center;
background-size: 33px 33px;
margin-right: 10px;
line-height: 33px;
vertical-align: middle;
}
.crm_colplus {
width: 33px;
height: 33px;
display: inline-block;
background: url(images/crm/colplus.png) no-repeat center;
background-size: 33px 33px;
margin-left: 10px;
line-height: 33px;
vertical-align: middle;
}
.crm_contact_list {
padding: 0;
margin: 0;
}
.crm_contact_list_separator { }
.crm_contact_list_separator > span {
display: block;
line-height: 21px;
height: 21px;
border-top: 1px solid #737e86;
border-bottom:1px solid #8b959c;
color: #fff;
text-shadow: 0 1px 0 #5c656a;
font-weight: bold;
font-size: 18px;
padding-left: 15px;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3);
background-image: linear-gradient(#8f9ca6 0%, #abb5bb 100%);
}
.crm_list_tel_list,
.crm_contact_list_people_list {
padding: 0;
margin: 0;
}
.crm_list_tel {
list-style: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #b3c6d2;
}
.crm_list_tel.selected {
border-top: none;
background: url(images/crm/bg_blue_noise.png);
background-size: 32px 32px;
}
.crm_contact_list_people {
list-style: none;
height: 50px;
border-top: 1px solid #fff;
border-bottom: 1px solid #b3c6d2;
}
.crm_contact_list_people_list .crm_contact_list_people:first-child {
border-top: none;
}
.crm_list_tel img,
.crm_contact_list_people img {
width: 40px;
height: 40px;
padding: 0 10px 0 5px;
float: left;
}
.crm_list_tel i {
font-style: normal;
display: inline-block;
padding: 0 5px;
background: #bad9f5;
}
.crm_contactlist_tel_info,
.crm_contactlist_info {
font-size: 15px;
font-weight: bold;
color: #000;
float: left;
padding: 5px 0;
height: 40px;
width: 100%;
}
.crm_contactlist_tel_info { height: auto }
.crm_contactlist_tel_info.selected {
background: #e7f2f6;
box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.3);
padding: 5px;
border-radius: 4px;
margin-bottom: 20px;
}
.crm_arrow {
background: url(images/crm/arrow.png) no-repeat 97% center;
background-size: auto 12px;
}
.crm_list_tel.selected .crm_contactlist_tel_info.crm_arrow {
background: url(images/crm/crm_v.png) no-repeat 97% center;
background-size: 18px 14px;
}
.crm_contactlist_tel_info strong,
.crm_contactlist_info strong {
display: block;
margin-left: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 25px;
}
.crm_contactlist_tel_info span,
.crm_contactlist_info span {
color: #91999d;
margin-left: 5px;
font-size: 12px;
display: block;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 25px;
}
.crm_input_container {}
.crm_order_status {padding: 5px 0;}
.crm_order_status span {
display: inline-block;
padding: 0 5px;
font-size: 14px;
line-height: 15px;
}
.crm_order_status span.cube {
width: 15px;
height: 15px;
padding: 0;
border-radius: 4px;
}
.crm_order_status span.cube.red {background-image: linear-gradient(#e85e3e 0%, #d02f1f 100%);}
.crm_order_status span.cube.green {background-image: linear-gradient(#90aa19 0%, #678812 100%);}
.crm_order_status span.cube.orange{background-image: linear-gradient(#eaa41c 0%, #e27f14 100%);}
.crm_order_status span.cube.blue {background-image: linear-gradient(#29a5d2 0%, #1d81c0 100%);}
.crm_company_list,
.crm_history_list,
.crm_itemcategory,
.crm_dealings_list {
padding: 0;
margin: 0;
}
.crm_company_list {
list-style: none;
border-style: solid;
border-image: url(images/tasks/task-block-border.png) fill 8 4 10 stretch;
border-width: 4px 2px 5px;
position: relative;
}
.crm_itemcategory_item,
.crm_dealings_list_item {
list-style: none;
background-color: #fff;
border-radius: 5px;
padding: 7px 12px;
position: relative;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.4);
margin-bottom: 10px;
}
/*.crm_company_list_item{
width: 100%;
padding: 1px !important;
margin-left: -1px;
}*/
.crm_history_list_item {
list-style: none;
background: #fff;
border-radius: 5px;
padding: 7px 12px;
position: relative;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.4);
margin-bottom: 10px;
}
.crm_history_list_item pre {
margin: 0;
white-space: pre-line;
font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
font-size: 16px;
}
.crm_company_list_item {
position: relative;
padding: 7px 7px 4px;
border-bottom: 1px solid #cad0d7;
box-shadow: inset 0 4px 2px -2px rgba(0,0,0,.07);
}
.crm_company_list_item:first-child {
box-shadow: none;
border-radius: 5px 5px 0 0
}
.crm_company_list_item:last-child {
border: none;
border-radius: 0 0 5px 5px
}
.crm_dealings_label {
border-radius: 3px;
color: #fff;
font-size: 10px;
font-weight: bold;
line-height: 16px;
padding: 1px 8px 3px;
position: absolute;
bottom: 7px;
right: -3px;
}
.crm_dealings_label.red {background-image: linear-gradient(#e85e3e 0%, #d02f1f 100%);}
.crm_dealings_label.green {background-image: linear-gradient(#90aa19 0%, #678812 100%);}
.crm_dealings_label.orange{background-image: linear-gradient(#eaa41c 0%, #e27f14 100%);}
.crm_dealings_label.blue {background-image: linear-gradient(#29a5d2 0%, #1d81c0 100%);}
.crm_company_img {
width: 32px;
height: 32px;
position: relative;
overflow: hidden;
border: 3px solid #fff;
box-shadow: 0 0 3px 0 rgba(19,58,86,.26);
float: left;
margin-bottom: 0;
margin-right: 10px;
}
.crm_company_img span {
width: 500px;
margin-left: -250px;
height: 32px;
position: absolute;
top: 0;
left: 50%;
text-align: center;
}
.crm_company_img span img {
width: auto;
height: 32px;
}
.crm_itemcategory_title,
.crm_dealings_title {
font-size: 14px;
margin-bottom: 7px;
font-weight: bold;
color: #000;
}
.crm_itemcategory_title span {
color: #000;
white-space: nowrap;
float: right;
padding-right: 15px;
}
.crm_category_title {
font-size: 14px;
margin: 7px 0;
font-weight: bold;
color: #000;
}
.crm_dealings_title span {
color: #000;
white-space: nowrap
}
.crm_history_title {
font-size: 11px;
color: #79858e;
padding: 0 0 5px;
font-weight: bold;
margin-bottom: 5px;
border-bottom: 1px solid #f1f2f4;
}
.crm_history_descr {
overflow: hidden;
}
.crm_company_title {
color: #000;
font-size: 14px;
font-weight: bold;
text-decoration: none;
line-height: 14px;
}
.crm_numorder,
.crm_history_cnt,
.crm_category_desc,
.crm_dealings_company {
font-size: 11px;
color: #7c8182;
font-weight: normal;
}
.crm_history_cnt,
.crm_dealings_company > span {
color: #000;
padding-right: 125px;
float: left;
box-sizing: border-box;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-height: 14px
}
.crm_history_cnt {
color: #737373;
padding-right: 0
}
.crm_company_company {
font-size: 11px;
color: #7c8182;
padding-top: 5px;
padding-left: 44px;
padding-right: 8%;
}
.crm_company_company span {
font-weight: bold;
color: #7c8182;
}
.crm_search {
position: relative;
background-image: linear-gradient(#e6e9eb 0%, #c0c9d0 100%);
height: 35px;
padding: 5px 10px 0;
border-bottom: 1px solid #a3b0ba;
}
.crm_input_container {
border-style: solid;
border-width: 14px 16px;
border-image: url(images/crm/input_container.png) 28 32 fill stretch;
position: relative;
height: 3px;
}
.crm_lupe {
background: url(images/crm/lupe.png) no-repeat center;
background-size: 15px auto;
position: absolute;
left: 1px;
top: -7px;
width: 15px;
height: 16px;
}
.crm_input_container input {
line-height: 25px;
position: absolute;
right: -16px;
top: -12px;
left: 25px;
border: none;
background-color: transparent;
height: 25px;
}
.crm_button {
border-style: solid;
border-width: 6px 4px;
line-height: 21px;
height: 21px;
padding: 0 10px;
border-image: url(images/crm/bt.png) 12 8 fill stretch;
position: absolute;
right: 12px;
top: 3px;
color: #323232;
text-shadow: 0 1px 0 #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
display: none;
}
.crm_clear {
background: url(images/crm/clear.png) no-repeat center;
background-size: 19px;
position: absolute;
right: 96px;
top: 11px;
display: none;
width: 19px;
height: 19px;
}
.crm_search.active .crm_input_container { margin-right: 80px }
.crm_search.active .crm_button,
.crm_search.active .crm_clear { display: block }
.crm_item_del {
background: url(images/crm/item_del.png) no-repeat center;
background-size: 10px auto;
width: 20px;
height: 20px;
position: absolute;
right: 3px;
top: 3px;
}
.crm.accept-button.disable {
display: inline-block;
border-style: solid;
border-width: 8px 6px;
padding: 0 5px;
text-shadow: 0 1px 0 #fff;
color: #bdc8cf !important;
border-image: url(images/crm/buttons.png) 20 12 fill stretch;
vertical-align: top;
}
div.crm-list-stage-bar-big {
background: #fff;
border: 1px solid #e6ebed;
border-radius: 4px;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.03),
inset 0 1px 0 rgba(0,0,0,.09),
inset 0 1px 1px rgba(0,0,0,.1);
height: 12px;
width: 100%;
margin: 10px 0 0;
overflow: hidden;
}
div.crm_arrow div.crm-list-stage-bar-big {
width: 94%;
}
table.crm-list-stage-bar-table-big {
border-spacing: 0;
height: 12px;
width: 100%;
}
table.crm-list-stage-bar-table-big td.crm-list-stage-passed { border-color: #2f9ccb }
table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part:first-child { border: none }
.crm-list-stage-bar-part {
border-left: 1px solid rgba(0,0,0,.1);
padding: 0;
width: 20px;
}
table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part:first-child div.crm-list-stage-bar-block { border-radius: 3px 0 0 3px }
table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
height: 12px;
margin-right: -1px;
min-width: 5px;
position: relative;
}
table.crm-list-stage-bar-table-big td.crm-list-stage-passed div.crm-list-stage-bar-block {
background: #34aee2;
background: linear-gradient(top, #3dbae7, #2ca1de);
box-shadow: inset -1px 0 0 rgba(0,0,0,.1),
inset 0 1px 0 #329abf,
inset 0 1px 0 #36a8d2,
inset 0 2px 0 #38b1df,
inset 0 -1px 0 #2b9dd8;
}
div.crm-list-stage-end-good table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
background: #95bd1b;
background: linear-gradient(top, #b6dc25, #95bd1b);
box-shadow: inset -1px 0 0 rgba(0,0,0,.1),
inset 0 1px 0 #97b61f,
inset 0 1px 0 #a4c621,
inset 0 2px 0 #abd022,
inset 0 -1px 0 #91b81a;
}
div.crm-list-stage-end-bad table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
background: #d54c4c;
background: linear-gradient(top, #dd5656, #cd4141);
box-shadow: inset -1px 0 0 rgba(255,160,160,.6),
inset 0 1px 0 #b74747,
inset 0 1px 0 #c94d4d,
inset 0 2px 0 #d45050,
inset 0 -1px 0 #c73f3f;
}
table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part div.crm-list-stage-bar-block div.crm-list-stage-bar-btn {
border-top: 3px solid rgba(111,113,115,.39);
border-bottom:1px solid rgba(111,113,115,.39);
display: none;
height: 100%;
left: -1px;
top: -3px;
position: absolute;
width: 100%;
}
div.crm-list-stage-bar-big .crm-list-stage-bar-part:last-child .crm-list-stage-bar-btn {
border-radius: 0 2px 2px 0;
border-right: 3px solid rgba(111,113,115,.39) /*#c3c5c7*/;
}
div.crm-list-stage-bar-big .crm-list-stage-bar-part:first-child .crm-list-stage-bar-btn {
border-radius: 2px 0 0 2px;
border-left: 1px solid rgba(111,113,115,.39) /*#c3c5c7*/;
}
table.crm-list-stage-bar-table-big td.crm-list-stage-bar-part:last-child div.crm-list-stage-bar-block { border-radius: 0 3px 3px 0 }
div.crm-list-stage-bar-small {
background: #fff;
position: absolute;
bottom: 10px;
right: 10px;
border: 1px solid #e6ebed;
border-radius: 4px;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.03),
inset 0 1px 0 rgba(0,0,0,.09),
inset 0 1px 1px rgba(0,0,0,.1);
height: 9px;
max-width: 115px;
min-width: 115px;
overflow: hidden;
}
table.crm-list-stage-bar-table-small {
border-spacing: 0;
height: 9px;
width: 100%;
}
table.crm-list-stage-bar-table-small td.crm-list-stage-passed { border-color: #2f9ccb }
table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part:first-child { border: none }
.crm-list-stage-bar-part {
border-left: 1px solid rgba(0,0,0,.1);
padding: 0;
width: 20px;
}
table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part:first-child div.crm-list-stage-bar-block { border-radius: 3px 0 0 3px }
table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
height: 9px;
margin-right: -1px;
min-width: 5px;
position: relative;
}
table.crm-list-stage-bar-table-small td.crm-list-stage-passed div.crm-list-stage-bar-block {
background: #34aee2;
background: linear-gradient(top, #3dbae7, #2ca1de);
box-shadow: inset -1px 0 0 rgba(0,0,0,.1),
inset 0 1px 0 #329abf,
inset 0 1px 0 #36a8d2,
inset 0 2px 0 #38b1df,
inset 0 -1px 0 #2b9dd8;
}
div.crm-list-stage-end-good table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
background: #95bd1b;
background: linear-gradient(top, #b6dc25, #95bd1b);
box-shadow: inset -1px 0 0 rgba(0,0,0,.1),
inset 0 1px 0 #97b61f,
inset 0 1px 0 #a4c621,
inset 0 2px 0 #abd022,
inset 0 -1px 0 #91b81a;
}
div.crm-list-stage-end-bad table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part div.crm-list-stage-bar-block {
background: #d54c4c;
background: linear-gradient(top, #dd5656, #cd4141);
box-shadow: inset -1px 0 0 rgba(255,160,160,.6),
inset 0 1px 0 #b74747,
inset 0 1px 0 #c94d4d,
inset 0 2px 0 #d45050,
inset 0 -1px 0 #c73f3f;
}
table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part div.crm-list-stage-bar-block div.crm-list-stage-bar-btn {
border-top: 3px solid rgba(111,113,115,.39);
border-bottom:1px solid rgba(111,113,115,.39);
display: none;
height: 100%;
left: -1px;
top: -3px;
position: absolute;
width: 100%;
}
div.crm-list-stage-bar-small .crm-list-stage-bar-part:last-child .crm-list-stage-bar-btn {
border-radius: 0 2px 2px 0;
border-right: 3px solid rgba(111,113,115,.39);
}
div.crm-list-stage-bar-small .crm-list-stage-bar-part:first-child .crm-list-stage-bar-btn {
border-radius: 2px 0 0 2px;
border-left: 1px solid rgba(111,113,115,.39);
}
table.crm-list-stage-bar-table-small td.crm-list-stage-bar-part:last-child div.crm-list-stage-bar-block { border-radius: 0 3px 3px 0 }
.crm_top_nav { margin-bottom: 10px }
.crm_top_nav ul {
padding:0;
margin: 0;
border-radius: 5px
}
.crm_top_nav ul li {
padding:0;
margin: 0;
display: block;
float: left;
text-align: center;
box-sizing: border-box;
background-image: linear-gradient(#f9f9f9 0%, #d1d8dc 100%);
border-top: 1px solid #a7bbc7;
border-bottom:1px solid #a6c0cd;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .17);
}
.crm_top_nav ul li:first-child{ border-radius: 5px 0 0 5px; border-left: 1px solid #a7bbc7 }
.crm_top_nav ul li:last-child { border-radius: 0 5px 5px 0; border-right:1px solid #a7bbc7 }
.crm_top_nav ul li.current {
box-shadow: inset 0 1px 2px 0 #596b0c;
background-image: linear-gradient(#829b12 0%, #8bb21c 100%);
border-top: 1px solid #7d9cae;
border-bottom:1px solid #abbac0;
}
.crm_top_nav ul li.current:first-child { border-left: 1px solid #8ca1ad }
.crm_top_nav ul li.current:last-child { border-right: 1px solid #8ca1ad }
.crm_top_nav ul li a {
display: block;
line-height: 28px;
color: #113549;
font-weight: bold;
font-size: 12px;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.crm_top_nav.col2 ul li { width: 50%}
.crm_top_nav.col2 ul li:first-child{}
.crm_top_nav.col2 ul li:last-child {}
.crm_top_nav.col3 ul li { width: 34%}
.crm_top_nav.col3 ul li:first-child{width: 33% }
.crm_top_nav.col3 ul li:last-child {width: 33% }
.crm_top_nav.col4 ul li { width: 25px }
.crm_top_nav.col4 ul li:first-child{}
.crm_top_nav.col4 ul li:last-child {}
.crm_top_nav ul li.current a {
color: #fff;
text-shadow: 0 1px 0 #678313;
}
.crm_files {}
.crm_files ul {
margin: auto 0;
padding: 0;
}
.crm_files ul li {
display: block;
width: 100%;
margin: 5px 0;
padding-left: 5px;
box-sizing: border-box;
}
.crm_files ul li a {
line-height:25px;
min-height: 25px;
display: block;
padding-left: 20px;
background: url(images/crm/file.png) no-repeat center left;
background-size: 15px 18px;
color: #2168b0;
font-size: 12px;
text-decoration: none;
}
.crm_files ul li a span { color: #57616c }
.crm_important {
border-radius: 3px;
display: inline-block;
color: #fff;
position: relative;
top: -1px;
padding: 1px 7px 2px;
background-image: linear-gradient(#ee6945 0%, #cb2418 100%);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.5);
font-size: 10px;
}
.crm_boldtext {
color: #5d5d5d;
font-size: 13px;
font-weight: bold;
}
.crm_normaltext {
font-size: 13px;
color: #5d5d5d;
}
.crm-card-director-responsible { padding: 0 4px 15px }
.crm-card-director-responsible .lenta-info-block { margin-top: 0 }
.crm_text_color_red {color: #d06969 !important }
.crm_text_color_green{color: #96bf98 !important }
.crm_text_color_gray {color: #5d5d5d !important }
.crm_light_blue_incontaioner {
width: 100%;
padding: 14px;
position: relative;
margin-left: -14px;
background: #eef6f9;
}
.crm_people_cont_aqua_two {
padding: 4px;
border-style: solid;
border-width: 6px 5px 7px;
border-image: url(images/crm/cont_aqua_two.png) 12 10 14 fill stretch;
margin-bottom: 10px;
}
a.crm_people_cont_aqua_two {
text-align: center;
display: inline-block;
text-decoration: none;
color: #606c78;
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
font-weight: bold;
font-size: 14px;
padding: 5px 20px;
}
.crm_people_cont_noborder {
margin-bottom: 10px;
padding: 4px;
}
.crm_hr {
border: none;
border-top: 1px solid #b0c2ce !important;
width: 80%;
margin: 0 auto;
display: block;
}
.crm_selector_status {
padding: 5px;
margin: 0 5px;
}
.crm_selector_status.check {
background: #ebf1f2;
border-radius: 4px;
box-shadow: inset 0 1px 2px 1px rgba(0,0,0,.15);
}
.crm_selector_status_disabled {
opacity: 0.3;
}
.checkbox_emulator {
width: 29px;
height:29px;
display: inline-block;
line-height: 29px;
vertical-align: middle;
background: url(images/crm/checkbox.png) no-repeat center bottom;
background-size: 29px;
}
.crm_selector_status.check .checkbox_emulator {
background: url(images/crm/checkbox.png) no-repeat center top;
background-size: 29px;
}
.crm_dealings_list_item_wait {
background: #fff url(images/crm/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
padding: 26px 15px 17px;
}
.crm_contact_list_people_wait {
background: transparent url(images/crm/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
}
.crm_company_list_item_wait {
background: transparent url(images/crm/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
padding: 26px 15px 17px;
}
.crm_history_list_item_wait {
background: #fff url(images/crm/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
padding: 26px 15px 17px;
}
.crm_list_tel_wait {
background: url(images/crm/waiter-iphone.gif) no-repeat center center;
background-size: 20px 20px;
padding: 26px 15px 17px;
}
.crm_itemcategory_item_wait {
background: url(images/crm/waiter-iphone.gif) no-repeat center center #fff;
background-size: 20px 20px;
padding: 26px 15px 17px;
}
/*======================calendar-event-style======================*/
.calendar-ev-block-wrapp {
padding: 6px 0;
}
.post-item-calendar-event {
background: #EAF9FE;
padding: 7px 8px 0;
margin: 0 17px;
}
@media (max-width: 320px) {
.post-item-calendar-event {
padding: 0 10px;
}
}
.calendar-ev-cont-top {
min-height: 32px;
padding: 0 0 9px 71px;
position: relative;
}
.calendar-ev-date-icon {
background:#2fc6f6;
width: 52px;
height: 56px;
top: 0;
left: 0;
position: absolute;
}
.calendar-ev-date-top {
font-size: 12px;
line-height: 18px;
color: #ffffff;
text-align: center;
text-transform: uppercase;
height: 18px;
}
.calendar-ev-date-num {
background: #EAF9FE;
font-size: 25px;
line-height: 34px;
color: #333333;
text-align: center;
margin: 0 4px;
height: 34px;
}
.calendar-event-title {
font-size: 13px;
color: rgba(82,92,105,0.84);
}
.calendar-event-title-name {
font-size: 15px;
color: #333333;
line-height: 18px;
}
.calendar-event-item {
padding-bottom: 10px;
padding-left: 71px;
}
.calendar-event-label {
font-size: 13px;
color: rgba(82,92,105,0.84);
padding-bottom: 7px;
}
.calendar-event-text {
color: #000;
font-size: 14px;
}
a.calendar-event-text {text-decoration: underline;}
.calendar-event-buttons-block {
padding: 9px 33px 10px;
}
.calendar-event-but-part {
margin-bottom: 10px;
}
.calendar-event-buttons-block button {
width: 80%;
min-width: 195px;
}
.calendar-event-accept,
.calendar-event-refuse {
border-image: url(images/calendar/calendar-event-accept-button.png) fill 10 10 16 stretch;
border-width: 5px 5px 8px;
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: bold;
height: 25px;
line-height: 24px;
min-width: 195px;
margin-bottom: 14px;
text-decoration: none;
text-align: center;
text-shadow: 0 0 1px #74871b;
-webkit-tap-highlight-color: transparent;
outline: none;
width: 80%;
}
.calendar-event-refuse {
border-image: url(images/calendar/calendar-event-refuse-button.png) fill 10 10 16 stretch;
color: #547180;
text-shadow: 0 1px rgba(255,255,255,.7);
}
.calendar-event-accept-active {
border-image: url(images/calendar/calendar-event-accept-button-pressed.png) fill 10 10 16 stretch;
line-height: 25px;
}
.calendar-event-refuse-active {
border-image: url(images/calendar/calendar-event-refuse-button-pressed.png) fill 10 10 16 stretch;
color: #000;
line-height: 25px;
}
.calendar-invite-cont { }
.calendar-status-accepted,
.calendar-status-declined { padding: 0 0 33px 0; }
.calendar-event-but-part,
.calendar-status-accepted,
.calendar-status-declined { display: none; }
.calendar-invite-cont-y .calendar-status-accepted{ display: inline-block !important; }
.calendar-invite-cont-n .calendar-status-declined{ display: inline-block !important; }
.calendar-invite-cont-q .calendar-event-but-part { display: block !important; }
/*======================calendar-event-style======================*/
/*======================bizproc-style ======================*/
.bp-errortext {
margin: 5px;
color: red;
}
.bp-short-process-finished {
position: relative;
display: block;
font-size: 12px;
padding: 0 5px 0 26px;
z-index: 1;
color: #000;
height: 14px;
margin: 0 0 0 17px;
}
.bp-short-process-finished span {
margin: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
left: 22px;
right: 0;
position: absolute;
z-index: 999;
}
.bp-short-process-finished span span {
position: static;
background: #fff;
padding: 0 5px 0 5px;
}
.bp-short-process-finished:before {
content: '';
background: url(images/bizproc/bp-sprite.png) no-repeat 0 -101px;
position: absolute;
top: 0;
bottom: 0;
width: 26px;
height: 26px;
left: -3px;
margin: auto;
}
.bp-short-process-finished.process-finished-ready:before {background-position: 0 -130px;}
.bp-short-process-step-wrapper {
display: inline-block;
vertical-align: middle;
position: relative;
width: 14%;
}
.bp-short-process-step-wrapper.bp-short-process-step-wrapper-more {margin-right: 2%;}
a.process-step-more {
position: absolute;
display: block;
color: #535c69;
font-weight: bold;
margin-top: -10px;
font-size: 13px;
text-align: center;
left: 0;
right: 0;
text-decoration: none;
}
.bp-short-process-step.bp-short-process-step-firs:after {display: none;}
.bp-short-process-step.bp-short-process-step-ready:after {background-position: 0 -36px;}
.bp-short-process-step.bp-short-process-step-cancel:after{background-position: 0 -57px;}
.bp-short-process .bp-short-process-steps .bp-short-process-step.bp-short-process-step-firs {box-shadow: 0 0 0 3px #1ec6f9;}
.bp-short-process .bp-short-process-steps .bp-short-process-step.bp-short-process-step-ready{box-shadow: 0 0 0 3px #a3d600;}
.pb-popup-mobile .bp-post .bp-short-process-step.bp-short-process-step-cancel {box-shadow: 0 0 0 3px #f73200;}
.pb-popup-mobile .bp-post .bp-short-process-step.bp-short-process-step-more {
box-shadow: 0 0 0 3px #9299a3,
2px 0 0 3px #fff,
5px 0 0 3px #b0b5bc,
7px 0 0 3px #fff,
10px 0 0 3px #c8ccd2;
}
.pb-popup-mobile .bp-post .bp-short-process-step-ready.bp-short-process-step-more {
box-shadow: 0 0 0 3px #a3d600,
2px 0 0 3px #fff,
5px 0 0 3px #b0b5bc,
7px 0 0 3px #fff,
10px 0 0 3px #c8ccd2;
}
.pb-popup-mobile .bp-post .bp-short-process-step-cancel.bp-short-process-step-more {
box-shadow: 0 0 0 3px #f73200,
2px 0 0 3px #fff,
5px 0 0 3px #b0b5bc,
7px 0 0 3px #fff,
10px 0 0 3px #c8ccd2;
}
.bp-short-prosess-steps-arrow.bp-short-prosess-steps-arrow-ready {width: 66px;}
.bp-short-process-steps .bp-short-prosess-steps-arrow {width: 66px}
.bp-short-process-steps .bp-short-prosess-steps-arrow .process-step-more {color: #7daa00;}
.bp-short-prosess-steps-arrow .process-step-more {
color: #535c69;
position: relative;
display: inline;
}
.bp-short-prosess-steps-arrow:after,
.bp-short-prosess-steps-arrow.steps-arrow-right-right:before,
.bp-short-prosess-steps-arrow.steps-arrow-left-right:before {
content: '';
position: absolute;
width: 18px;
height: 12px;
background: url(images/bizproc/bp-sprite.png) no-repeat -27px -36px;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.bp-short-prosess-steps-arrow.bp-short-prosess-steps-arrow-ready:after {background-position: -27px -21px;}
.bp-short-prosess-steps-arrow.steps-arrow-right-right:before,
.bp-short-prosess-steps-arrow.steps-arrow-left-right:before {
bottom: auto;
}
.bp-short-prosess-steps-arrow.steps-arrow-right-right:after,
.bp-short-prosess-steps-arrow.steps-arrow-left-right:after {
top: auto;
bottom: 0;
}
.bp-short-prosess-steps-arrow.steps-arrow-left-right:before {background-position: -27px -49px;}
.bp-task {
width: 100%;
max-width: 100%;
margin: 0;
padding:0;
}
.bp-task .bp-post {
background: white;
padding:15px 17px;
margin: 10px 12px;
}
.bp-status {
display: inline-block;
vertical-align: middle;
}
.bp-status .bp-status-inner {
position: relative;
vertical-align: middle;
display: table-cell;
}
.bp-status .bp-status-inner span {
padding: 11px 17px 11px 40px;
color: #cd8600;
line-height: 16px;
text-align: left;
border-radius: 3px;
background: #ffefd0;
font-weight: bold;
display: inline-block;
}
.bp-status .bp-status-inner:after {
content: '';
position: absolute;
left: 13px;
top: 0;
bottom: 0;
margin: auto;
width: 18px;
height: 18px;
background: url(images/bizproc/bp-sprite.png) no-repeat -27px 0;
}
.bp-status-cancel, .bp-status-ready {
position: relative;
display: inline-block;
color: #f73200;
font-weight: bold;
padding-left: 22px;
line-height: 17px;
vertical-align: middle;
}
.bp-status-ready {
color: #61aa00;
}
.bp-status-cancel:after,
.bp-status-ready:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 13px;
height: 13px;
background: url(images/bizproc/bp-sprite.png) no-repeat -28px -79px;
}
.bp-status-ready:after {
width: 18px;
height: 13px;
background-position: -27px -63px;
}
.bp-small-button {
background: #ecedef;
box-shadow: 0 0 0 1px #c6cdd3 inset;
border-radius: 2px;
cursor: pointer;
color: #7a818a;
display: inline-block;
font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
font-size: 12px;
outline: none;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: background-color 0.25s linear;
transition: background-color 0.25s linear;
text-align: center;
font-weight: bold;
border-bottom: 1px solid transparent;
}
.webform-button, .webform-small-button {
box-shadow: none!important;
border-width: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin: 0 14px 0 0;
text-align: center;
text-decoration: none;
vertical-align: middle;
-webkit-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
font-size: 13px;
height: 30px;
border-radius: 1px;
line-height: 30px;
-webkit-tap-highlight-color: transparent;
outline: none;
padding: 0 19px 2px;
background: #75c601;
}
.webform-button {
height: 47px;
line-height: 47px;
width: 100%;
max-width: 300px;
}
.webform-button-accept, .webform-small-button-accept {
background: #bbed21;
-webkit-box-shadow: none;
box-shadow: none;
color: #535c69;
}
.webform-button-decline, .webform-small-button-decline {
background: #f1361b;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.webform-button-blue, .webform-small-button-blue {
background: #3bc8f5;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.bp-button-icon {
width: 14px;
height: 11px;
background: url(images/bizproc/bp-sprite.png) no-repeat 1px -501px;
display: inline-block;
vertical-align: middle;
float: left;
margin: 10px 0 0;
}
.webform-small-button-decline .bp-button-icon {background-position: 1px -513px;}
.bp-small-button.webform-small-button-blue {
height: 18px;
line-height: 18px !important;
}
.bp-title {
font-size: 17px;
font-weight: bold;
color: #000;
vertical-align: top;
}
.bp-title-desc .bold {
color: #000;
font-weight: bold;
}
.bp-title-desc-icon {
width: 36px;
height: 30px;
position: absolute;
left: 0;
top: 0;
margin: auto;
}
.bp-post .bp-short-process-inner .bp-btn-panel {
display: table;
overflow: hidden;
padding: 0;
height: 102px;
}
.bp-post .bp-short-process-inner .bp-btn-panel .bp-btn-panel-inner {
display: table-cell;
vertical-align: middle;
line-height: normal;
}
.bp-post .bp-status {
display: table;
overflow: hidden;
height: 102px;
}
.bp-post .bp-status-cancel, .bp-post .bp-status-ready {
display: table;
overflow: hidden;
height: 102px;
}
.bp-post .bp-status-cancel span, .bp-post .bp-status-ready span {
display: table-cell;
vertical-align: middle;
line-height: normal;
}
.bp-task-block-title {
font-weight: bold;
display: block;
margin-bottom: 15px;
}
.bp-post .bp-short-process-step-wrapper .process-step-more {
background: #fff;
color: #7daa00;
border: 0;
padding: 0 5px;
}
.bp-post .bp-short-process-step-wrapper .process-step-more.process-step-more-running {color: #535c69;}
.bp-small-button.webform-small-button-transparent {margin: 15px 0 0;}
.bp-small-button.webform-small-button-transparent span {
position: relative;
width: 2px;
height: 10px;
background: #535c69;
display: inline-block;
vertical-align: middle;
margin: -2px 6px 0 0;
}
.bp-small-button.webform-small-button-transparent span:before {
position: absolute;
content: '';
width: 10px;
height: 2px;
left: -4px;
top: 4px;
background: #535c69;
}
.pb-popup-mobile .bp-post {position: relative;}
.pb-popup-mobile .bp-post .bp-short-process-inner .bp-short-process {
margin: 2px 0;
width: 100%;
height: auto;
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
padding: 0;
}
.pb-popup-mobile .bp-post .bp-short-process-steps {
position: static;
display: inline;
padding: 8% 6%;
border: 2px solid #edeef0;
border-radius: 3px;
}
.pb-popup-mobile .bp-post .bp-short-process-steps.alone {
border-color: transparent;
padding-right: 0;
}
.pb-popup-mobile .bp-post .bp-short-process-inner {
position: relative;
margin: 10px 0;
max-width: 600px;
}
.pb-popup-mobile .bp-post .bp-short-process-step {
position: relative;
display: inline-block;
vertical-align: middle;
border: 1px solid #fff;
border-radius: 50%;
margin: 8px 0 11px 0;
width: 100%;
box-shadow: 0 0 0 3px #9299a3;
}
.pb-popup-mobile .bp-post .bp-short-prosess-steps-arrow {
width: 14%;
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #535c69;
padding-top: 25px;
}
.pb-popup-mobile .bp-post .bp-short-prosess-steps-arrow.bp-short-prosess-steps-arrow-ready {
width: 19%;
}
.pb-popup-mobile .bp-post .bp-short-process-step-inner {
background-position: -21px -496px;
position: relative;
overflow: hidden;
border-radius: 50%;
width: 100%;
height: 0;
padding-top: 100%;
display: block;
background: #525b69;
}
.pb-popup-mobile .bp-post .bp-short-process-step img {
width: 100%;
height: 100%;
border-radius: 50%;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.pb-popup-mobile .bp-post .bp-short-process-step:after {
content: '';
position: absolute;
border-radius: 50%;
background: url(images/bizproc/bp-status.png) no-repeat 0 0;
right: -5px;
bottom: -5px;
width: 38%;
height: 38%;
background-size: cover;
}
.pb-popup-mobile .bp-post .bp-short-process-step.bp-short-process-step-ready:after {background-image: url(images/bizproc/bp-status-ready.png);}
.pb-popup-mobile .bp-post .bp-short-process-step.bp-short-process-step-cancel:after{background-image: url(images/bizproc/bp-status-cancel.png);}
.pb-popup-mobile .bp-post a.process-step-more {
font-size: 10px;
margin-top: -5px;
}
.pb-popup-mobile .bp-post .bp-avatar {
overflow: hidden;
border-radius: 50%;
margin-right: 15px;
left: 0;
top: 0;
width: 35px;
height: 35px;
position: relative;
display: inline-block;
}
.pb-popup-mobile .bp-post .bp-avatar img {
width: 35px;
height: 35px;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.bp-title-desc a {
vertical-align: top;
color: #0063c6;
font-size: 14px;
line-height: 17px;
font-weight: bold;
border-bottom: 1px solid transparent;
-webkit-transition: border-bottom-color 0.2s linear;
transition: border-bottom-color 0.2s linear;
}
.bp-title-desc {
position: relative;
margin: 10px 0 0;
padding-left: 40px;
max-height: 51px;
overflow: hidden;
display: block;
color: #535c69;
font-size: 14px;
line-height: 17px;
min-height: 40px;
}
.bp-title-desc:after {
content: '';
position: absolute;
background: linear-gradient(top, rgba(255,255,255,0), #fff);
width: 100%;
height: 17px;
bottom: 0;
left: 40px;
right: 0;
}
.bp-task .bp-title-desc {
max-height: none;
padding-left: 53px;
margin-top: 7px
}
.bp-task .bp-title-desc:after {display: none;}
.bp-task .bp-title-desc-icon {
left: 17px;
top: 15px;
}
.bp-task .post-text-title {padding-left: 53px;}
.bp-title-date {
margin-left: 40px;
display: block;
}
.bp-title {
margin-top: 10px;
line-height: 30px;
display: block;
}
.pb-popup-mobile .bp-post p {
margin: 0 0 7px 40px;
color: #535c69;
font-size: 9px;
line-height: 14px;
}
.pb-popup-mobile .bp-post p a {
font-weight: bold;
color: #0063c6;
}
.pb-popup-mobile .bp-post p .bold {font-weight: bold;}
.pb-popup-mobile .bp-task-block {
margin-top: 0;
color: #535c6a;
font-size: 10px;
padding: 15px;
background: #e8f9fe;
border-radius: 2px;
position: relative;
}
.pb-popup-mobile .bp-btn-panel {
width: 100%;
text-align: center;
padding: 7px 0;
display: inline-block;
vertical-align: middle;
}
.pb-popup-mobile .bp-btn-panel .bp-small-button,
.bizproc-item-buttons .bp-small-button {
margin: 4px 0;
white-space: normal;
overflow: hidden;
max-width: 100%;
padding: 9px 10px 7px;
height: auto;
box-sizing: border-box;
}
.pb-popup-mobile .bp-btn-panel .bp-small-button .bp-button-text,
.bizproc-item-buttons .bp-button-text {
min-width: 75px;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
box-sizing: border-box;
padding: 0 7px 0 5px;
display: block;
}
.pb-popup-mobile .bp-post .bp-status {
margin: auto;
height: 65px;
}
.pb-popup-mobile .bp-post .bp-status-cancel,
.pb-popup-mobile .bp-post .bp-status-ready {
height: 75px;
}
.bp-task-block textarea,
.bp-task-block input[type=text] {
width: 100%;
box-sizing: border-box;
}
.bizproc-item-buttons {text-align: center;}
.lenta-item-new .bp-title-desc:after {
background: linear-gradient(top, rgba(255,255,255,0), #fffedd);
}
.lenta-item-new .bp-short-process-finished span span {background: #fffedd;}
.lenta-item-new .pb-popup-mobile .bp-post a.process-step-more {background: #fffedd;}
.bp-list-item .post-item-post-block {position: relative}
.bp-list-item .bp-title-desc-icon {left: 17px;}
.bp-list-item .post-text-title {padding-left: 53px;}
.bp-list-item .bp-title-desc {
padding-left: 53px;
margin-top: 7px;
}
.bp-empty-search{
height:50vh;
width:100%;
box-sizing: border-box;
position: relative;
}
.bp-empty-search-box{
position: absolute;
top:50%;
left:50%;
width:80%;
margin:0 auto;
text-align: center;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.bp-empty-search-text{
font-family: "SanFranciscoText", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
font-weight: Bold;
font-size:18px;
color: #556574;
}
/* ===== reserved class ===== */
.p0 { padding: 0 !important }
.m0 { margin: 0 !important }
.dn { display: none !important }
.db { display: block !important }
.wa { width: auto !important }
.dib { display: inline-block !important }
.clb { clear: both !important }
.fln { float: none !important }
.fll { float: left !important }
.flr { float: right !important }
.m0a { margin: 0 auto !important }
.fwb { font-weight: bold !important }
.fwn { font-weight: normal !important }
.tal { text-align: left !important }
.tar { text-align: right !important }
.tac { text-align: center !important }
.tdn { text-decoration: none !important }
.tdl { text-decoration: line-through !important }
.vat { vertical-align: top !important }
.vam { vertical-align: middle !important }
.vab { vertical-align: bottom !important }
.posr { position: relative !important }
.posa { position: absolute !important }
.whsn { white-space: normal !important }
.whsnw { white-space: nowrap !important }
.p05 { padding: 0 5px !important }
.w100p { width: 100% !important }
.w90p { width: 90% !important }
.wa { width: auto !important }
.bdbox {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* ===== Debug class ===== */
.dbg1 { background-color: rgba(0, 0, 255, .3) }
.dbg2 { background-color: rgba(0, 255, 0, .3) }
.dbg3 { background-color: rgba(255, 0, 0, .3) }
.clearboth { clear: both }
.empty-page-bottom-margin { height: 88px; }
/* ===== URL Preview ===== */
.urlpreview-mobile {
display: block;
border-left: 3px solid #a6ca61;
padding-left: 10px;
padding-bottom: 5px;
margin-left: 1px;
margin-top: 8px;
font: 13px/19px -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
}
.urlpreview-mobile-title {
display: block;
text-decoration: none;
}
.urlpreview-mobile-description {
display: block;
color: #666 !important;
}
.urlpreview-mobile-image {
display: table-cell;
border-radius: 6px;
height: 119px;
min-width: 88px;
vertical-align: middle;
text-align: center;
font-size: 0;
line-height: 0;
overflow: hidden;
}
.urlpreview-mobile-image-img {
max-width: 450px;
max-height: 120px;
background-color: #fff;
}
.lenta-block-empty {
margin: 10px 12px 15px !important;
text-align: center;
}
.bx-sls .dropdown-block {
border: none;
box-shadow: none;
}
.mobile-ui-loader {
width: 30px;
height: 30px;
position: absolute;
top: 20%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
z-index: 2;
}
.mobile-ui-loader:before {
content: '';
width: 6px;
height: 6px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-animation: round 1.1s infinite linear;
animation: round 1.1s infinite linear;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
box-shadow: 0 -20px 0 0 #ffffff,
14px -14px 0 0 rgba(255, 255, 255, 0.2),
20px 0 0 0 rgba(255, 255, 255, 0.2),
14px 14px 0 0 rgba(255, 255, 255, 0.2),
0 20px 0 0 rgba(255, 255, 255, 0.2),
-14px 14px 0 0 rgba(255, 255, 255, 0.2),
-20px 0 0 0 rgba(255, 255, 255, 0.5),
-14px -14px 0 0 rgba(255, 255, 255, 0.2);
}
@keyframes round {
0%,
100% {
box-shadow: 0 -20px 0 0 #ffffff,
14px -14px 0 0 rgba(255, 255, 255, 0.2),
20px 0 0 0 rgba(255, 255, 255, 0.2),
14px 14px 0 0 rgba(255, 255, 255, 0.2),
0 20px 0 0 rgba(255, 255, 255, 0.2),
-14px 14px 0 0 rgba(255, 255, 255, 0.2),
-20px 0 0 0 rgba(255, 255, 255, 0.5),
-14px -14px 0 0 rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.7),
14px -14px 0 0 #ffffff,
20px 0 0 0 rgba(255, 255, 255, 0.2),
14px 14px 0 0 rgba(255, 255, 255, 0.2),
0 20px 0 0 rgba(255, 255, 255, 0.2),
-14px 14px 0 0 rgba(255, 255, 255, 0.2),
-20px 0 0 0 rgba(255, 255, 255, 0.2),
-14px -14px 0 0 rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.5),
14px -14px 0 0 rgba(255, 255, 255, 0.7),
20px 0 0 0 #ffffff,
14px 14px 0 0 rgba(255, 255, 255, 0.2),
0 20px 0 0 rgba(255, 255, 255, 0.2),
-14px 14px 0 0 rgba(255, 255, 255, 0.2),
-20px 0 0 0 rgba(255, 255, 255, 0.2),
-14px -14px 0 0 rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2),
14px -14px 0 0 rgba(255, 255, 255, 0.5),
20px 0 0 0 rgba(255, 255, 255, 0.7),
14px 14px 0 0 #ffffff,
0 20px 0 0 rgba(255, 255, 255, 0.2),
-14px 14px 0 0 rgba(255, 255, 255, 0.2),
-20px 0 0 0 rgba(255, 255, 255, 0.2),
-14px -14px 0 0 rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2),
14px -14px 0 0 rgba(255, 255, 255, 0.2),
20px 0 0 0 rgba(255, 255, 255, 0.5),
14px 14px 0 0 rgba(255, 255, 255, 0.7),
0 20px 0 0 #ffffff,
-14px 14px 0 0 rgba(255, 255, 255, 0.2),
-20px 0 0 0 rgba(255, 255, 255, 0.2),
-14px -14px 0 0 rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2),
14px -14px 0 0 rgba(255, 255, 255, 0.2),
20px 0 0 0 rgba(255, 255, 255, 0.2),
14px 14px 0 0 rgba(255, 255, 255, 0.5),
0 20px 0 0 rgba(255, 255, 255, 0.7),
-14px 14px 0 0 #ffffff,
-20px 0 0 0 rgba(255, 255, 255, 0.2),
-14px -14px 0 0 rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2),
14px -14px 0 0 rgba(255, 255, 255, 0.2),
20px 0 0 0 rgba(255, 255, 255, 0.2),
14px 14px 0 0 rgba(255, 255, 255, 0.2),
0 20px 0 0 rgba(255, 255, 255, 0.5),
-14px 14px 0 0 rgba(255, 255, 255, 0.7),
-20px 0 0 0 #ffffff,
-14px -14px 0 0 rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2),
14px -14px 0 0 rgba(255, 255, 255, 0.2),
20px 0 0 0 rgba(255, 255, 255, 0.2),
14px 14px 0 0 rgba(255, 255, 255, 0.2),
0 20px 0 0 rgba(255, 255, 255, 0.2),
-14px 14px 0 0 rgba(255, 255, 255, 0.5),
-20px 0 0 0 rgba(255, 255, 255, 0.7),
-14px -14px 0 0 #ffffff;
}
}
.mobile-iu-loader-wrap {
position:absolute;
top:50%;
left:50%;
z-index: 1001;
transform: translate(-50%,-50%);
border-radius: 16px;
width:200px;
height:200px;
border-collapse: collapse;
background: rgba(0, 0, 0, 0.72);
}
.mobile-iu-loader-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(0,0,0,0.5);
}
.mobile-iu-loader-wrap button
{
width:130px;
height:40px;
font-size: 12pt;
background: white;
border-radius: 5px;
border: 1px solid #f0f0f0;
outline: none;
}
.mobile-iu-loader-wrap button:active
{
background: #f0f0f0;
}
.mobile-ui-loader-message
{
color: white;
overflow: auto;
font-size: 11pt;
width: 170px;
text-overflow: ellipsis;
/*white-space: nowrap;*/
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Open Sans", sans-serif;
}
.bottom_button
{
z-index: 10000;
align-content: center;
bottom: 0;
width: 100%;
height: 60px;
font-size:15px;
color:#468ee5;
text-align:left;
align-items: center;
display: flex;
font-family: "OpenSans-Bold", Helvetica, sans-serif;
/* text-align: center; */
justify-content: center;
-webkit-user-select: none;
user-select: none;
text-transform: uppercase;
}
.bottom_button_active
{
background-color: #E4E8ED;
}
.bottom_button_cancel
{
color:#80868e;
}
.bottom_button_remove
{
color: #cb2400;
}
.bottom-panel
{
background:#ffffff;
border:1px solid rgba(150,150,150,0.41);
box-shadow:0 -1px 4px 0 rgba(0,0,0,0.07);
z-index: 10000;
align-content: center;
position: fixed;
bottom: 0;
width: 100%;
height: 60px;
align-items: center;
display: flex;
font-size: 14pt;
font-weight: bold;
font:-apple-system-headline;
/* text-align: center; */
justify-content: center;
-webkit-user-select: none;
user-select: none;
}
.bottom-panel-delimiter
{
background:#d8d8d8;
width:2px;
opacity: 0.7;
height:100%;
}
.bottom_button:hover
{
opacity: 0.9;
}
.bottom_button_holder
{
width: 100%;
height: 60px;
position: relative;
}
/*
.feed-post-contentview-read {
background-color: rgba(255, 0, 0, 0.1)
}
*/
.disk-mobile-player-container {
max-width: 100%;
}
.disk-mobile-player-container video {
max-width: 100%;
}
.disk-mobile-player-error-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
max-width: 100%;
background: #F5F7F8;
width: 600px;
height: 337px;
}
.disk-mobile-player-error-icon {
display: block;
margin: 0 0 30px 0;
width: 138px;
height: 85px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAABVCAMAAAChMYysAAABhlBMVEWrsbersbersbersbersbersbersbersbersbdTXGqrsbersbersbersbersbersbersbdTXGqrsbersbersbersbdTXGqrsbersbersbersbersbdTXGqrsbersbersbdTXGqrsbersbersbersbersbersbdTXGqrsbersbersbersbersbersbersbersbersbdTXGqrsbersbersbersbersbersbersbersbdTXGqrsbersbersbersbersbersbersbersbersbdTXGqrsbersbersbersbersbersbdTXGqrsbersbersbersbersbersbdTXGqrsbersbdTXGqrsbersbersbersbdTXGqrsbersbersbersbersbdTXGqrsbersbersbersbersbersbersbdTXGqrsbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbersbdjg9mjAAAAgnRSTlMAAQIDBAUGBwgJCQoLDA0PEBEREhcYGhscHiAhIiIjJysrLC4wMTIzMzQ1Njc4OTo7PDw9Pj9AQUJDRERFRkdISUpLTE1NTk9QUlNVVlhZWltcXmBlZmdqbW5vcHJzdHZ3eHl6fH1+f4CAgYKDhIWGh4iJiouMjY6PkJGSlJWWl5iZ12zzRQAAAsNJREFUeAHt2n0zVGEYx/HLRocloVrSqVAhQlvWtrY8P7RJW5KolIqWEhF5UHZ/77y97mOMplk6O+fuvv443xdgPpjZnbmvHx0UbIj3eFr0ahHlU/XUL3jeTrKC3FYwkoaW9trJXYFJZFt4lvC05yvI1keuSgCYvUie17AEoJVcVJsBngRIQ9Y0sF1O/94MMF1AWrKWgQSd0NnLtUFSVWSQvkCaagY2jv01CyMpAJnZesrWBrwmXQW2gGrKWVF0DQc9zopHgVHS1kugOSfk3jojfn5MpQEMECWBKGnrKdCZAxL7zpD1WDFR1SSwX8WUCGkr108/Hd9QkGgRcYF3QMwIxXqwyZC1rkI6KA6MG6BYPQryLeJAVBEg+d8pxX0/GLLayRCTlOL+LYas3GGISUpwcFtBbp8iMkopHVaQ5Y4AkVFK2cgOQ760McQkpWx0V0FuMcQk5cxDBVlqLSAySilP7DEk1cIQo5T3CvKpkSEeUkITXLcrCrdwgyGeUuxFbsIlZf46QyRQ+hgigjJDJIXSL4fS61N8ik/xKT7FJaVSUbolUEhRwj7Fp5zcC6bUiaBMMMUWQRljSkgEJcwUEkOZk0Gx+XNfBqWEP/dlUMi27UohFE4wxac0DYVD5H8H/VHTIvdKAmVsURUS8JIw5FAqBbyv1Dn/IAmvTurPMhcy/xbH2eFwCZl/oTT0bqvhNfumwgh5429RGBmXj8/O5cO/B/19JWtXGBm3w68dCiPkouocMo3fmRVm9W6hYQpn9W4eHr0NUIRuEhTm/obCHF1qmNqvHM5GYpazX0mfM7nqiTmrng/zzqpH/9ap5rit0/rRrRMvwM6TphpPXIB1LQHIvK0XsYuruFJbSk6XMsC4jLUgPQLwRseGMgWgNa9l6WCPh404y9J+cldAyt6Wq5nah+ftJqson4LX4sMJDxtwv83+DZ9mMLgJP8hFAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
}
.disk-mobile-player-error-container .disk-mobile-player-error-message {
color: #555c64;
text-align: center;
width: 100%;
}
.disk-mobile-player-error-container .disk-mobile-player-download {
cursor: pointer;
border-bottom: 1px dashed;
}
@media (max-width: 460px) {
.pb-popup-mobile .bp-btn-panel .bp-small-button,
.bizproc-item-buttons .bp-small-button {
margin: 4px auto;
display: block;
max-width: 76%;
}
}
.bx-vote-container.bx-vote-container-mobile .bx-vote-block {
background: #f1f2f5;
}
.entry-code
{
text-align: left;
background-color: #f7f7f7;
border: 1px solid #e8e8e8;
border-spacing: 0;
font-family: "Courier New",monospce, serif;
font-size: 12px;
line-height: 15px;
margin: 10px 0;
padding: 10px 17px;
width: 90%
}
.entry-code pre
{
white-space:pre-wrap;
word-break: break-word;
}
.blog-p-user-name
{
font-size: 16px;
text-decoration: none;
}
.bx-messenger-attach {
display: block;
border-left: 3px solid transparent;
padding-left: 10px;
margin-left: 1px;
margin-top: 8px;
font: 15px/19px -apple-system, BlinkMacSystemFont, "Open Sans", sans-serif;
overflow: hidden;
position: relative;
}
.mobile-grid-data-label-container
{
-webkit-user-select: text;
}