@media (min-width: 768px) { .scrollable { position: relative; } .scrollable:focus { outline: 0; } .scrollable .viewport { position: relative; overflow: hidden; } .scrollable .viewport .overview { position: absolute; } .scrollable .scroll-bar { display: none; } .scrollable .scroll-bar.vertical { position: absolute; right: 0; height: 100%; } .scrollable .scroll-bar.horizontal { position: relative; width: 100%; } .scrollable .scroll-bar .thumb { position: absolute; } .scrollable .scroll-bar.vertical .thumb { width: 100%; min-height: 10px; } .scrollable .scroll-bar.horizontal .thumb { height: 100%; min-width: 10px; left: 0; } .not-selectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chat-users-container .scrollable.chatBoxUsersList { padding-right: 10px; padding-bottom: 6px; } .chat-users-container .scrollable.chatBoxUsersList .scroll-bar.vertical { width: 2px; background-color: #01305C; right: 2px; height: calc(100% - 170px); } .chat-users-container .scrollable.chatBoxUsersList .viewport { height: calc(100% - 170px); } .chat-users-container .scrollable.chatBoxUsersList .scroll-bar .thumb { background-color: #2B8FF1; width: 6px; right: -2px; } .chat-search-partners .scrollable.chatBoxUsersList { padding-right: 10px; padding-bottom: 6px; } .chat-search-partners .scrollable.chatBoxUsersList .scroll-bar.vertical { width: 2px; background-color: #f1f3f5; right: 2px; height: calc(100% - 134px); } .chat-search-partners .scrollable.chatBoxUsersList .viewport { height: calc(100% - 134px); } .chat-search-partners .scrollable.chatBoxUsersList .scroll-bar .thumb { background-color: #2B8FF1; width: 6px; right: -2px; } .chat-roomid-container .chat-message__wrapper .scrollable.message__main { padding-right: 10px; padding-bottom: 6px; } .chat-roomid-container .chat-message__wrapper .scrollable.message__main .scroll-bar.vertical { width: 2px; background-color: #14355D; right: 3px; height: calc(100% - 130px); } .chat-roomid-container .chat-message__wrapper .scrollable.message__main .viewport { height: calc(100% - 170px); } .chat-roomid-container .chat-message__wrapper .scrollable.message__main .scroll-bar .thumb { background-color: #017BF2; width: 6px; right: -2px; } .chat-button-open { position: fixed; bottom: 18px; right: 18px; width: 40px; height: 40px; cursor: default; background-color: #01305C; background-image: url("http://alexmc.1gb.ru/ico/fa-comments.png"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px auto; -webkit-transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; border: 2px solid white; border-radius: 2px; z-index: 100; text-align: center; } .chat-button-open:hover { background-color: #2B8FF1; cursor: pointer; } .chat-button-open.closed { display: none; } .chat-users-container { z-index: 100; position: fixed; bottom: 0px; right: 0px; height: 100%; width: 320px; background-color: #f1f3f5; box-shadow: -12px -1px 32px 0px rgba(0,0,0,0.3); display: none; -webkit-transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; z-index: 999; } .chat-users-container .grid__header { display: -ms-grid; display: grid; grid-template-columns: repeat(8, [col] 40px ); grid-template-rows: repeat(4, [row] auto ); } .chat-users-container .grid__header.closed { display: none; } .chat-users-container .grid__header .a_message { -ms-grid-column: col; grid-column: col / span 6; -ms-grid-row: row; grid-row: row; color: #14355d; font-size: 12px; padding: 16px 24px; font-weight: 700; } .chat-users-container .grid__header .sound__chat { -ms-grid-column: col 7; grid-column: col 7; -ms-grid-row: row; grid-row: row; width: 40px; height: 40px; cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat; background-size: 18px auto; position: relative; top: 8px; } .chat-users-container .grid__header .sound__chat.yes { background-image: url("http://alexmc.1gb.ru/ico/sound_yes.png"); } .chat-users-container .grid__header .sound__chat.no { background-image: url(http://alexmc.1gb.ru/ico/sound_no.png); } .chat-users-container .grid__header .chat__close { -ms-grid-column: col 8; grid-column: col 8; -ms-grid-row: row; grid-row: row; position: absolute; right: 8px; top: 6px; width: 40px; height: 40px; cursor: pointer; } .chat-users-container .grid__header .chat__close:hover { opacity: 0.6; border-radius: 50%; background: #fff; } .chat-users-container .grid__header .chat__close::after, .chat-users-container .grid__header .chat__close::before { content: ''; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; width: 44%; height: 2px; border-radius: 1px; top: 50%; left: 50%; background-color: #14355d; } .chat-users-container .grid__header .chat__close::after { -webkit-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); } .chat-users-container .grid__header .chat__close::before { -webkit-transform: translate(-50%, 50%) rotate(-45deg); transform: translate(-50%, 50%) rotate(-45deg); } .chat-users-container .grid__header .new__chat { -ms-grid-column: col 1; grid-column: col 1 / span 2; -ms-grid-row: row 2; grid-row: row 2; width: 40px; height: 40px; cursor: default; background-color: #899AAE; background-image: url("http://alexmc.1gb.ru/ico/fa-comments.png"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px auto; padding: 12px 10px; margin-left: 10px; margin-right: 10px; -webkit-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } .chat-users-container .grid__header .new__chat:hover { background-color: #2B8FF1; cursor: pointer; } .chat-users-container .grid__header .search__user__chat { -ms-grid-column: col 3; grid-column: col 3 / span 6; -ms-grid-row: row 2; grid-row: row 2; } .chat-users-container .grid__header .search__user__chat input { position: relative; left: -18px; width: 245px; height: 40px; padding-left: 14px; color: #78808a; font-size: 13px; font-weight: 400; border: 1px solid #dee4e9; border-radius: 0; -webkit-transition: 400ms ease-out border-color; transition: 400ms ease-out border-color; } .chat-users-container .grid__header .search__user__chat input::-webkit-input-placeholder { color: #9a9ea9; } .chat-users-container .grid__header .search__user__chat input::-moz-placeholder { color: #9a9ea9; } .chat-users-container .grid__header .search__user__chat input:focus, .chat-users-container .grid__header .search__user__chat input:hover { border-color: #2b8ff1; } .chat-users-container .grid__header .search__user__chat .find-chat { width: 100%; height: 46px; position: relative; } .chat-users-container .grid__header .search__user__chat .find-chat .find-chat { position: absolute; cursor: pointer; top: 2px; right: 10px; width: 39px; height: 39px; background-image: url("http://alexmc.1gb.ru/ico/search.svg"); background-size: 30% 30%; background-repeat: no-repeat; background-position: center; } .chat-users-container .grid__header .search__user__chat .find-chat .clear-find-chat { position: absolute; cursor: pointer; top: 2px; right: 10px; width: 39px; height: 39px; background-image: url("http://alexmc.1gb.ru/ico/close-black.svg"); background-size: 30% 30%; background-repeat: no-repeat; background-position: center; } .chat-users-container .grid__header .search__user__chat .find-chat .closed { display: none; } .chat-users-container .grid__header .clear__allchat, .chat-users-container .grid__header .read__allchat { color: #14355D; text-decoration: underline; font-size: 12px; -webkit-transition: 400ms ease-out color; transition: 400ms ease-out color; } .chat-users-container .grid__header .clear__allchat { -ms-grid-column: col 1; grid-column: col 1 / span 4; -ms-grid-row: row 3; grid-row: row 3; padding: 10px 5px 5px 20px; } .chat-users-container .grid__header .read__allchat { -ms-grid-column: col 5; grid-column: col 5 / span 4; -ms-grid-row: row 3; grid-row: row 3; text-align: right; padding: 10px 24px 5px 1px; } .chat-users-container .grid__header .clear__allchat:hover, .chat-users-container .grid__header .read__allchat:hover { color: #2b8ff1; cursor: pointer; } .chat-users-container .chatBoxUsersList { height: calc(100% - 170px); margin: 15px 10px; overflow: hidden; } .chat-search-partners { z-index: 100; position: fixed; bottom: 0px; right: 0px; height: 100%; width: 320px; background-color: #fff; box-shadow: -12px -1px 32px 0px rgba(0,0,0,0.3); display: none; -webkit-transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; border-bottom: 16px solid #f1f3f5; } .chat-search-partners.closed { opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px); z-index: -1; } .chat-search-partners .grid__header { display: -ms-grid; display: grid; grid-template-columns: repeat(8, [col] 46px ); grid-template-rows: repeat(2, [row] auto ); background-color: #f1f3f5; } .chat-search-partners .grid__header .a_new__chat { -ms-grid-column: col; grid-column: col / span 4; -ms-grid-row: row; grid-row: row; color: #14355d; font-size: 12px; padding: 21px 24px; font-weight: 700; } .chat-search-partners .grid__header .b_back { -ms-grid-column: col 5; grid-column: col 5 / span 2; -ms-grid-row: row; grid-row: row; padding: 19px 24px; width: auto; color: #14355d; text-decoration: none; background-image: none; text-transform: none; font-weight: normal; font-size: 14px; -webkit-transition: 400ms ease-out color; transition: 400ms ease-out color; position: relative; left: 40px; } .chat-search-partners .grid__header .b_back:hover { cursor: pointer; color: #2b8ff1; } .chat-search-partners .grid__header .b_back .ico { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 10px; width: 8px; height: 8px; background-image: url(http://alexmc.1gb.ru/ico/left-arr.svg); background-size: 100% 100%; } .chat-search-partners .grid__header .search__user__chat { -ms-grid-column: col; grid-column: col / span 6; -ms-grid-row: row 2; grid-row: row 2; margin-bottom: 8px; } .chat-search-partners .grid__header .search__user__chat input { position: relative; left: 8px; width: 300px; height: 45px; padding-left: 14px; color: #78808a; font-size: 13px; font-weight: 400; border: 1px solid #dee4e9; border-radius: 0; -webkit-transition: 400ms ease-out border-color; transition: 400ms ease-out border-color; } .chat-search-partners .grid__header .search__user__chat input::-webkit-input-placeholder { color: #9a9ea9; } .chat-search-partners .grid__header .search__user__chat input::-moz-placeholder { color: #9a9ea9; } .chat-search-partners .grid__header .search__user__chat input:focus, .chat-users-container .grid__header .search__user__chat input:hover { border-color: #2b8ff1; } .chat-search-partners .grid__header .search__user__chat .ico { cursor: pointer; position: relative; top: -22px; left: 285px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 13px; height: 13px; background-size: 100% 100%; -webkit-transition: 400ms ease-out background-image; transition: 400ms ease-out background-image; } .chat-search-partners .grid__header .search__user__chat .ico.wordSearch { background-image: url("http://alexmc.1gb.ru/ico/search.svg"); } .chat-search-partners .grid__header .search__user__chat .ico.deleteWordSearch { height: 30%; width: 36px; background-image: url("http://alexmc.1gb.ru/ico/close-black.svg"); background-size: auto 100%; background-repeat: no-repeat; cursor: pointer; } .hr_userRegularClients { color: #506175; position: fixed; right: 0px; bottom: 40px; width: 320px; height: 1px; z-index: 9999; } .userRegularClients { color: #14355D; text-decoration: underline; font-size: 12px; -webkit-transition: 400ms ease-out color; transition: 400ms ease-out color; position: fixed; right: 15px; bottom: 25px; } .userRegularClients:hover { color: #2b8ff1; cursor: pointer; } .chat-search-partners .chatBoxUsersList { background-color: white; height: calc(100% - 134px); margin: 2px 7px 4px 0px; overflow: hidden; } .chat-search-partners .partner-letter { color: #2b8ff1; font-weight: 700; font-size: 14px; text-transform: uppercase; padding-left: 65px; } .chat-search-partners .partner-letter.closed { display: none; } .chat-search-partners .grid-partner { display: -ms-grid; display: grid; grid-template-columns: repeat(8, [col] 40px ); grid-template-rows: repeat(1, [row] 70px ); padding: 5px 0px; } .chat-search-partners .grid-partner .partner-logo { -ms-grid-column: col; grid-column: col / span 2; width: 30px; height: 30px; border: 1px solid #a5b1bf; border-radius: 50%; background-size: contain; left: 20px; position: relative; top: 0px; cursor: pointer; overflow: hidden; -webkit-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); -moz-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); z-index: 2; } .chat-search-partners .grid-partner .partner-logo img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% -50%); transform: translate(-50%, -50%); width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain; z-index: 1; } .chat-search-partners .grid-partner .partner-data { display: grid; -ms-grid-column: col 3; grid-column: col 3 / span 6; position: relative; bottom: 2px; right: 15px; } .chat-search-partners .grid-partner .partner-data .oo { color: #14355d; font-size: 12px; font-weight: 700; cursor: pointer; } .chat-search-partners .grid-partner .partner-data .city { color: #506175; font-size: 11px; font-weight: 400; cursor: pointer; } .chat-search-partners .grid-partner .partner-data .oo.hover { color: #017BF2; } .chat-search-partners .grid-partner .partner-data .city.hover { color: #017BF2; } .chat-search-partners .grid-partner .partner-data.closed { display: none; } .chat-search-partners .partner-company span { color: #14355d; } .chat-search-partners .partner-container.grid-partner.closed { display: none; } .chat__text-messages-deleted { color: #14355d; width: 100%; font-size: 12px; font-weight: 400; padding: 20px; text-align: left; background-color: #f1f3f5; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0px; } .chat__text-messages-deleted img { width: 30px; margin-right: 20px; margin-top: 0px; } .chat__message__main-date .chat__message-in .chat__message-info .img-deleted { width: 20px; height: 20px; border-radius: 10px; overflow: hidden; margin-right: 8px; position: relative; z-index: 2; } .chat__message__main-date .chat__message-in .chat__message-info .img-deleted img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain; z-index: 1; } .menu-button { border: solid 1px white; position: fixed; bottom: 18px; left: 18px; width: 36px; height: 36px; cursor: default; background-color: #2B8FF1; background-image: url("http://alexmc.1gb.ru/ico/lkWhite.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px auto; -webkit-transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; border: 2px solid white; border-radius: 2px; z-index: 100; text-align: center; } .menu-button:hover { background-color: #01305C; cursor: pointer; } .menu-button.closed { display: none; } .left-menu-small { border: solid 1px white; position: fixed; bottom: 18px; left: 18px; width: 36px; height: 360px; cursor: default; background-color: #01305C; display: block; } .left-menu-small.closed { display: none; } .left-menu-small .lk__main-small { margin: 12px 5px 0px 7px; width: 100%; } .left-menu-small .lk__main-ul-small { list-style: none; padding: 0; margin: 0; } .left-menu-small .lk__main-li-small { cursor: pointer; display: flex; margin-bottom: 20px; align-items: center; } .left-menu-small .lk__main-li-small .ico-small { width: 20px; height: 16px; display: flex; align-items: center; justify-content: center; } .left-menu-small .lk__main-li-small .ico-small img { width: 100%; height: 100%; } .left-menu-small .lk__main-li-small .ico-small.last img { width: 160%; height: 160%; } #mobileMenuSmall { display: none; } #menuButtonMobileOpen { display: none; } /* chat mini */ #roomsSectionChat.closed { display: none; } #roomsSectionChat.message_clear_no { color: #506175; font-size: 12px; font-weight: 700; padding-left: 100px; position: absolute; top: 10px; } #roomsSectionChat.message__main-wrapper-no-message { text-align: center; margin-bottom: 30px; background: #f1f3f5; } #roomsSectionChat .message__main-item { margin-bottom: 6px; background: #fff; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; cursor: pointer; z-index: 2; padding-top: 10px; padding-bottom: 10px; width: 290px; min-height: 90px; } #roomsSectionChat .message__main-item:hover { background-color: #fbfbfb; } #roomsSectionChat .message__main-item:not(:last-of-type) { border-bottom: 2px solid #f1f3f5; } #roomsSectionChat .message__main-item .img { min-width: 50px; margin: 0px 8px 0px 4px; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: relative; overflow: hidden; -webkit-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); -moz-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); z-index: 2; } #roomsSectionChat .message__main-item .img-rectangle { min-width: 50px; margin: 0px 8px 0px 4px; width: 50px; height: 34px; border-radius: 0; cursor: pointer; position: relative; background-color: #dee4e9 } #roomsSectionChat .message__main-item .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% -50%); -ms-transform: translate(-50% -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; object-fit: contain; z-index: 1; } #roomsSectionChat .message__main-item .img-rectangle img { -webkit-box-shadow: 0 6px 5px -5px #000; -moz-box-shadow: 0 6px 5px -5px #000; box-shadow: 0 6px 5px -5px #000; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } #roomsSectionChat .message__main-item .img-deleted { min-width: 50px; margin: 0px 8px 0px 4px; width: 50px; height: 50px; cursor: pointer; position: relative; overflow: hidden; z-index: 2; } #roomsSectionChat .message__main-item .img-deleted img { position: absolute; width: 50px; height: 50px; z-index: 1; margin-right: 14px; } #roomsSectionChat .message__main-item .info { overflow: hidden; padding-right: 26px; } #roomsSectionChat .message__main-item .info .status { padding: 5px 10px; display: inline-block; border: 1px solid #2aa65e; } #roomsSectionChat .message__main-item .info .status.not-active { border: 1px solid #e60f6f; } #roomsSectionChat .message__main-item .info .status.contractconcluded { border: 1px solid #01305c; } #roomsSectionChat .message__main-item .info .status.nocontractconcluded { border: 1px solid rgba(1, 48, 92, 0.8); } #roomsSectionChat .message__main-item .info .status.closed { border: 1px solid #e68116; } #roomsSectionChat .message__main-item .info .status.wait { border: 1px solid #2b8ff1; } #roomsSectionChat .message__main-item .info .status.deleted { border: 1px solid #ff0000; } #roomsSectionChat .message__main-item .info .status.moderation { border: 1px solid #ff6800; } #roomsSectionChat .hover { color: #017BF2; } #roomsSectionChat .message__main-item .info .oo { color: #14355d; overflow: hidden; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; position: relative; } #roomsSectionChat .message__main-item .info .oo.hover { color: #017BF2; } #roomsSectionChat .message__main-item .info .city { color: #506175; font-size: 10px; font-weight: 400; } #roomsSectionChat .message__main-item .info .city.hover { color: #017BF2; } #roomsSectionChat .message__main-item .info .last-msg { color: #9a9ea9; overflow: hidden; font-size: 12px; font-weight: 400; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #roomsSectionChat .message__main-item .info .last-msg.hover { color: #017BF2; } #roomsSectionChat .message__main-item .info .dialogproduct { color: #506175; font-size: 11px; font-weight: 400; line-height: 14px; } #roomsSectionChat .message__main-item .info .dialogproduct.hover { color: #017BF2; } #roomsSectionChat .message__main-item .info .dialogproduct .title { color: #14355d; font-weight: 700; } #roomsSectionChat .message__main-item .info .dialogproduct .title.hover { color: #017BF2; } #roomsSectionChat .message__main-item .info .dialogproduct .text.hover { color: #017BF2; } #roomsSectionChat .message__main-item .info .date { color: #506175; font-size: 10px; font-weight: 400; margin-right: -2px; } #roomsSectionChat .message__main-item .info .date.hover { color: #017BF2; } #roomsSectionChat .message__main-item .menu-chat-div { position: absolute; cursor: pointer; width: 40px; height: 40px; top: 6px; right: 0px; padding: 0px 0px 0px 22px; } #roomsSectionChat .message__main-item .menu-chat-span { font-size: 18px; font-weight: bold; color: #14355d; opacity: 0.7; } #roomsSectionChat .message__main-item .menu-chat-span:hover { opacity: 1.0; } #roomsSectionChat .message__main-item .menu-chat-list { position: relative; top: -30px; right: 186px; list-style: none; width: 170px; z-index: 1000; border: 2px solid #14355d; background-color: white; padding: 12px 36px; cursor: default; line-height: 26px; } #roomsSectionChat .message__main-item .menu-chat-list.closed { display: none; } #roomsSectionChat .message__main-item .menu-chat-list .menu-chat-item { color: #14355d; font-size: 12px; cursor: pointer; font-weight: 400; text-decoration: underline; -webkit-transition: 400ms ease-out color; transition: 400ms ease-out color; } #roomsSectionChat .message__main-item .menu-chat-listt .menu-chat-item:hover { cursor: pointer; color: #2b8ff1; } #roomsSectionChat .message__main-item .status { position: absolute; height: 18px; width: 18px; z-index: 99999; border-radius: 9px; background: #e60f6f; } #roomsSectionChat .message__main-item .status.sent { bottom: 5px; right: 1px; background: transparent; background-image: url("http://alexmc.1gb.ru/ico/send.svg"); background-size: 76%; background-position: 50% 50%; background-repeat: no-repeat; } #roomsSectionChat .message__main-item .status.delivered { bottom: 5px; right: 1px; background: transparent; background-image: url("http://alexmc.1gb.ru/ico/delived.svg"); background-size: 90%; background-position: 50% 50%; background-repeat: no-repeat; } #roomsSectionChat .message__main-item .status.readed { bottom: 5px; right: 1px; background: transparent; background-image: url("http://alexmc.1gb.ru/ico/readed.svg"); background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; } #roomsSectionChat .message__main-item .status.null { display: none; } #roomsSectionChat .message__main-item .delete-msg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #roomsSectionChat .message__main-item .delete-msg .title { color: #506175; font-size: 13px; text-align: center; font-weight: 400; font-size: 14px; margin-right: 30px; } #roomsSectionChat .message__main-item .delete-msg .btns-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #roomsSectionChat .message__main-item .delete-msg .btns-block .delete-btn { display: inline-block; line-height: 28px; padding: 0px 24px; color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; cursor: pointer; background-color: #2b8ff1; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } #roomsSectionChat .message__main-item .delete-msg .btns-block .delete-btn.yes { background-color: #e60f6f; margin-right: 30px; } #roomsSectionChat .message__main-item .delete-msg .btns-block .delete-btn:hover { background-color: #01305c; line-height: 46px; } #roomsSectionChat .message__main-item .delete-msg.closed { display: none; } #roomsSectionChat .message__main-item.have-msg .count-of-message { position: absolute; top: 12px; left: 0px; display: inline-block; background-color: #e60f6f; width: 18px; text-align: center; line-height: 18px; border-radius: 9px; color: #ffffff; font-size: 12px; font-weight: 400; z-index: 5; } #roomsSectionChat .message__main-item.have-msg .count-of-message99 { position: absolute; top: 8px; left: 1px; display: inline-block; background-color: #e60f6f; width: 18px; text-align: center; border-radius: 9px; color: #ffffff; font-weight: 400; z-index: 5; font-size: 8px; margin-left: 10px; line-height: 17px; } #roomsSectionChat .message__main-item .count-of-message.closed { display: none; } #roomsSectionChat .message__main-item .count-of-message99.closed { display: none; } #roomsSectionChat .dialog_delete { position: absolute; background-color: white; top: 0; bottom: 0; left: 0; right: 0; z-index: 8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #roomsSectionChat .dialog_delete_center { justify-content: center; } #roomsSectionChat .dialog_delete .title { color: #506175; font-size: 13px; font-weight: 400; margin-top: 12px; margin-top: 6px; margin-bottom: 22px; } #roomsSectionChat .dialog_delete .btns-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 6px; } #roomsSectionChat .dialog_delete .btns-block .btn-item { line-height: 28px; padding: 0px 24px; display: inline-block; color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; background-color: #e60f6f; cursor: pointer; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } #roomsSectionChat .dialog_delete .btns-block .btn-item.yes { margin-right: 30px; } #roomsSectionChat .dialog_delete .btns-block .btn-item.no { background-color: #2b8ff1; } #roomsSectionChat .dialog_delete .btns-block .btn-item:hover { background-color: #01305c; } #roomsSectionChat .dialog_delete.closed { display: none; } #clearAllChat.closed { display: none; } #readAllChat.closed { display: none; } .userRegularClients.closed { display: none; } .hr_userRegularClients.closed { display: none; } /*============================ ÑÒÀÐÒ ROOM ==========================================================*/ .chat-roomid-container { z-index: 100; position: fixed; bottom: 0px; right: 0px; height: 100%; width: 320px; background-color: #f1f3f5; box-shadow: -12px -1px 32px 0px rgba(0,0,0,0.3); display: none; -webkit-transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; z-index: 999; } .chat-roomid-container .chat-message__wrapper { position: fixed; z-index: 5; top: 0; overflow-y: hidden; left: 0; width: 100%; height: 100%; background-color: white; position: relative; background-color: transparent; height: auto; } .chat-roomid-container .chat-message__wrapper.closed { display: none; } .chat-roomid-container .chat-message__wrapper .toBottom { position: fixed; bottom: 95px; cursor: pointer; right: 18px; background-color: #01305c; width: 30px; height: 30px; border-radius: 15px; background-image: url("http://alexmc.1gb.ru/ico/down-arrow.svg"); background-size: 14px auto; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; bottom: 40px; } .chat-roomid-container .message__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; width: 100%; background-color: white; z-index: 5; height: 85px; border-bottom: 2px solid #f1f3f5; position: relative; } .chat-roomid-container .message__header .back { min-width: 36px; width: 36px; height: 100%; border-right: 2px solid #f1f3f5; background-image: url("http://alexmc.1gb.ru/ico/left-arr.svg"); background-position: 50% 50%; background-size: 7px 12px; cursor: pointer; background-repeat: no-repeat; opacity: 0.8; } .chat-roomid-container .message__header .back:hover { background-color: #fbfbfb; opacity: 1; } .chat-roomid-container .message__header .info-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .chat-roomid-container .message__header .info-wrapper .img { min-width: 60px; width: 60px; height: 60px; border-radius: 30px; overflow: hidden; margin-left: 10px; margin-right: 10px; position: relative; -webkit-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); -moz-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); z-index: 2; } .chat-roomid-container .message__header .info-wrapper .img-rectangle { min-width: 60px; margin-left: 10px; margin-right: 10px; width: 60px; height: 40px; border-radius: 0; cursor: pointer; position: relative; -webkit-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); -moz-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); background-color: #dee4e9; } .chat-roomid-container .message__header .info-wrapper .img-rectangle img { -webkit-box-shadow: 0 6px 5px -5px #000; -moz-box-shadow: 0 6px 5px -5px #000; box-shadow: 0 6px 5px -5px #000; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-size: 0; } .chat-roomid-container .message__header .info-wrapper .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% -50%); -ms-transform: translate(-50% -50%); transform: translate(-50%, -50%); width: 60px; height: 60px; object-fit: contain; z-index: 1; font-size: 0; } .chat-roomid-container .message__header .info-wrapper .img-deleted { width: 60px; height: 60px; overflow: hidden; margin-left: 10px; margin-right: 10px; position: relative; z-index: 2; } .chat-roomid-container .message__header .info-wrapper .img-deleted img { position: absolute; width: 54px; height: 54px; z-index: 1; } .chat-roomid-container .message__header .info-wrapper .info-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .chat-roomid-container .message__header .info-wrapper .info-text .oo { color: #14355d; font-size: 10px; font-weight: 700; word-break: break-all; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 35px; } .chat-roomid-container .message__header .info-wrapper .info-text .oo .text { font-weight: 400; } .chat-roomid-container .message__header .info-wrapper .info-text .city { color: #506175; font-size: 10px; font-weight: 400; } .chat-roomid-container .message__header .info-wrapper .info-text .name { color: #506175; font-size: 11px; font-weight: 700; } .chat-roomid-container .message__header .info-wrapper .info-text .status { color: #9a9ea9; font-size: 11px; font-weight: 400; } .chat-roomid-container .message__header .info-wrapper .info-text .status.online { color: #61af90; } .chat-roomid-container .message__header .edit { position: absolute; top: 12px; right: 6px; right: 10px; right: 14px; cursor: pointer; width: 20px; height: 20px; display: block; background-image: url("http://alexmc.1gb.ru/ico/edit-1.svg"); background-size: 100% 100%; } .chat-roomid-container .message__header .edit .edit-list { position: absolute; padding: 0; top: 24px; right: 8px; margin: 0; list-style: none; background-color: #a5b1bf; width: 190px; z-index: 10; border: 1px solid white; } .chat-roomid-container .message__header .edit .edit-list.closed { display: none; } .chat-roomid-container .message__header .edit .edit-item { color: white; font-size: 13px; font-weight: 400; line-height: 30px; padding-left: 20px; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } .chat-roomid-container .message__header .edit .edit-item:not(:last-of-type) { border-bottom: 1px solid white; } .chat-roomid-container .message__header .edit .edit-item:hover { background-color: #506175; } .chat-roomid-container .message__view { position: relative; overflow: hidden; height: 92%; } .chat-roomid-container .message__main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; overflow-y: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; background-color: white; /*height: 452px;*/ padding: 0px 18px; } .chat-roomid-container .message__main-date { height: max-content; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .chat-roomid-container .message__main-date .date-message { color: #506175; margin-top: 10px; margin-bottom: 10px; font-size: 12px; font-weight: 400; text-align: center; } .chat-roomid-container .message__main-date .message-in { padding: 6px 12px; background-color: #e6f1fa; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 280px; margin-bottom: 15px; } .chat-roomid-container .message__main-date .message-in .message-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .chat-roomid-container .message__main-date .message-in .message-info .img { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; margin-right: 8px; position: relative; border: solid 1px rgba(34, 60, 80, 0.31); z-index: 2; } .chat-roomid-container .message__main-date .message-in .message-info .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% -50%); -ms-transform: translate(-50% -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; object-fit: contain; z-index: 1; } .chat-roomid-container .message__main-date .message-in .message-info .img-deleted { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; margin-right: 8px; position: relative; z-index: 2; } .chat-roomid-container .message__main-date .message-in .message-info .img-deleted img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% -50%); -ms-transform: translate(-50% -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; object-fit: contain; z-index: 1; } .chat-roomid-container .message__main-date .message-in .message-info .date, .message__main-date .message-in .message-info .spanAuto { color: #506175; font-size: 10px; font-weight: 400; width: 100px; line-height: 10px; } .chat-roomid-container .message__main-date .message-in .message-info .spanAuto { width: 50px; padding-left: 4px; } .chat-roomid-container .message__main-date .message-in .message-info .add { margin-left: auto; width: 40px; height: 40px; background-image: url("http://alexmc.1gb.ru/ico/arrDown-black.png"); background-size: 30% 16%; background-repeat: no-repeat; position: relative; cursor: pointer; background-position: center; right: -10px; } .chat-roomid-container .message__main-date .message-in .message-info .add .message-list { position: absolute; top: 10px; right: -36px; list-style: none; width: 190px; z-index: 5; border: 2px solid #14355d; background-color: white; padding: 27px 30px; margin: 0; } .chat-roomid-container .message__main-date .message-in .message-info .add .message-list .message-item { color: #14355d; font-size: 12px; cursor: pointer; font-weight: 400; text-decoration: underline; -webkit-transition: 400ms ease-out color; -o-transition: 400ms ease-out color; transition: 400ms ease-out color; } .chat-roomid-container .message__main-date .message-in .message-info .add .message-list .message-item:not(:last-of-type) { margin-bottom: 10px; } .chat-roomid-container .message__main-date .message-in .message-info .add .message-list .message-item:hover { color: #2b8ff1; } .chat-roomid-container .message__main-date .message-in .message-info .add .message-list.closed { display: none; } .chat-roomid-container .message__main-date .message-in .message-text { color: #506175; font-size: 13px; margin-top: 6px; font-weight: 400; word-break: break-word; margin-left: 28px; margin-right: 10px; margin-bottom: 10px; } .chat-roomid-container .message__main-date .message-in .message-text .confirm-contract-btns-div .confirm-contract-btn.yes { line-height: 12px; padding: 10px; margin-right: 10px; } .chat-roomid-container .message__main-date .message-in .message-text .confirm-contract-btns-div .confirm-contract-btn.no { line-height: 12px; padding: 10px; } .chat-roomid-container .message__main-date .message-in.out { margin-left: auto; background-color: #dee4e9; position: relative; } .chat-roomid-container .message__main-date .message-in.out .add .message-list { right: -6px; } .chat-roomid-container .message__main-date .message-in.is-read { background-color: #b0eaa0; } .chat-roomid-container .message__main-date .message-in.out .status { position: absolute; top: 8px; left: -18px; height: 7px; width: 15px; background-position: 50% 50%; background-repeat: no-repeat; } .chat-roomid-container .message__main-date .message-in.out .status.sent { background-image: url("http://alexmc.1gb.ru/ico/send.svg"); background-size: auto 100%; } .chat-roomid-container .message__main-date .message-in.out .status.delivered { background-image: url("http://alexmc.1gb.ru/ico/delived.svg"); background-size: auto 100%; } .chat-roomid-container .message__main-date .message-in.out .status.readed { background-image: url("http://alexmc.1gb.ru/ico/readed.svg"); background-size: auto 100%; } .chat-roomid-container .message__main-date .message-in { max-width: 270px; } .chat-roomid-container .is-system-notifications .message__main { height: 575px; } .chat-roomid-container .message__main-date .message-in .message-files { word-break: break-word; } .chat-roomid-container .message-files .file { font-size: 13px; margin-top: 6px; font-weight: 400; word-break: break-word; } .chat-roomid-container .message__send { height: 46px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; position: fixed; bottom: 0; width: 100%; z-index: 5; background-color: white; display: flex; } .chat-roomid-container .message__send .add-file { position: absolute; bottom: 0px; left: 0px; min-width: 50px; width: 50px; height: 46px; background-color: #899aae; background-image: url("http://alexmc.1gb.ru/ico/attach.svg"); background-position: 50% 50%; background-size: 24px auto; background-repeat: no-repeat; cursor: pointer; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } .chat-roomid-container .message__send .add-file:hover { background-color: #2b8ff1; } .chat-roomid-container .message__send .pureHtmlContent { display: none; } .chat-roomid-container .message__send .textdiv { height: 46px; resize: none; border-radius: 0px; word-wrap: break-word; border: 1px solid #dee4e9; width: 222px; max-width: 222px; padding: 12px; color: #636a72; font-size: 13px; font-weight: 400; -webkit-transition: 400ms ease-out border-color; -o-transition: 400ms ease-out border-color; transition: 400ms ease-out border-color; overflow-y: hidden; position: absolute; left: 48px; bottom: 0px; } .chat-roomid-container .message__send .textdiv::-webkit-input-placeholder { color: #9a9ea9; } .chat-roomid-container .message__send .textdiv::-moz-placeholder { color: #9a9ea9; } .chat-roomid-container .message__send .textdiv:-ms-input-placeholder { color: #9a9ea9; } .chat-roomid-container .message__send .textdiv::placeholder { color: #9a9ea9; } .chat-roomid-container .message__send .textdiv:hover, .chat-roomid-container .message__send .textdiv:focus { border-color: #2b8ff1; } .chat-roomid-container .message__send .message-send-btn { position: absolute; bottom: 0px; left: 270px; min-width: 50px; width: 50px; height: 46px; background-color: #899aae; background-image: url("http://alexmc.1gb.ru/ico/arrow.svg"); background-position: 50% 50%; background-size: 24px auto; background-repeat: no-repeat; cursor: pointer; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } .chat-roomid-container .message__send .message-send-btn:hover { background-color: #2b8ff1; } .chat-roomid-container .message__send .message-send-btn.disabledbutton { pointer-events: none; opacity: 0.4; } /* 20210816 Êíîïêè Profile CSS Äëÿ ìèíè÷àòà*/ .chat-roomid-container .message-in .message-text .close__profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px 0px; } .chat-roomid-container .message-in .message-text .close__profile .close__profile__btn { display: inline-block; line-height: 24px; padding: 0px 14px; color: #ffffff; font-size: 11px; font-weight: 700; text-transform: uppercase; cursor: pointer; background-color: #2b8ff1; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } .chat-roomid-container .message-in .message-text .close__profile .close__profile__btn.yes { background-color: #e60f6f; margin-right: 15px; } .chat-roomid-container .message-in .message-text .close__profile .close__profile__btn:hover { background-color: #01305c; } .chat-roomid-container .message-in .message-text .close__profile .profile__yes { display: inline-block; line-height: 24px; padding: 0px 24px; color: #ffffff; font-size: 11px; font-weight: 700; text-transform: uppercase; background-color: #e60f6f; } .chat-roomid-container .message-in .message-text .close__profile .profile__no { display: inline-block; line-height: 24px; padding: 0px 24px; color: #ffffff; font-size: 11px; font-weight: 700; text-transform: uppercase; background-color: #2b8ff1; } .chat-roomid-container .message-in .message-text .close__profile .close__profile__btn.yes { background-color: #e60f6f; margin-right: 15px; } /*============================================================================================================*/ /*============================================================================================================*/ /*============================================================================================================*/ /*============================================================================================================*/ .profile__info { background-color: white; margin-bottom: 60px; min-height: 600px; } .profile__info.show-layout { position: absolute; width: 900px; z-index: 999; min-height: 600px; } .profile__info-item { border-bottom: 1px solid #f1f3f5; padding: 10px 15px; flex-basis: 100%; } .profile__info-item .title { color: #14355d; font-size: 11px; font-weight: 700; margin-bottom: 5px; } .profile__info-item .title { min-height: 100%; margin-bottom: 0px; padding-left: 16px; padding-bottom: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 13px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; flex-basis: 50%; border-right: 1px solid #f1f3f5; } .profile__info-item .text { color: #506175; font-size: 14px; font-weight: 400; } .profile__info-item .text.can-edit { color: #2b8ff1; } .profile__info-item .text .no-sub { color: #017bf2; font-size: 13px; line-height: 14px; text-decoration: underline; margin-bottom: 4px; cursor: pointer; } .profile__info-item .text { min-height: 100%; padding-left: 16px; padding-bottom: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; flex-basis: 50%; font-size: 13px; } .profile__info-item .text-sub { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .profile__info-item.last-of-type { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .profile__info-item.last-of-type { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: 40px; } .profile__info-item.info-sub { border-bottom: 0; } .profile__info-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0px; padding-top: 15px; min-height: 50px; height: auto; } .profile__info-item .ico { width: 9px; height: 8px; background-image: url("http://alexmc.1gb.ru/ico/yes-green.png"); background-size: 100% 100%; } .profile__info-item .ico { width: 9px; height: 8px; background-size: 9px 8px; background-repeat: no-repeat; background-position: 18px 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex-basis: 50%; font-size: 12px; } .profile__info .profile__info-sub { color: #9a9ea9; font-size: 11px; font-weight: 400; } .profile__info { margin-bottom: 100px; padding: 18px 30px; } .lk-anti { border: 2px solid #14355d; position: relative; margin-bottom: 88px; } .lk-anti .close { width: 40px; height: 40px; position: absolute; top: 4px; right: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: 400ms ease-out opacity; -o-transition: 400ms ease-out opacity; transition: 400ms ease-out opacity; } .lk-anti .close:hover { opacity: 0.6; border-radius: 50%; background: #f3edf3ff; } .lk-anti .close::after, .lk-anti .close::before { content: ''; position: absolute; display: block; width: 2px; border-radius: 1px; height: 40%; background-color: #14355D; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .lk-anti .close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .lk-anti .profile__info-item { border-bottom: 0; border-top: 1px solid #f1f3f5; margin: 0 auto; } .lk-anti .profile__info-item { padding: 0 20px; } .lk-anti .profile__info-item { background-color: white; } .lk-anti .profile__info-block { padding: 30px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .lk-anti .profile__info-block { margin: 0 auto; padding-top: 10px; background-color: white; } #counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 20px 10px 20px; align-items: center; } #counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block .anti-img-deleted { width: 60px; height: 60px; } #counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block .title-deleted { color: #14355d; font-size: 11px; font-weight: 700; margin-top: 20px; } #counteragentDeletedProfileInfoDiv .lk-anti .profile__info-item .text-deleted { padding: 10px 10px 30px 10px; text-align: center; color: #506175; font-size: 12px; font-weight: 400; opacity: 0.5; } .counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 20px 10px 20px; align-items: center; } .counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block .anti-img-deleted { width: 60px; height: 60px; } .counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block .title-deleted { color: #14355d; font-size: 11px; font-weight: 700; margin-top: 20px; } .counteragentDeletedProfileInfoDiv .lk-anti .profile__info-item .text-deleted { padding: 10px 10px 30px 10px; text-align: center; color: #506175; font-size: 12px; font-weight: 400; opacity: 0.5; } .counter-back-m { text-transform: none; font-weight: normal; position: relative; } .counter-back-m .ico { position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 15px; height: 15px; background-image: url('http://alexmc.1gb.ru/ico/left-arr.svg'); background-size: 100% 100%; } .counter-back-d { display: none; } .counter-back-d { text-transform: none; font-weight: normal; position: relative; } .counter-back-d .ico { position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 15px; height: 15px; background-image: url('http://alexmc.1gb.ru/ico/left-arr.svg'); background-size: 100% 100%; } .lk-anti .profile__info-block .anti-img { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; margin-top: 13px; position: relative; -webkit-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); -moz-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); z-index: 2; } .lk-anti .profile__info-block .anti-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% -50%); -ms-transform: translate(-50% -50%); transform: translate(-50%, -50%); width: 48px; height: 48px; object-fit: contain; z-index: 1; } /* ***************** STAR RATE ***************/ .lk-anti .profile__info-block .rate-number { color: #506175; font-size: 13px; font-weight: 700; position: relative; left: -60px; top: 16px; } .lk-anti .profile__info-block .anti-rate { display: flex; margin-left: 2px; } .lk-anti .profile__info-block .anti-rate .ico { width: 13px; height: 12px; background-image: url("http://alexmc.1gb.ru/ico/redStar.svg"); background-size: 100% 100%; margin-right: 4px; } .lk-anti .profile__info-block .anti-rate .ico-pc { display: block; width: 13px; height: 12px; background-image: url("http://alexmc.1gb.ru/ico/redStar.svg"); background-size: 100% 100%; margin-right: 2px; } .lk-anti .profile__info-block .anti-rate .num { color: #14355d; font-size: 11px; font-weight: 700; margin-right: 8px; } .lk-anti .profile__info-block .anti-rate .ico-half { background-image: url("http://alexmc.1gb.ru/ico/redStar-half.svg"); } .lk-anti .profile__info-block .anti-rate .ico-none { background-image: url("http://alexmc.1gb.ru/ico/redStar-none.svg"); } /* ***************** STAR RATE ***************/ .lk-anti .profile__info-block .profile-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; margin-left: auto; } .lk-anti .profile__info-block .profile-buttons a { display: block; margin-top: 10px; width: 46px; height: 46px; background-color: #899aae; margin-right: 15px; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } .lk-anti .profile__info-block .profile-buttons a.message { background-image: url("http://alexmc.1gb.ru/ico/message.svg"); background-size: 26px auto; } .lk-anti .profile__info-block .profile-buttons a.favour { background-image: url('http://alexmc.1gb.ru/ico/user-plus.svg'); background-size: 27px 19px; } .lk-anti .profile__info-block .profile-buttons a:hover { background-color: #2b8ff1; } .lk-anti .profile__info-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; margin-bottom: 30px; } .lk-anti .profile__info-block .anti-img { width: 100px; height: 100px; border-radius: 50px; overflow: hidden; margin-top: 13px; position: relative; -webkit-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); -moz-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); z-index: 2; } .lk-anti .profile__info-block .anti-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% -50%); -ms-transform: translate(-50% -50%); transform: translate(-50%, -50%); width: 100px; height: 100px; object-fit: contain; z-index: 1; } .lk-anti .profile-btn-add-msg { display: none; } .lk-anti { padding-left: 30px; padding-right: 30px; } .lk-anti .profile__info-item { padding-top: 0; min-height: 0px; border-top: 1px solid transparent; } .lk-anti .profile__info-item.first { border-top: 1px solid #dee4e9; } .lk-anti .profile__info-item.last { border-bottom: 1px solid #dee4e9; } .lk-anti .profile__info-item.first .title, .lk-anti .profile__info-item.first .text { padding-top: 15px; } .lk-anti .profile__info-item.last + .profile__info-item .title, .lk-anti .profile__info-item.last + .profile__info-item .text { padding-top: 15px; } .lk-anti .profile__info-item.last .title, .lk-anti .profile__info-item.last .text { padding-bottom: 15px; } .lk-anti .profile__info-item .title { padding: 0; flex-basis: 30%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .lk-anti .profile__info-item .text { padding: 0; flex-basis: 70%; padding-left: 15px; padding-bottom: 5px; } .lk-anti .profile__info-block .anti-img-deleted { margin: 30px 0px 10px 0px; width: 60px; height: 60px; border-radius: 30px; overflow: hidden; position: relative; } .lk-anti .profile__info-block .title-deleted { color: #14355d; font-size: 11px; font-weight: 700; margin-bottom: 5px; flex-basis: 98%; text-align: center; } .lk-anti .profile__info-item .text-deleted { padding: 30px 0px 0px 0px; flex-basis: 98%; text-align: center; color: #506175; font-size: 12px; font-weight: 400; opacity: 0.5; } .lk-anti .profile__info-item.last.mobile-group.closed { display: none; } /* ** * îòîáðàæåíèå òîëüêî íà ñòð. Ïàðòíåðû * ** */ .lk-anti .profile-btn-add-msg { position: absolute; bottom: 38px; transform: translate(-50%, 0); left: 50%; padding: 0 50px; width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-around; } .lk-anti.show-layout .profile-btn-add-msg { position: absolute; bottom: 38px; transform: translate(-50%, 0); left: 50%; padding: 0 50px; width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-around; } .close__profile__span__text.partner-status-confirmed { margin: 30px 0px; color: #506175; font-size: 14px; font-weight: 400; text-align: center; background-color: #fff; } #counteragentDeletedProfileInfoDiv .lk-anti .profile-btn-add-msg { position: absolute; bottom: 38px; transform: translate(-50%, 0); left: 50%; padding: 0 50px; width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .counteragentDeletedProfileInfoDiv .lk-anti .profile-btn-add-msg { position: absolute; bottom: 38px; transform: translate(-50%, 0); left: 50%; padding: 0 50px; width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lk-anti .profile-btn-add-msg a { color: #14355d; font-size: 11px; font-weight: 400; text-decoration: underline; text-transform: uppercase; -webkit-transition: 400ms ease-out color; -o-transition: 400ms ease-out color; transition: 400ms ease-out color; } .lk-anti .profile-btn-add-msg a:hover { color: #2b8ff1; } .lk-anti .profile-btn-add-msg .link { margin: 0 auto; color: #14355d; font-size: 11px; font-weight: 400; text-decoration: underline; text-transform: uppercase; -webkit-transition: 400ms ease-out color; -o-transition: 400ms ease-out color; transition: 400ms ease-out color; } .lk-anti .profile-btn-add-msg .link:hover { color: #2b8ff1; } .lk-anti .profile-btn-add-msg .no-link { color: #14355d50; cursor: pointer; font-size: 11px; font-weight: 400; text-transform: uppercase; } .noCounteragentsFoundDiv { text-align: center; font-size: smaller; } /**** CLOSE PROFILE ****/ .close-profile { padding: 39px 0; border-bottom: 1px solid #f1f3f5; border-top: 1px solid #f1f3f5; background-color: #fff; text-align: center; } .close__profile__span__text { color: #506175; font-size: 14px; font-weight: 400; text-align: center; background-color: #fff; } .close-profile-text { color: #9a9ea9; font-family: "Open Sans"; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 21px; background-image: url('http://alexmc.1gb.ru/ico/lock.svg'); background-position: center left; background-repeat: no-repeat; padding-left: 30px; background-size: 17px 19px; } .close-profile-button { width: 198px; height: 46px; background-color: #899aae; color: #ffffff; font-family: "Open Sans"; font-size: 14px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: normal; text-transform: uppercase; display: block; margin: 135px auto 28px; border: none; text-align: center; } .close-profile-button { display: none; } .addCloseProfile { background-image: url('http://alexmc.1gb.ru/ico/user-plus.svg'); background-size: 27px 19px; } .lk-anti .profile__info-block .profile-buttons a.favourClose { background-image: url('http://alexmc.1gb.ru/ico/user-plus.svg'); background-size: 27px 19px; } /*============================================================================================================*/ /*=================== ÎÒÎÁÐÀÆÅÍÈÅ ÊÍÎÏÎÊ ÄËß ÓÄÀËÅÍÈß ÈÇ ÏÀÐÒÍÅÐΠ=======================*/ /*============================================================================================================*/ .company__list-item-delete { position: absolute; background-color: white; top: 0; bottom: 0; left: 0; right: 0; z-index: 8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .company__list-item-delete_center { justify-content: center; } .company__list-item-delete .title { color: #506175; font-size: 13px; font-weight: 400; margin-top: 6px; } .company__list-item-delete .btns-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 6px; } .company__list-item-delete .btns-block .btn-item { line-height: 28px; padding: 0px 24px; display: inline-block; color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; background-color: #e60f6f; cursor: pointer; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } .company__list-item-delete .btns-block .btn-item.yes { margin-right: 30px; } .company__list-item-delete .btns-block .btn-item.no { background-color: #2b8ff1; } .company__list-item-delete .btns-block .btn-item:hover { background-color: #01305c; } .company__list-item-delete.closed { display: none; } .company__list-item-delete .title { margin-top: 26px; margin-bottom: 18px; } .company__list-item-delete .btns-block .btn-item { font-size: 14px; line-height: 46px; } .profile__info-item .ico-delete { width: 20px; height: 20px; cursor: pointer; background-image: url("http://alexmc.1gb.ru/ico/icon-close-items.svg"); background-size: contain; background-repeat: no-repeat; margin: 2px 0px 0px 8px; } .profile__info-item .ico-delete:hover, .profile__info-item .ico-delete:active, .profile__info-item .ico-delete:focus { background-image: url("http://alexmc.1gb.ru/ico/icon-close-items-red.svg"); } .profile__info-item .ico-delete.closed { display: none } .profile__info-item .delete-btns { left: 10px; position: relative; display: flex; align-items: flex-start; flex-wrap: nowrap; height: 100%; } .profile__info-item .delete-btns.closed { display: none } .profile__info-item .delete-btns .btn-yes, .profile__info-item .delete-btns .btn-no { cursor: pointer; color: #ffffff; font-size: 13px; font-weight: 700; height: 28px; text-align: center; text-decoration: none; text-transform: uppercase; display: block; float: left; padding: 4px; margin: 12px 0px 0px 16px; } .profile__info-item .delete-btns .btn-yes { background: #e60f6f; width: 69px; } .profile__info-item .delete-btns .btn-no { background: #2b8ff1; width: 76px; } .profile__info-item .delete-btns .btn-yes:hover, .profile__info-item .delete-btns .btn-no:hover { background-color: #01305c; } .lk-anti .profile__info-block .anti-rate { margin-left: -10px; } .profile__info.lk-anti { min-height: 684px; margin-bottom: 0; } #tooltipIsBlacklisting.tooltip-blacklisting-pc { z-index: 9999; outline: none; color: #14355d; font-size: 11px; font-weight: 400; margin-left: -999em; position: absolute; padding: 1em; background-color: white; border: 1px solid #01305c; } #tooltipIsBlacklisting.tooltip-blacklisting-pc-hover { z-index: 9999; text-align: left; outline: none; color: #14355d; font-size: 11px; font-weight: 400; padding: 1em; border: 1px solid #01305c; background-color: white; border-radius: 2px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-family: "Open Sans"; position: relative; left: 344px; width: 200px; top: 50px; } } /*============================================================================================================*/ /*============================================================================================================*/ /*============================================================================================================*/ /*============================================================================================================*/ @media (max-width: 767px) { .graybg { background: #f1f3f5; } #smallMenu { display: none; } #menuButtonMobileOpen { cursor: pointer; width: 36px; height: 36px; background-image: url("http://alexmc.1gb.ru/ico/lk.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 14px auto; -webkit-transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; transition: 400ms ease-out transform, 400ms ease-out opacity,700ms z-index; z-index: 100; text-align: center; } #mobileMenuSmall.closed { display: none; } .chat-users-container { display: none; } .chat-search-partners { display: none; } .chat-roomid-container { display: none; } /** êàðòî÷êà ïàðòíåðà äëÿ ìîáèëüíîé âåðñèè **/ .profile__info { background-color: white; margin-bottom: 60px; min-height: 600px; } .lk-anti .profile__info-item { border-bottom: 0; border-top: 1px solid #f1f3f5; margin: 0 auto; background-color: white; padding: 10px 15px; } .lk-anti .profile__info-item .title { color: #14355d; font-size: 11px; font-weight: 700; margin-bottom: 5px; } .lk-anti .profile__info-item .text { color: #506175; font-size: 14px; font-weight: 400; } .lk-anti .profile__info-item.first { padding-top: 30px; } .lk-anti .profile__info-item.last.mobile-group { min-height: 80px; height: 80px; } .lk-anti .profile__info-item.last-final { border-top: 0px; } .lk-anti .profile__info-block { margin: 0 auto; padding: 10px 15px; background-color: white; display: flex; } .lk-anti .profile__info-block .profile-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; margin-left: auto; } .lk-anti .profile__info-block .profile-buttons a { display: block; width: 46px; height: 46px; background-color: #899aae; margin-right: 15px; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } .lk-anti .profile__info-block .profile-buttons a.message { background-image: url("http://alexmc.1gb.ru/ico/message.svg"); background-size: 26px auto; } .lk-anti .profile__info-block .profile-buttons a.favour { background-image: url('http://alexmc.1gb.ru/ico/user-plus.svg'); background-size: 27px 19px; } .lk-anti .profile__info-block .profile-buttons a.blacklist-btn_mobile-delete { background-image: url('http://alexmc.1gb.ru/ico/NoBlackUser.png'); background-size: 40px 40px; } .lk-anti .profile__info-block .profile-buttons a.delete-request-from-partner { background-image: url('http://alexmc.1gb.ru/ico/DeleteRequestFromPartner.png'); background-size: 40px 40px; } .lk-anti .profile__info-block .profile-buttons a.remove-from-partner { background-image: url('http://alexmc.1gb.ru/ico/RemoveFromPartner.png'); background-size: 40px 40px; } .lk-anti .profile__info-block .profile-buttons a:hover { background-color: #2b8ff1; } .lk-anti .profile__info-block .profile-buttons .no-link { display: block; width: 46px; height: 46px; background-color: #899aae50; margin-right: 15px; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } .lk-anti .profile__info-block .profile-buttons .no-link.message { background-image: url("http://alexmc.1gb.ru/ico/message.svg"); background-size: 26px auto; } .lk-anti .profile__info-block .profile-buttons .no-link.favour { background-image: url('http://alexmc.1gb.ru/ico/user-plus.svg'); background-size: 27px 19px; } #counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 20px 10px 20px; align-items: center; } #counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block .anti-img-deleted { width: 60px; height: 60px; } #counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block .title-deleted { color: #14355d; font-size: 11px; font-weight: 700; margin-top: 20px; } #counteragentDeletedProfileInfoDiv .lk-anti .profile__info-item .text-deleted { padding: 10px 10px 30px 10px; text-align: center; color: #506175; font-size: 12px; font-weight: 400; opacity: 0.5; } .counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 20px 10px 20px; align-items: center; } .counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block .anti-img-deleted { width: 60px; height: 60px; } .counteragentDeletedProfileInfoDiv .lk-anti .profile__info-block .title-deleted { color: #14355d; font-size: 11px; font-weight: 700; margin-top: 20px; } .counteragentDeletedProfileInfoDiv .lk-anti .profile__info-item .text-deleted { padding: 10px 10px 30px 10px; text-align: center; color: #506175; font-size: 12px; font-weight: 400; opacity: 0.5; } .counter-back-m { text-transform: none; font-weight: normal; position: relative; } .counter-back-m .ico { position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 15px; height: 15px; background-image: url('http://alexmc.1gb.ru/ico/left-arr.svg'); background-size: 100% 100%; } .counter-back-d { display: none; } .lk-anti .profile__info-block .anti-img { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; position: relative; -webkit-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); -moz-box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); box-shadow: 0px 1px 2px 2px rgba(34, 60, 80, 0.31); z-index: 2; } .lk-anti .profile__info-block .anti-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% -50%); -ms-transform: translate(-50% -50%); transform: translate(-50%, -50%); width: 48px; height: 48px; object-fit: contain; z-index: 1; } .lk-anti .profile__info-block .rate-number { color: #14355d; font-size: 14px; font-weight: 700; display: flex; align-items: center; padding: 0 0 0 12px; } .lk-anti .profile__info-block .anti-rate { color: #14355d; font-size: 14px; font-weight: 700; display: flex; align-items: center; padding: 0 0 0 12px; } .lk-anti .profile__info-block .anti-rate .ico { width: 15px; height: 15px; background-image: url("http://alexmc.1gb.ru/ico/redStar.svg"); background-size: 100% 100%; } .lk-anti .profile__info-block .anti-rate .ico { display: none; } .lk-anti .profile__info-block .anti-rate .ico:first-of-type { display: block; } /*============================================================================================================*/ /*=================== ÎÒÎÁÐÀÆÅÍÈÅ ÊÍÎÏÎÊ ÄËß ÓÄÀËÅÍÈß ÈÇ ÏÀÐÒÍÅÐΠ=======================*/ /*============================================================================================================*/ .company__list-item-delete { position: absolute; background-color: white; top: 0; bottom: 0; left: 0; right: 0; z-index: 8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .company__list-item-delete_center { justify-content: center; } .company__list-item-delete .title { color: #506175; font-size: 13px; font-weight: 400; margin-top: 6px; } .company__list-item-delete .btns-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 6px; } .company__list-item-delete .btns-block .btn-item { line-height: 28px; padding: 0px 24px; display: inline-block; color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; background-color: #e60f6f; cursor: pointer; -webkit-transition: 400ms ease-out background-color; -o-transition: 400ms ease-out background-color; transition: 400ms ease-out background-color; } .company__list-item-delete .btns-block .btn-item.yes { margin-right: 30px; } .company__list-item-delete .btns-block .btn-item.no { background-color: #2b8ff1; } .company__list-item-delete .btns-block .btn-item:hover { background-color: #01305c; } .company__list-item-delete.closed { display: none; } /*============================================================================================================*/ /*=================== ÎÒÎÁÐÀÆÅÍÈÅ ÊÍÎÏÎÊ ÄËß ÓÄÀËÅÍÈß ÈÇ ÏÀÐÒÍÅÐΠ=======================*/ /*============================================================================================================*/ .list-groups-item { display: block; } .list-groups-add-group { display: block; } .profile__info-item .ico-delete { margin-top: 4px; } .mobile-block { display: block; float: left; } .profile__info-item .delete-btns .btn-yes { margin: 0; padding: 6px 0px; } .profile__info-item .delete-btns .btn-no { margin: 0px 0px 0px 20px; padding: 6px 0px; } .lk__main-title { color: #01305c; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-left: 9px; margin-bottom: 14px; } .lk__main-title span { width: calc(100% - 70px); display: inline-block; } .lk__main-title .counter-back-m { float: right; } .lk__main-title .counter-back-m .ico { position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 15px; height: 15px; background-image: url('http://alexmc.1gb.ru/ico/left-arr.svg'); background-size: 100% 100%; } /**** CLOSE PROFILE ****/ .close-profile { padding: 39px 0; border-bottom: 1px solid #f1f3f5; border-top: 1px solid #f1f3f5; background-color: #fff; text-align: center; } .close-profile-text { color: #9a9ea9; font-family: "Open Sans"; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 21px; background-image: url('http://alexmc.1gb.ru/ico/lock.svg'); background-position: center left; background-repeat: no-repeat; padding-left: 30px; background-size: 17px 19px; } .close-profile-link { padding: 70px 0 28px; background-color: #fff; text-align: center; } .close-profile-link a { color: #14355d; font-size: 11px; font-weight: 400; text-decoration: underline; text-transform: uppercase; -webkit-transition: 400ms ease-out color; -o-transition: 400ms ease-out color; transition: 400ms ease-out color; margin: 0 20px; } .close-profile-link a:hover { color: #2b8ff1; } .close-profile { margin: 0 10px; } .close-profile-link { display: none; } .addCloseProfile { background-image: url('http://alexmc.1gb.ru/ico/user-plus.svg'); background-size: 27px 19px; } .lk-anti .profile__info-block .profile-buttons a.favourClose { background-image: url('http://alexmc.1gb.ru/ico/user-plus.svg'); background-size: 27px 19px; } }